/* Responsive Adjustments */
@media (max-width: 768px) {
    /* Adjust for fixed header on mobile */
    body {
        padding-top: 80px; /* Smaller padding for mobile */
    }
    
    header {
        padding: 15px 0;
    }
    
    /* Mobile Navigation */
    .mobile-nav-toggle {
        display: block;
        z-index: 1001; /* Ensure toggle is above the menu */
    }
    
    nav {
        display: none;
        width: 100%;
        background-color: #101620;
        position: absolute;
        top: 100%; /* Align to bottom of header */
        left: 0;
        padding: 20px 0;
        z-index: 1000;
        margin: 0; /* Remove any margin */
        border-top: 1px solid #1E293B; /* Add subtle separator */
        border-bottom: 1px solid #1E293B; /* Add subtle separator */
    }
    
    /* Multiple classes for compatibility with all code */
    nav.active, 
    nav.show {
        display: block !important;
    }
    
    nav ul {
        flex-direction: column;
        align-items: center;
        margin: 0; /* Remove any margin */
        padding: 0; /* Remove any padding */
    }
    
    nav ul li {
        margin: 15px 0; /* Increase vertical spacing between items */
        width: 100%;
        text-align: center;
    }
    
    nav ul li a {
        display: block;
        padding: 8px 0; /* Increase touch target size */
        font-size: 16px; /* Ensure readable text size */
    }
    
    /* Fix the gap between hero and content */
    .home-hero {
        margin-top: -1px; /* Close any gap with the header or menu */
    }
    
    /* Fix any gaps for other page types */
    section:first-of-type {
        margin-top: -1px; /* Close any gap with the header or menu */
    }
    
    /* Homepage Grids */
    .principles, 
    .leaders, 
    .recognition-indicators {
        grid-template-columns: 1fr;
    }
    
    /* Client Portal Button */
    .login-link {
        display: none; /* Hide the button on mobile */
    }
    
    /* Mobile Portal Link */
    .mobile-only {
        display: block !important;
    }
    
    .mobile-only a {
        color: #DECA9C;
    }
    
    /* Hero Text */
    .hero-section h1,
    .home-hero h1 {
        font-size: 28px;
    }
    
    .subtitle {
        font-size: 16px;
    }
    
    /* Article Pages */
    .article-title {
        font-size: 28px;
    }
    
    .article-meta {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .publication-date {
        margin-top: 15px;
    }
    
    .article-body {
        font-size: 16px;
    }
    
    .lead {
        font-size: 18px;
    }
    
    .related-grid,
    .featured-grid {
        grid-template-columns: 1fr;
    }
    
    /* Archive Filters */
    .filter-controls {
        flex-direction: column;
        align-items: center;
    }
    
    .filter-group {
        width: 100%;
        max-width: 280px;
    }
    
    select {
        width: 100%;
    }
    
    #reset-filters {
        width: 100%;
        max-width: 280px;
        margin-top: 10px;
        align-self: center;
    }
    
    /* Modal improvements for mobile */
    .modal-content {
        width: 90%;
        margin: 15% auto;
        padding: 25px;
    }
    
    /* Improved spacing for mobile */
    .home-hero {
        padding: 100px 0;
    }
    
    section {
        padding: 60px 0;
    }
    
    /* Ensure modals are fully visible */
    .modal-header .author-info {
        flex-direction: column;
        text-align: center;
    }
    
    .modal-header .author-image {
        margin: 0 auto 15px;
    }
}