/* Translucent navigation: one shared glass surface for all pages and scroll states. */
.header .nav-inner,
.header.is-scrolled .nav-inner{
  position:relative;
  background:linear-gradient(115deg,rgba(255,255,255,.27),rgba(255,255,255,.08) 48%,rgba(255,255,255,.2)),rgba(248,250,255,.21);
  border:1px solid rgba(255,255,255,.65);
  -webkit-backdrop-filter:blur(20px) saturate(175%);
  backdrop-filter:blur(20px) saturate(175%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75),inset 0 -1px 0 rgba(255,255,255,.12),0 8px 30px -16px rgba(31,45,75,.2),0 1px 3px rgba(31,45,75,.04);
}
.header .nav-inner::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(160deg,rgba(255,255,255,.24),transparent 38%,transparent 68%,rgba(255,255,255,.08));
}
.header.is-scrolled .nav-inner{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),inset 0 -1px 0 rgba(255,255,255,.1),0 12px 34px -17px rgba(25,40,70,.25),0 2px 5px rgba(31,45,75,.04);
}
.header .theme-toggle{background:rgba(255,255,255,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.42)}
[data-theme="dark"] .header .nav-inner,
[data-theme="dark"] .header.is-scrolled .nav-inner{
  background:linear-gradient(115deg,rgba(255,255,255,.055),rgba(255,255,255,.012) 48%,rgba(255,255,255,.035)),rgba(22,26,34,.44);
  border-color:rgba(255,255,255,.17);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(255,255,255,.025),0 12px 34px -17px rgba(0,0,0,.55);
}
[data-theme="dark"] .header .nav-inner::before{opacity:.2}
[data-theme="dark"] .header .theme-toggle{background:rgba(255,255,255,.045);box-shadow:inset 0 1px 0 rgba(255,255,255,.09)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .header .nav-inner,.header.is-scrolled .nav-inner{background:rgba(246,248,252,.94)}
  [data-theme="dark"] .header .nav-inner,[data-theme="dark"] .header.is-scrolled .nav-inner{background:rgba(25,29,37,.96)}
}
@media(forced-colors:active){
  .header .nav-inner,.header.is-scrolled .nav-inner,[data-theme="dark"] .header .nav-inner{background:Canvas;border-color:CanvasText;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  .header .nav-inner::before{display:none}
}