/* Approved translucent white navigation, applied without JavaScript. */
html[data-menu]{--menu-label-size:13px;--menu-link-padding:14px;--menu-bg:rgba(255,255,255,.42);--menu-ink:#0b1622;--menu-hover:#e8f0ff;--menu-focus:#0657c0;--menu-shadow:0 3px 8px rgba(11,22,34,.015),0 12px 28px rgba(11,22,34,.035)}
html[data-menu] :is(header.wrap nav,.mobile-navigation,.page nav){background:var(--menu-bg);box-shadow:var(--menu-shadow);border:0;border-radius:16px;padding:6px;gap:4px;isolation:isolate}
html[data-menu] :is(header.wrap nav,.mobile-navigation,.page nav) a{color:var(--menu-ink);font-family:Manrope,sans-serif;font-weight:700;font-size:var(--menu-label-size);line-height:1.4;min-height:44px;display:flex;align-items:center;justify-content:center;padding:10px var(--menu-link-padding);border-radius:11px;text-decoration:none;transition:background .18s ease,color .18s ease}
html[data-menu] :is(header.wrap nav,.mobile-navigation,.page nav) a:hover{background:var(--menu-hover);color:var(--menu-ink)}
html[data-menu] :is(header.wrap nav,.mobile-navigation,.page nav) a:focus-visible{outline:3px solid var(--menu-focus);outline-offset:2px}
html[data-menu] .page nav a[aria-current="page"]{background:var(--menu-hover);color:var(--menu-ink)}
@media(max-width:760px){html[data-menu] nav.mobile-navigation{padding:6px;gap:2px}html[data-menu] nav.mobile-navigation a{padding:10px 8px;flex:1}html[data-menu] .page nav{gap:2px}html[data-menu] .page nav a{font-size:12px;padding:10px 8px}}
@media(prefers-reduced-motion:reduce){html[data-menu] nav a{transition:none}}

@media(max-width:360px){html[data-menu] nav.mobile-navigation a{font-size:12px;padding:10px 4px;white-space:nowrap}}

@media(max-width:760px){html[data-menu]{--menu-link-padding:8px}}
@media(max-width:360px){html[data-menu]{--menu-label-size:12px;--menu-link-padding:4px}}

/* Larger labels with room on narrow screens. */
html[data-menu="raised"]{--menu-label-size:16px}
@media(max-width:960px){html[data-menu="raised"]{--menu-label-size:15px;--menu-link-padding:10px}}
@media(max-width:760px){html[data-menu="raised"]{--menu-link-padding:6px}}
@media(max-width:360px){html[data-menu="raised"]{--menu-label-size:14px;--menu-link-padding:2px}}