/* ?cleannav trial (Claude): no full-width bar. The lamp-lit menu pill keeps all its effects; the menu button and the
   clock/theme/full-screen controls become matching floating glass islands on the same line. Scrolling down sends the
   side islands up and away (the pill stays); scrolling up brings them back. */
html.cleannav .site-header{ padding-top:16px; padding-bottom:16px; }
html.cleannav .site-header.is-stuck,
html.cleannav.light .site-header.is-stuck,
html.cleannav.light.night-zone .site-header.is-stuck{ background:none; border-bottom-color:transparent; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; }
/* islands share the pill's glass (nav.css tokens follow light, dark and the night zone) */
html.cleannav .hdr-right,
html.cleannav header.nav-burger .burger{
  --nav-bg:rgba(18,20,23,.92); --nav-border:rgba(233,231,225,.16); --nav-accent-rgb:250,248,242;
  border:1px solid var(--nav-border); background:var(--nav-bg); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  box-shadow:0 16px 44px -18px #0005, inset 0 1px 0 rgba(var(--nav-accent-rgb),.04); }
html.cleannav.light .hdr-right,
html.cleannav.light header.nav-burger .burger{ --nav-bg:rgba(255,255,255,.93); --nav-border:rgba(28,26,22,.16); --nav-accent-rgb:20,18,14; }
html.cleannav.light.night-zone .hdr-right,
html.cleannav.light.night-zone header.nav-burger .burger{ --nav-bg:rgba(18,20,23,.92); --nav-border:rgba(233,231,225,.16); --nav-accent-rgb:250,248,242; }
html.cleannav .hdr-right{ height:52px; box-sizing:border-box; padding:0 9px 0 18px; border-radius:999px; }
html.cleannav header:not(.is-stuck) .hdr-right{ background:transparent; border-color:transparent; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; }
html.cleannav header.nav-burger .burger{ width:52px; height:52px; margin-top:-26px; left:-8px; padding:0 11px; align-items:center; border-radius:999px;
  transition:transform .55s cubic-bezier(.22,1,.36,1), opacity .42s cubic-bezier(.22,1,.36,1), border-color .3s var(--ease); }
html.cleannav header.nav-burger .burger:hover{ border-color:rgba(var(--nav-accent-rgb),.32); }
html.cleannav header.nav-burger .burger:active{ transform:scale(.95); }
html.cleannav header.nav-burger .burger:focus-visible{ outline:1px solid var(--ink); outline-offset:3px; }
/* going away: the side islands lift out while you read, and return as soon as you scroll back up */
html.cleannav .hdr-right{ transition:transform .55s cubic-bezier(.22,1,.36,1), opacity .42s cubic-bezier(.22,1,.36,1), background-color .4s var(--ease), border-color .4s var(--ease); }
html.cleannav.nav-away .hdr-right,
html.cleannav.nav-away header.nav-burger .burger{ transform:translateY(-84px); opacity:0; pointer-events:none; }
html.cleannav.nav-away .tubelight{ transition:transform .55s cubic-bezier(.22,1,.36,1); transform:translateX(-50%) scale(.94); }
html.cleannav .tubelight{ transition:transform .55s cubic-bezier(.22,1,.36,1), opacity .6s var(--ease); }
@media (prefers-reduced-motion:reduce){ html.cleannav :is(.hdr-right,.burger,.tubelight){ transition:none !important; } }