/* The opening pill scrolls with its reserved space; only the small iris persists. */
#nav.nav{position:absolute;scroll-margin-top:20px}
#nav .nav-pill{padding-inline:8px;column-gap:4px}
#nav .nav-mark-link{flex:0 0 44px;width:44px;height:44px;justify-content:center}
#nav .nav-word-link{flex:1;min-width:0;min-height:44px;justify-content:center}
#nav .nav-burger{flex:0 0 44px;width:44px;height:44px}
#nav .nav-mark-link::after,#nav .nav-word-link::after{content:none}
#nav .nav-menu a{min-height:44px;box-sizing:border-box}
#nav :focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px;border-radius:4px}
.nav-return:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;box-shadow:0 0 0 6px var(--surface-dark);border-radius:4px}
.nav-return{position:relative;z-index:2;display:table;min-width:44px;min-height:44px;margin:12px auto 0;padding:12px 16px;font:12px/20px var(--font-body);color:var(--text-primary-dark);background:var(--surface-dark);border:1px solid var(--border-subtle-dark);border-radius:4px;text-underline-offset:4px}
/* Every route keeps usable native navigation if scripting is unavailable. */
html:not(.js):not(.sd-boot) #nav.nav{position:relative;top:auto;left:auto;transform:none;margin:20px auto}
html:not(.js):not(.sd-boot) #nav .nav-burger{display:none}
html:not(.js):not(.sd-boot) #nav .nav-menu{position:static;margin-top:8px;opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:none}
@media(prefers-reduced-motion:reduce){#nav *{scroll-behavior:auto;transition:none!important}}

/* A quiet brand anchor, outside the menu and its transformed containing block. */
.nav-iris{position:fixed;z-index:90;top:max(12px,env(safe-area-inset-top,0px));left:max(0px,calc((var(--gutter,20px) - 44px)/2));display:flex;align-items:center;justify-content:center;inline-size:44px;block-size:44px;color:var(--text-primary-dark,#f1f1f1);text-decoration:none}
.nav-iris[hidden]{display:none}
.nav-iris .nav-mark{inline-size:20px;block-size:20px}
body:has(#nav.nav-light) .nav-iris{color:var(--text-primary-light,#121214)}
.nav-iris:focus-visible{outline:2px solid currentColor;outline-offset:-2px;border-radius:4px}
body:has([aria-modal="true"][aria-hidden="false"]) .nav-iris,body:has(dialog[open]) .nav-iris{visibility:hidden}
@media(max-width:640px){.nav-iris{top:max(4px,env(safe-area-inset-top,0px));justify-content:flex-start;padding-left:2px;box-sizing:border-box}.nav-iris .nav-mark{inline-size:16px;block-size:16px}}
@media print{.nav-iris{display:none!important}}

.nav-reading-point{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.js #nav.menu-open .nav-menu:focus-within,.js #nav.menu-open .nav-menu:focus-within a{opacity:1;transform:none;transition:none}

/* Navigation hit regions grow without changing their type or icon glyphs. */
.footer-links a,.footer-links button,.pd-footer nav a{box-sizing:border-box;display:inline-flex;min-inline-size:44px;min-block-size:44px;align-items:center;justify-content:center}
.pd-footer-brand{box-sizing:border-box;min-inline-size:44px;min-block-size:44px}
.pd-hero-top .eyebrow a{box-sizing:border-box;display:inline-flex;min-inline-size:44px;min-block-size:44px;align-items:center;justify-content:center;margin-block:calc((1lh - 44px)/2)}
/* Leave the consent prompt untouched and let footer navigation scroll above it. */
body:has([data-privacy-banner]:not([hidden])) .footer-content{padding-bottom:calc(152px + env(safe-area-inset-bottom,0px))}
@media(max-width:640px){body:has([data-privacy-banner]:not([hidden])) .footer-content{padding-bottom:calc(232px + env(safe-area-inset-bottom,0px))}}