html { scrollbar-gutter:stable; }
html { scroll-behavior:smooth; }
section[id], article[id], address[id], details[id] { scroll-margin-top:6rem; }
body > header { position:sticky; top:0; z-index:10; border-bottom:1px solid var(--line); background:rgba(7,10,16,.87); backdrop-filter:blur(14px); }
.subpage-nav { position:relative; min-height:4.6rem; display:grid; grid-template-columns:122px minmax(0,1fr) 164px; align-items:center; gap:1rem; font-family:Arial,Helvetica,sans-serif; line-height:1.6; }
.subpage-nav.container { width:min(calc(100% - 2rem),1160px); }
.subpage-nav .home-link { display:inline-flex; align-items:center; justify-content:center; text-align:center; gap:.5rem; min-height:2.7rem; padding:.55rem .85rem; border:1px solid var(--line); border-radius:999px; background:transparent; color:var(--text); font-size:.9rem; font-weight:700; }
.subpage-nav .home-link:hover { border-color:var(--accent); color:var(--accent); }
.subpage-links { display:flex; align-items:center; gap:1.25rem; color:var(--muted); font-size:.9rem; white-space:nowrap; }
.subpage-links { justify-self:center; }
.subpage-links a { padding:.35rem .1rem; }
.subpage-links a:hover { color:var(--text); }
.subpage-links a:first-child { padding:.38rem .72rem; border:1px solid rgba(39,217,162,.5); border-radius:999px; background:rgba(39,217,162,.12); color:var(--accent); font-weight:800; }
.subpage-links a:first-child:hover { background:var(--accent); color:#04110d; }
.subpage-nav > .button { display:inline-flex; width:164px; min-height:2.8rem; align-items:center; justify-content:center; justify-self:end; padding:.65rem 1rem; border:1px solid var(--accent); border-radius:999px; background:var(--accent); color:#04110d; font-size:.9rem; font-weight:800; }
.subpage-nav > .button { transform:none; transition:none; }
.subpage-nav > .button:hover { background:#59e9bd; color:#04110d; transform:none; }
.subpage-toggle { display:none; width:2.8rem; height:2.8rem; padding:0; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.04); color:var(--text); font:inherit; font-size:1.35rem; cursor:pointer; }
.subpage-toggle:hover { border-color:var(--accent); color:var(--accent); }
@media (max-width:1160px) {
  .subpage-nav { min-height:4.25rem; display:flex; }
  .subpage-toggle { display:inline-grid; flex:0 0 auto; place-items:center; }
  .subpage-links { position:absolute; top:calc(100% + 1px); right:0; left:0; display:grid; max-height:0; overflow:hidden; gap:0; padding:0 1rem; border:1px solid transparent; border-radius:0 0 16px 16px; background:rgba(10,15,23,.98); box-shadow:0 18px 35px rgba(0,0,0,.35); opacity:0; pointer-events:none; transition:max-height .25s ease,opacity .2s ease,padding .25s ease; }
  .subpage-links.is-open { max-height:30rem; padding-block:.65rem; border-color:var(--line); opacity:1; pointer-events:auto; }
  .subpage-links a { min-height:2.8rem; display:flex; align-items:center; padding:.4rem .35rem; border-bottom:1px solid var(--line); font-size:.96rem; }
  .subpage-links a:last-child { border-bottom:0; }
  .subpage-nav > .button { width:auto; margin-left:auto; }
}
@media (max-width:560px) {
  .subpage-nav { gap:.45rem; }
  .subpage-nav > .button { display:inline-flex; width:auto; min-height:2.55rem; margin-left:auto; padding:.5rem .8rem; border-radius:999px; font-size:.82rem; }
  .subpage-toggle { order:3; margin-left:0; }
}