:root{--night:#161B22;--deck:#1E252E;--steel:#323C48;--ash:#9AA4AF;--chalk:#ECE8E0;--body:#CFD4D9;--amber:#F2A33A;--ink:#1A1D21}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--night);color:var(--chalk);font-family:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:1.0625rem;line-height:1.65;padding-top:env(safe-area-inset-top,0px)}
a{color:var(--amber)}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:4px}
.top{border-bottom:1px solid var(--steel)}
.top .in{max-width:760px;margin:0 auto;padding:0 1.25rem;height:64px;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{display:flex;align-items:center;gap:.55rem;color:var(--chalk);text-decoration:none;font-weight:800;font-size:1.15rem;font-variation-settings:"wdth" 80;white-space:nowrap}
.brand svg{width:26px;height:26px;flex:none}
.back{font-size:.95rem;white-space:nowrap}
main{max-width:760px;margin:0 auto;padding:3rem 1.25rem 4rem}
h1{font-variation-settings:"wdth" 62;font-weight:800;font-size:clamp(2.6rem,10vw,3.8rem);line-height:1;margin:0 0 .6rem}
.eff{color:var(--ash);margin:0 0 2.5rem}
h2{font-variation-settings:"wdth" 75;font-weight:800;font-size:1.6rem;line-height:1.15;margin:2.5rem 0 .6rem}
p,li{color:var(--body)}
p{margin:0 0 1rem}
ul{padding-left:1.25rem;margin:0 0 1rem}
li{margin-bottom:.4rem}
strong{color:var(--chalk)}
footer{border-top:1px solid var(--steel);text-align:center;color:var(--ash);font-size:.9rem;padding:1.75rem 1.25rem calc(1.75rem + env(safe-area-inset-bottom,0px))}
footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:.4rem 1.25rem;margin-bottom:.6rem}