:root{--ink:#1d1a16;--muted:#6b6258;--bg:#fbf7f1;--card:#fff;--accent:#f26b1d;--accent-deep:#c94f0c;--radius:20px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
.wrap{max-width:960px;margin:0 auto;padding:0 24px}
a{color:var(--accent-deep)}
header{padding:22px 0;display:flex;justify-content:space-between;align-items:center}
.brand{font-weight:800;font-size:20px;letter-spacing:-.02em;text-decoration:none;color:var(--ink)}
nav a{margin-left:18px;text-decoration:none;font-weight:600;color:var(--muted)}
nav a:hover{color:var(--ink)}
.hero{background:linear-gradient(135deg,#ffb347 0%,var(--accent) 60%,#e2441b 100%);border-radius:32px;color:#fff;padding:52px 40px;margin-top:8px}
.hero h1{margin:0 0 8px;font-size:clamp(30px,5vw,46px);letter-spacing:-.03em;line-height:1.1}
.hero p{margin:0;font-size:18px;opacity:.95}
.card{background:var(--card);border-radius:var(--radius);padding:28px 32px;margin:24px 0;box-shadow:0 10px 30px -18px rgba(0,0,0,.25)}
.card h2{margin-top:0}
.doc h2{margin-top:36px;font-size:22px;letter-spacing:-.01em}
.doc h3{font-size:17px;margin-bottom:4px}
.toc{columns:2;padding-left:18px}
.updated{color:var(--muted);font-size:14px}
footer{color:var(--muted);font-size:14px;padding:40px 0}
@media (max-width:640px){.hero{padding:36px 24px}.card{padding:22px}.toc{columns:1}nav a{margin-left:12px}}