/* Shared responsive site navigation */
.site-header,.top{z-index:100!important}
.nav-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.nav-actions .nav-cta{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;text-decoration:none;font-weight:750;font-size:.93rem}
.menu-toggle{display:none;align-items:center;justify-content:center;width:43px;height:43px;padding:9px;border:1px solid #d6deea;border-radius:13px;background:#fff;color:#101c31;cursor:pointer;flex-shrink:0}
.menu-toggle svg{display:block;width:22px;height:22px}
.menu-toggle:focus-visible,.mobile-nav a:focus-visible{outline:3px solid #7da6fb;outline-offset:3px}
.mobile-nav{display:none}
@media(max-width:900px){
 .nav-links{display:none!important}
 .menu-toggle{display:inline-flex}
 .site-header,.top{position:sticky;top:0}
 .site-header .nav,.top-inner{position:relative}
 .mobile-nav:not([hidden]){display:flex;position:absolute;top:calc(100% + 1px);left:0;right:0;flex-direction:column;gap:2px;padding:12px;max-height:calc(100dvh - 85px);overflow:auto;border:1px solid #dce4ee;border-top:0;border-radius:0 0 20px 20px;background:#f8faff;box-shadow:0 18px 32px rgba(13,28,53,.16);z-index:101}
 .mobile-nav a{display:block;padding:12px 15px;border-radius:10px;font-size:1rem;font-weight:700;color:#1b2940;text-decoration:none}
 .mobile-nav a:hover,.mobile-nav a[aria-current=page]{background:#e8efff;color:#275dc4}
 .mobile-nav a:last-child{margin-top:4px;background:#111c30;color:#fff!important;text-align:center}
}
@media(max-width:410px){.nav-actions{gap:6px}.nav-actions .nav-cta{font-size:.82rem;padding:9px 11px}.menu-toggle{height:41px;width:41px;padding:8px}.brand-text{font-size:.9rem}}

/* Field Notes uses a legacy .top nav selector; keep mobile dropdown display independent. */
@media(max-width:900px){.top .mobile-nav[hidden]{display:none!important}.top .mobile-nav:not([hidden]){display:flex!important;gap:2px;font-size:1rem}}
.top nav.mobile-nav{display:none}
@media(max-width:900px){.top nav.mobile-nav:not([hidden]){display:flex!important}}
@media(max-width:410px){.brand-logo{height:26px}.brand{gap:7px}.top .brand img{height:26px}.top .brand{font-size:.88rem}}
.nav-actions .nav-cta{background:#101c31;color:#fff!important;border-radius:999px;padding:10px 15px;box-shadow:0 8px 24px rgba(11,18,32,.13)}
@media(max-width:410px){.nav-actions .nav-cta{padding:9px 11px}}