/* One set of navigation links, moved into the mobile dialog by JavaScript. */
.site-header{position:sticky;top:0}
.site-header .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;min-height:64px;padding-block:10px}
.site-header .brand{min-width:0;justify-self:start}
.site-header .brand img{width:clamp(132px,calc(100vw - 152px),200px);height:auto}
.site-menu{min-width:0}
.menu-toggle{position:relative;display:grid;place-items:center;width:44px;min-height:44px;padding:10px;border:0;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;list-style:none;transition:background-color .15s,color .15s}
.menu-toggle>span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.menu-toggle::-webkit-details-marker{display:none}
.menu-toggle svg{width:24px;height:24px}.drawer-close svg{width:22px;height:22px}
.menu-toggle:hover{background:var(--soft)}
.site-menu[open]>.menu-content{position:absolute;right:16px;top:calc(100% + 8px);z-index:12;width:min(360px,calc(100vw - 32px));max-height:calc(100dvh - 90px);overflow:auto;padding:24px;background:var(--bg);border:1px solid var(--line);box-shadow:var(--shadow)}
.menu-content .primary-nav{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;margin:0;padding:0;border:0;font-size:16px;line-height:1.5}
.menu-content .primary-nav a{display:flex;align-items:center;padding:15px 0;min-height:52px;border-bottom:1px solid var(--line)}
.menu-content .nav-page:hover{color:var(--accent-ink)}
.menu-content .nav-page[aria-current]{color:var(--accent-ink);text-decoration:underline;text-underline-offset:6px}
.menu-content .primary-nav .nav-quote{justify-content:center;margin-top:24px;padding:12px 16px;border:0;border-radius:3px;background:var(--accent);color:#151819;font-weight:700}
.menu-content .preferences{display:flex;align-items:center;justify-content:space-between;margin:32px 0 0;gap:16px;padding-top:24px;border-top:1px solid var(--line)}
.site-header :is(a,button,summary):focus-visible,.nav-drawer :is(a,button):focus-visible{outline:3px solid var(--accent-ink);outline-offset:3px}
.nav-drawer{inset:0 0 0 auto;margin:0;padding:24px;width:min(360px,calc(100% - 32px));height:100dvh;max-height:100dvh;max-width:none;border:0;border-left:1px solid var(--line);border-radius:0;background:var(--bg);color:var(--ink);overflow:auto;overscroll-behavior:contain}
.nav-drawer[open]{display:flex;flex-direction:column;gap:24px;animation:drawer-enter 260ms cubic-bezier(.2,.8,.2,1)}
.nav-drawer::backdrop{background:#0008}
.nav-drawer[open]::backdrop{animation:backdrop-enter 220ms ease-out}
@keyframes drawer-enter{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes backdrop-enter{from{background:#0000}to{background:#0008}}
@media(prefers-reduced-motion:reduce){.nav-drawer[open],.nav-drawer[open]::backdrop{animation:none}}
.drawer-top{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:18px;font-weight:650}
.drawer-close{display:grid;place-items:center;width:44px;height:44px;min-height:44px;flex-shrink:0;padding:0;background:transparent;border:1px solid var(--line);border-radius:3px}
.drawer-close:hover{background:var(--soft)}
.nav-drawer .menu-content{min-width:0}
@media(min-width:1100px){
 .site-header.has-navigation-js .header-inner{min-height:80px;padding-block:18px;gap:28px}
 .has-navigation-js .menu-toggle{display:none}
 .has-navigation-js .site-menu[open]>.menu-content{position:static;display:flex;align-items:center;gap:28px;width:auto;max-height:none;overflow:visible;padding:0;background:transparent;border:0;box-shadow:none}
 .has-navigation-js .menu-content .primary-nav{flex-direction:row;gap:20px;width:auto;font-size:13px}
 .has-navigation-js .menu-content .primary-nav a{min-height:44px;padding:10px 0;border:0;white-space:nowrap}
 .has-navigation-js .menu-content .primary-nav .nav-quote{margin:0;padding:10px 14px}
 .has-navigation-js .menu-content .preferences{margin:0;padding:0;border:0;gap:8px}
}
