/**
 * Tablet Responsive Styles
 * Breakpoint: 769px - 1024px
 */

@media (min-width: 769px) and (max-width: 1024px) {
    /* Header Tablet */
    .header-content {
        padding: 0 var(--spacing-md);
    }
    
    .site-logo {
        font-size: 1.8rem;
    }
    
    /* Navigation Tablet */
    .nav-menu {
        gap: var(--spacing-md);
    }
    
    .nav-menu a {
        padding: var(--spacing-xs) var(--spacing-sm);
    }
    
    /* Container Tablet */
    .container {
        max-width: 100%;
        padding: 0 var(--spacing-md);
    }
}