html,
body{
  max-width:100%;
  overflow-x:clip;
}
.secondary-topbar{
  position:fixed;
  top:18px;
  left:4vw;
  right:4vw;
  z-index:50;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:14px;
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  color:var(--ink,#15143a);
  font-family:var(--font-mono,"IBM Plex Mono",ui-monospace,monospace);
  font-size:var(--fs-meta,11px);
  line-height:var(--lh-mono,1.5);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.secondary-topbar a,
.secondary-topbar button{
  box-sizing:border-box;
  color:inherit;
  text-decoration:none;
}
.secondary-topbar .brand,
.secondary-topbar .progress,
.secondary-topbar .home-link,
.secondary-topbar .mobile-current{
  border:1px solid rgba(var(--line-purple-rgb,77,85,217),.12);
  border-radius:999px;
  background:rgba(var(--paper-rgb,250,248,255),.76);
  box-shadow:none;
  backdrop-filter:blur(8px) saturate(1.08);
  -webkit-backdrop-filter:blur(8px) saturate(1.08);
}
.secondary-topbar .brand{
  justify-self:start;
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-width:0;
  min-height:34px;
  padding:4px 10px;
  font-family:var(--font-title,"Noto Serif SC",serif);
  font-size:var(--fs-caption,13px);
  font-weight:700;
  line-height:var(--lh-title,1.3);
  letter-spacing:0;
  text-transform:none;
  white-space:nowrap;
}
.secondary-topbar .brand::before{content:none}
.secondary-topbar .brand-mark{
  width:24px;
  height:24px;
  flex:0 0 24px;
  display:inline-block;
  background:var(--line-purple,#4d55d9);
  opacity:.9;
  -webkit-mask-image:var(--secondary-brand-icon);
  mask-image:var(--secondary-brand-icon);
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:contain;
  mask-size:contain;
}
.secondary-topbar .progress{
  justify-self:center;
  display:flex;
  align-items:center;
  gap:12px;
  padding:2px 4px;
  border-left:1px solid rgba(var(--line-purple-rgb,77,85,217),.12);
  opacity:1;
}
.secondary-topbar .progress a{
  min-height:32px;
  padding:6px 12px;
  border:1px solid transparent;
  border-radius:999px;
  background:transparent;
  color:rgba(var(--ink-rgb,21,20,58),.72);
  white-space:nowrap;
  transition:color .2s ease,border-color .2s ease,opacity .2s ease;
}
.secondary-topbar .progress a:hover{
  border-color:rgba(var(--line-purple-rgb,77,85,217),.24);
  background:transparent;
  color:var(--ink,#15143a);
}
.secondary-topbar .progress a.active{
  border-color:rgba(var(--line-purple-rgb,77,85,217),.72);
  background:transparent;
  color:var(--line-purple,#4d55d9);
}
.secondary-topbar .home-link{
  justify-self:end;
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:auto;
  height:auto;
  min-height:34px;
  padding:4px 10px;
  margin:0;
  border-color:rgba(var(--line-purple-rgb,77,85,217),.12);
  color:var(--ink,#15143a);
  white-space:nowrap;
}
.secondary-topbar .home-link:hover{
  transform:none;
  border-color:rgba(var(--line-purple-rgb,77,85,217),.24);
  color:var(--line-purple,#4d55d9);
}
.secondary-topbar .home-link svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.secondary-topbar .mobile-current{display:none}
.secondary-topbar.is-over-dark{color:var(--paper,#faf8ff)}
.secondary-topbar.is-over-dark .brand,
.secondary-topbar.is-over-dark .progress,
.secondary-topbar.is-over-dark .home-link,
.secondary-topbar.is-over-dark .mobile-current{
  border-color:transparent;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  color:var(--paper,#faf8ff);
}
.secondary-topbar.is-over-dark .brand-mark{
  background:rgba(var(--paper-rgb,250,248,255),.92);
  opacity:1;
}
.secondary-topbar.is-over-dark .progress a{color:rgba(var(--paper-rgb,250,248,255),.8)}
.secondary-topbar.is-over-dark .progress a:hover{
  border-color:rgba(var(--paper-rgb,250,248,255),.28);
  color:var(--paper,#faf8ff);
}
.secondary-topbar.is-over-dark .progress a.active{
  border-color:rgba(var(--paper-rgb,250,248,255),.7);
  color:var(--paper,#faf8ff);
}
.secondary-topbar.is-over-dark .home-link:hover{
  border-color:rgba(var(--paper-rgb,250,248,255),.28);
  color:var(--paper,#faf8ff);
}
section[id]{scroll-margin-top:86px}
@media(max-width:980px){
  .secondary-topbar{
    top:14px;
    left:5vw;
    right:5vw;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    gap:8px;
  }
  .secondary-topbar .brand,
  .secondary-topbar .home-link,
  .secondary-topbar .mobile-current{min-height:36px}
  .secondary-topbar .brand{padding:4px 9px}
  .secondary-topbar .brand-mark{width:22px;height:22px;flex-basis:22px}
  .secondary-topbar .brand span:last-child{
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .secondary-topbar .mobile-current{
    justify-self:center;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-width:92px;
    padding:5px 10px;
    border-color:rgba(var(--line-purple-rgb,77,85,217),.12);
    color:var(--ink,#15143a);
    font:inherit;
    letter-spacing:.08em;
    text-transform:none;
    cursor:pointer;
  }
  .secondary-topbar .mobile-current svg{
    width:14px;
    height:14px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    transition:transform .2s ease;
  }
  .secondary-topbar.is-menu-open .mobile-current svg{transform:rotate(180deg)}
  .secondary-topbar .home-link{
    width:36px;
    min-width:36px;
    padding:0;
    justify-content:center;
  }
  .secondary-topbar .home-link span{display:none}
  .secondary-topbar .progress{
    position:absolute;
    top:calc(100% + 8px);
    left:50%;
    width:min(280px,80vw);
    display:none;
    grid-template-columns:1fr;
    gap:2px;
    padding:6px;
    transform:translateX(-50%);
    border:1px solid rgba(var(--line-purple-rgb,77,85,217),.14);
    border-radius:8px;
    background:rgba(var(--paper-rgb,250,248,255),.96);
    box-shadow:0 14px 34px rgba(var(--ink-rgb,21,20,58),.12);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
  }
  .secondary-topbar.is-menu-open .progress{display:grid}
  .secondary-topbar .progress a{
    width:100%;
    min-height:40px;
    padding:10px 12px;
    border-radius:4px;
    color:rgba(var(--ink-rgb,21,20,58),.74);
    text-align:left;
  }
  .secondary-topbar .progress a.active{
    border-color:rgba(var(--line-purple-rgb,77,85,217),.42);
    color:var(--line-purple,#4d55d9);
  }
  .secondary-topbar.is-over-dark.is-menu-open .progress{
    border-color:rgba(var(--paper-rgb,250,248,255),.18);
    background:rgba(var(--ink-rgb,21,20,58),.94);
  }
  .secondary-topbar.is-over-dark.is-menu-open .progress a{color:rgba(var(--paper-rgb,250,248,255),.78)}
  .secondary-topbar.is-over-dark.is-menu-open .progress a.active{
    border-color:rgba(var(--paper-rgb,250,248,255),.58);
    color:var(--paper,#faf8ff);
  }
}
@media(max-width:430px){
  .secondary-topbar{left:4vw;right:4vw;gap:6px}
  .secondary-topbar .brand{gap:7px;font-size:12px}
  .secondary-topbar .brand-mark{width:20px;height:20px;flex-basis:20px}
  .secondary-topbar .mobile-current{min-width:84px;padding-inline:8px}
}
@media(max-width:360px){
  .secondary-topbar .brand span:last-child{max-width:74px}
  .secondary-topbar .mobile-current{min-width:76px;padding-inline:6px}
}
@media(prefers-reduced-motion:reduce){
  .secondary-topbar .mobile-current svg{transition:none}
}