/* Quality fixes; keep the established visual system and layer order. */
:root{--layer-local-nav:18;--layer-header:30;--layer-skip:100}
.site-header{z-index:var(--layer-header)}.v2-page-nav{z-index:var(--layer-local-nav)}.skip-link{z-index:var(--layer-skip)}
.footer-sitemap-group .footer-group-label{font-family:var(--sans);font-size:16px;font-weight:500;margin-bottom:8px;color:var(--muted)}
.nojs-navigation{display:flex;gap:16px;flex-wrap:wrap;padding-block:16px}.nojs-navigation a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline}
.motion-toggle{position:absolute;right:20px;top:16px;min-height:44px;padding:8px 12px;border:1px solid var(--color-border-strong);border-radius:4px;background:rgba(255,255,255,.94);color:var(--color-primary);font:400 12px/1.5 var(--sans)}
.motion-toggle[hidden]{display:none}
/* Numbered policy entries each occupy a row, including short items. */
.privacy-main .page-toc ul{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}
.privacy-main .page-toc li{min-width:0}
.privacy-main .page-toc a{display:flex;width:100%;padding-block:8px}
.motion-paused .scroll-light-text,.motion-paused .scroll-light-arrow{animation:none!important;background:none!important;color:#193D58!important;-webkit-text-fill-color:currentColor!important;filter:none!important}
@media(prefers-reduced-motion:reduce){.motion-toggle{display:none}}


/* Keep the full journal name without widening the desktop navigation. */
@media(min-width:1024px){#navigation>a[href="/notes/"]{text-align:center;line-height:1.5}#navigation>a>.journal-nav-sub{display:block;font-size:11px;letter-spacing:0;margin:0}}

/* Keep the desktop navigation readable as the number of primary destinations grows. */
@media(min-width:1024px) and (max-width:1399px){.site-header{padding-inline:24px;gap:16px}.site-header nav{gap:12px;font-size:13px}.site-header .nav-action{font-size:13px;padding-inline:12px;gap:8px}.site-header .brand{width:110px}.site-header nav>a{letter-spacing:0}}
@media(min-width:1024px){#navigation>a[href="/ocean-ai/"]{flex-direction:column;gap:0;text-align:center;line-height:1.5}}
a[href="/ocean-ai/"]:has(>.journal-nav-sub){flex-direction:column;gap:0;align-items:flex-start}a[href="/ocean-ai/"]>.journal-nav-sub{font-size:.8em;line-height:1.6}@media(min-width:1024px){#navigation>a[href="/ocean-ai/"]{align-items:center}}
