/* Web adaptation of HIG Materials: one regular glass navigation layer above content. */
:root{--site-header-height:80px;--case-nav-height:60px}
html{scroll-padding-top:calc(var(--site-header-height) + 20px)}
html:has(body.case-view){scroll-padding-top:calc(var(--site-header-height) + var(--case-nav-height) + 20px)}
.site-header{position:sticky;top:0;z-index:60;isolation:isolate}
.site-header::before{content:"";position:absolute;inset:0;z-index:-1;background:#f5f4ef;box-shadow:inset 0 1px 0 #ffffffb8,0 1px 0 #263b4f0a,0 6px 24px #1c344508;pointer-events:none}
.header{height:var(--site-header-height);border:0;gap:24px}
.header .identity-role{color:#3c4b59}
.header .desktop-nav{gap:6px}
.header .desktop-nav a{min-width:44px;min-height:44px;padding-inline:12px;border-radius:24px;color:#273d50;transition:background-color .18s,color .18s}
.header .desktop-nav a:hover{background:#263f5010;color:#162e42}
.header .desktop-nav a[aria-current]{background:#263f5012;color:#154c76}
.header .desktop-nav .contact-link{margin-left:8px;padding-inline:18px;background:#ffffff80;border:0;box-shadow:0 1px 4px #1c34450a}
.header .mobile-menu summary{background:#ffffff80;border:0;box-shadow:0 1px 5px #1c344510;min-height:44px}
.header .mobile-menu nav{top:54px;background:#f8f7f2f7;border:0;border-radius:20px;padding:8px;box-shadow:0 12px 36px #1c34451f,0 2px 8px #1c344510;max-height:calc(100dvh - var(--site-header-height) - 24px);overflow-y:auto;overscroll-behavior:contain}
.header .mobile-menu nav>a{border-radius:12px}
.case-nav{top:var(--site-header-height)}
.essay-index{top:calc(var(--site-header-height) + var(--case-nav-height) + 24px)}
#main>section[id],.essay-body>section{scroll-margin-top:0}
.footer{padding-bottom:calc(44px + env(safe-area-inset-bottom,0px));flex-wrap:wrap}
.footer-controls{display:flex;align-items:center;gap:24px;font-size:.75rem;color:#52616f}
.footer-controls .motion-toggle{min-height:44px;padding:10px 14px;border-radius:24px;background:#263f5009;font-size:.75rem;color:#304c62}
.footer-controls .motion-toggle:hover{background:#263f5012}
.footer-controls .motion-toggle[aria-pressed=true]{background:#dae7ef;color:#1d4f72}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .site-header::before{background:linear-gradient(120deg,#ffffff50,transparent 35%,#ffffff18 68%,#ffffff40),#f6f5efc7;-webkit-backdrop-filter:blur(24px) saturate(1.45);backdrop-filter:blur(24px) saturate(1.45)}
}
@media(max-width:800px){:root{--site-header-height:72px;--case-nav-height:68px}.header{gap:16px}.essay-index{position:static}}
@media(max-width:560px){.footer-controls{width:100%;justify-content:space-between;gap:16px}.footer p{order:2;margin-top:0}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.site-header::before{background:#f7f6f1;-webkit-backdrop-filter:none;backdrop-filter:none}.header .mobile-menu nav{background:#f7f6f1}.header .desktop-nav a{color:#172d40}.header .mobile-menu summary{background:#e7e9e7;color:#172d40}}
@media(forced-colors:active){.site-header::before,.header .mobile-menu nav{background:Canvas;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.header .desktop-nav a,.header .mobile-menu nav>a{color:LinkText}.header .mobile-menu summary,.motion-toggle{color:ButtonText;border:1px solid ButtonText;background:ButtonFace}}
@media print{.site-header,.footer-controls{display:none!important}}