:root{--bg:#0b0b0c;--card:#141417;--line:#2a2b2e;--txt:#c7cace;--mut:#8a8d92;--gold:#e6c04a;--gold2:#d7a938}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--txt);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--gold);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:820px;margin:0 auto;padding:0 22px}
header.site{border-bottom:1px solid var(--line);padding:16px 0;position:sticky;top:0;background:rgba(11,11,12,.92);backdrop-filter:blur(6px);z-index:5}
header.site .wrap{display:flex;align-items:center;gap:14px}
.brand{font-weight:800;color:var(--gold);font-size:18px;letter-spacing:.3px;line-height:1}
.brand small{display:block;font-size:9.5px;letter-spacing:1.6px;color:var(--mut);text-transform:uppercase;font-weight:600;margin-top:3px}
nav.top{margin-left:auto;display:flex;gap:18px;font-size:14px}
nav.top a{color:var(--mut);font-weight:600}
nav.top a:hover,nav.top a.active{color:var(--gold);text-decoration:none}
main{padding:34px 0 56px}
h1{color:var(--gold);font-size:30px;margin:0 0 4px;font-weight:800}
.updated{color:var(--mut);font-size:13px;margin:0 0 24px}
h2{color:var(--gold);font-size:19px;margin:32px 0 8px;font-weight:700;scroll-margin-top:80px}
h3{color:#e9eaec;font-size:15.5px;margin:18px 0 5px;font-weight:700}
p{margin:0 0 13px}
ul{margin:2px 0 15px;padding-left:22px}
li{margin:4px 0}
.note{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--gold2);border-radius:10px;padding:14px 18px;margin:18px 0}
.note b{color:var(--gold)}
strong{color:#e9eaec}
hr{border:none;border-top:1px solid var(--line);margin:32px 0}
footer.site{border-top:1px solid var(--line);padding:24px 0;color:var(--mut);font-size:13px}
footer.site .wrap{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}
footer.site a{color:var(--mut)}
footer.site .sp{margin-left:auto}
.hub{min-height:64vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px}
.hub h1{font-size:34px}
.hub .lead{color:var(--mut);max-width:520px}
.cards{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:8px}
.doccard{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px 26px;min-width:250px;text-align:left;transition:border-color .15s}
.doccard:hover{border-color:var(--gold2);text-decoration:none}
.doccard h3{margin:0 0 4px;color:var(--gold);font-size:17px}
.doccard p{margin:0;color:var(--mut);font-size:14px}
@media(max-width:600px){h1{font-size:25px}.hub h1{font-size:28px}}