/* Simple Mobile Responsive Fix - Matches Publications Page Approach */

/* Ensure navbar doesn't hide content */
.navbar.fixed-top {
    z-index: 1030;
    position: fixed;
    top: 0;
}

/* Smooth scrolling with proper offset */
html {
    scroll-behavior: smooth;
}

/* Mobile navbar improvements */
@media (max-width: 991px) {
    .navbar-collapse {
        max-height: calc(100vh - 80px);
        overflow-y: auto;
        background: rgba(23, 25, 65, 0.98);
        padding: 10px;
        border-radius: 0.5rem;
        margin-top: 10px;
    }
}

/* Text readability on mobile */
@media (max-width: 768px) {
    h1, h2, h3, h4, h5, h6, p, .lead {
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    
    .display-2, .display-3 {
        font-size: 2rem !important;
        line-height: 1.3 !important;
    }
    
    .lead {
        font-size: 1rem !important;
        line-height: 1.6 !important;
    }
}

/* Better spacing on mobile */
@media (max-width: 576px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .card {
        margin-bottom: 20px;
    }
}