/* mobile nav: collapse links to the hamburger under 800px (2026-07-05) */
@media (max-width: 800px) {
    .nav { position: relative; }
    .nav-links {
        display: none;
        position: absolute; top: calc(100% + 10px); left: 0; right: 0;
        flex-direction: column; align-items: stretch; gap: 4px;
        background: var(--navy-deep, #062F40);
        border: 1px solid var(--glass-border, rgba(244,238,227,0.18));
        border-radius: 14px; padding: 10px;
        box-shadow: 0 14px 34px rgba(0, 0, 0, 0.5);
        z-index: 80;
    }
    .nav-links.open { display: flex; }
    .nav-links a { padding: 13px 16px; border-radius: 10px; }
    .nav-links a:hover, .nav-links a:active { background: rgba(244, 238, 227, 0.08); }
}