/* Shared Frosted marine header: 90% transparency, 1px blur, 26% edge shine. */
html{scrollbar-gutter:stable}
html.alt-slide{scrollbar-width:auto}
html.alt-slide::-webkit-scrollbar{display:block}
/* The chapter navigator supplies page navigation without a separately painted edge. */
html[data-page="home"].alt-slide{scrollbar-gutter:auto;scrollbar-width:none}
html[data-page="home"].alt-slide::-webkit-scrollbar{display:none}
/* Chapter backgrounds fill the viewport; content retains its inner limits. */
html[data-page="home"].alt-slide [data-screen-label="One Page Working Draft"]{width:100%!important;max-width:none!important;margin:0!important}
@media(min-width:1601px){html[data-page="home"] #overview>[data-pad],html[data-page="home"] #overview>[data-hero]{box-sizing:border-box;width:100%;max-width:1600px;margin-inline:auto}}
@media(max-width:800px){html[data-page="home"].alt-slide #overview>[data-pad],html[data-page="home"].alt-slide #overview>[data-hero],html[data-page="home"].alt-slide .method-screen,html[data-page="home"].alt-slide #exposure,html[data-page="home"].alt-slide #performance,html[data-page="home"].alt-slide .closing-screen>[data-pad]{padding-left:40px!important}}
.glass-header-zone{position:fixed;inset:0 0 auto;z-index:1400;height:80px}
.glass-header-zone .site-header.site-header{box-sizing:border-box;position:absolute;inset:0 0 auto;isolation:isolate;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:24px!important;width:100%;max-width:none;height:80px;min-height:80px;margin:0;padding:17px 40px!important;border:0;background:transparent;box-shadow:none;font:400 15px/22px system-ui,-apple-system,"Segoe UI",sans-serif;opacity:1;visibility:visible;transform:translateY(0);transition:transform .2s ease,opacity .16s ease;animation:none}
.glass-header-zone .site-header::before,.glass-header-zone .site-header::after{content:"";position:absolute;inset:8px 20px;z-index:-1;border-radius:16px;pointer-events:none}
.glass-header-zone .site-header::before{box-sizing:border-box;border:1px solid rgb(225 242 238 / .26);border-top-color:rgb(247 255 253 / .26);background:linear-gradient(115deg,rgb(222 245 242 / .045),transparent 45%,rgb(188 220 226 / .045)),rgb(37 57 72 / .10);-webkit-backdrop-filter:blur(1px) saturate(125%);backdrop-filter:blur(1px) saturate(125%);box-shadow:0 10px 22px -15px #020b16aa,inset 0 1px 0 rgb(255 255 255 / .0468),inset 0 -1px 0 #04111b30}
.glass-header-zone .site-header::after{background:radial-gradient(ellipse 380px 100px at 30% 0%,rgb(235 255 248 / .0468),transparent 75%)}
.glass-header-zone .site-header .site-header-brand{display:inline-flex;align-items:center;flex:none;min-height:44px;margin:0;padding:0;line-height:1;text-decoration:none}
.glass-header-zone .site-header .site-header-brand img{display:block;flex:none;width:auto;height:34px;max-width:none;margin:0;object-fit:contain}
.glass-header-zone .site-header .site-header-nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:22px!important;margin:0;padding:0;font:inherit!important}
.glass-header-zone .site-header .site-header-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:0;color:#d2ddd9;font:inherit;text-decoration:none;white-space:nowrap}
.glass-header-zone .site-header .site-header-nav a:hover,.glass-header-zone .site-header .site-header-nav a[aria-current]{color:#fff}
.glass-header-zone .site-header .site-header-separator{color:#a5b8b3;opacity:.65;line-height:22px}
.glass-header-zone .site-header a:focus-visible{outline:2px solid #d2ebdd;outline-offset:5px;border-radius:3px;box-shadow:none}
.glass-header-zone[data-ink="dark"] .site-header .site-header-brand img{filter:brightness(0)}
.glass-header-zone[data-ink="dark"] .site-header .site-header-nav a{color:#172c36}
.glass-header-zone[data-ink="dark"] .site-header .site-header-nav a:hover,.glass-header-zone[data-ink="dark"] .site-header .site-header-nav a[aria-current]{color:#07151e}
.glass-header-zone[data-ink="dark"] .site-header .site-header-separator{color:#3a5a60}
.glass-header-zone[data-ink="dark"] .site-header a:focus-visible{outline-color:#284e48}
.site-header-space{display:block;box-sizing:border-box;height:80px;min-height:80px;flex:0 0 80px;pointer-events:none}
.glass-header-zone[data-revealed="false"]{height:20px}
.glass-header-zone[data-revealed="false"] .site-header{opacity:0;visibility:hidden;transform:translateY(-100%);pointer-events:none}
.glass-reveal-trigger{position:absolute;z-index:2;top:18px;left:50%;transform:translateX(-50%);min-height:44px;padding:0 15px;border:1px solid #bddcc95c;border-radius:24px;background:#1c2b37f5;color:#e8f2eb;font:400 12px/20px system-ui,sans-serif;white-space:nowrap;opacity:0;pointer-events:none}
.glass-reveal-trigger:focus-visible{opacity:1;pointer-events:auto;outline:2px solid #bddcc9;outline-offset:3px}
.glass-reveal-trigger[hidden]{display:none!important}
@media(max-width:700px){.glass-header-zone .site-header.site-header{padding-inline:20px!important;gap:20px!important}.glass-header-zone .site-header::before,.glass-header-zone .site-header::after{inset-inline:10px}.glass-header-zone .site-header .site-header-nav{gap:14px!important}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass-header-zone .site-header::before{-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.glass-header-zone .site-header.site-header{transition:none;animation:none}}

/* Native same-origin page fades; unsupported browsers retain ordinary navigation. */
@media(prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  ::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){animation-duration:180ms;animation-timing-function:cubic-bezier(.23,1,.32,1)}
}
@media(prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  ::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){animation:none!important}
}

/* Grey-tinted glass follows the preview palette without extra blur or motion. */
html[data-page="home"] .glass-header-zone .site-header::before,
html[data-page="memory"] .glass-header-zone .site-header::before {
  border-color:rgb(225 230 239 / .26);
  border-top-color:rgb(247 249 255 / .26);
  background:linear-gradient(115deg,rgb(232 238 249 / .045),transparent 45%,rgb(215 222 237 / .045)),rgb(48 51 63 / .10);
  -webkit-backdrop-filter:blur(1px) saturate(105%);
  backdrop-filter:blur(1px) saturate(105%);
}
html[data-page="home"] .glass-header-zone .site-header::after,
html[data-page="memory"] .glass-header-zone .site-header::after {
  background:radial-gradient(ellipse 380px 100px at 30% 0%,rgb(241 245 255 / .0468),transparent 75%);
}
html[data-page="home"] .glass-header-zone:not([data-ink="dark"]) .site-header-nav a,
html[data-page="memory"] .glass-header-zone:not([data-ink="dark"]) .site-header-nav a {color:#d8dde5}
html[data-page="home"] .glass-header-zone a:focus-visible,
html[data-page="memory"] .glass-header-zone a:focus-visible {outline-color:#a9b8cc}
