@font-face{font-family:Geist;src:url('/fonts/geist-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Sora;src:url('/fonts/sora-latin.woff2') format('woff2');font-weight:100 800;font-display:swap}

:root{--ink:#161a1f;--muted:#4b5662;--line:#e6e9ee;--accent:#2b7cb8}
*{box-sizing:border-box}
body{margin:0;background:#fbfbfc;color:var(--ink);font:16px/1.75 Geist,system-ui,sans-serif}
a{color:var(--accent);text-underline-offset:4px}
a:hover{text-decoration-thickness:2px}
.wrap{width:min(1120px,calc(100% - 48px));margin:auto}
header{border-bottom:1px solid var(--line);background:#fff}
.nav{min-height:82px;display:flex;gap:24px;align-items:center}
.brand{font:700 23px Sora,system-ui;text-decoration:none;color:var(--ink)}
nav{display:flex;gap:22px;align-items:center;margin-left:auto;flex-wrap:wrap}
nav a{text-decoration:none;font-size:14px}
button{font:inherit;font-size:13px;min-height:40px;padding:5px 14px;border:1px solid var(--line);border-radius:30px;background:#fff;cursor:pointer}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.layout{display:grid;grid-template-columns:200px minmax(0,740px);gap:70px;padding:64px 0 88px}
aside{padding-top:8px}
aside a{display:block;margin-bottom:16px;color:var(--muted);text-decoration:none}
aside a[aria-current]{color:var(--accent);font-weight:600}
.kicker{font-size:12px;letter-spacing:.13em;text-transform:none;color:var(--accent);font-weight:600}
h1{font:600 clamp(30px,4vw,44px)/1.25 Sora,system-ui;margin:14px 0 20px;letter-spacing:-.025em}
.lead{font-size:19px;color:var(--muted);margin:0 0 12px}
.date{font-size:13px;color:var(--muted);margin-bottom:42px}
section{margin-top:32px}
h2{font-size:21px;line-height:1.4;font-weight:600;margin:0 0 12px}
p{margin:0 0 16px}
footer{border-top:1px solid var(--line);padding:30px 0}
.links{display:flex;gap:22px;flex-wrap:wrap}
.resources{margin-top:40px;padding:24px;border:1px solid var(--line);border-radius:16px;background:white}
.resources h2{font-size:18px}
.contact{overflow-wrap:anywhere}
.skip{position:absolute;top:-100px;left:16px}
.skip:focus{top:10px;background:white;padding:12px;z-index:1}
[hidden]{display:none!important}
html[lang^=zh] h1{letter-spacing:0}
html[lang^=zh] body{line-height:1.85}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}
.nav{min-height:72px;gap:14px}
nav{gap:14px}
nav .home{display:none}
.layout{grid-template-columns:1fr;gap:26px;padding:28px 0 56px}
aside{display:flex;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:4px}
aside a{font-size:14px;margin-bottom:12px}
.date{margin-bottom:30px}
.lead{font-size:17px}
}