:root{ --bg:#030409; --fg:#e9e7df; --muted:#9a978f; --line:rgba(233,231,223,.14); --gold:#f2d27a; }
*{ box-sizing:border-box; }
html,body{ margin:0; background:var(--bg); color:var(--fg); font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif; }
body{ background:radial-gradient(1200px 600px at 50% -10%, rgba(242,210,122,.08), transparent 60%), var(--bg); }
main{ max-width:760px; margin:0 auto; padding:40px 16px 80px; }
.top{ display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:28px; }
.top a.home{ color:var(--fg); text-decoration:none; font-weight:800; letter-spacing:.01em; }
.top a.home span{ color:var(--gold); }
.top nav{ display:flex; gap:14px; font-size:14px; }
a{ color:var(--gold); text-decoration:none; border-bottom:1px solid rgba(242,210,122,.35); }
a:hover{ border-bottom-color:var(--gold); }
.top nav a[aria-current]{ color:var(--fg); border-bottom-color:var(--fg); }
h1{ font-size:32px; line-height:1.2; margin:0 0 6px; }
.meta{ color:var(--muted); font-size:14px; margin:0 0 24px; }
.callout{ border:1px solid rgba(233,197,106,.35); background:rgba(242,210,122,.06); border-radius:12px; padding:14px 16px; margin:0 0 28px; }
.callout p{ margin:0; }
h2{ font-size:20px; margin:36px 0 8px; padding-top:8px; border-top:1px solid var(--line); }
h3{ font-size:16px; margin:20px 0 4px; }
p, li{ color:#d6d3ca; }
ul{ padding-left:22px; }
li{ margin:4px 0; }
.toc{ columns:2; column-gap:28px; font-size:14px; padding-left:18px; margin:0 0 8px; }
.toc li{ margin:2px 0; break-inside:avoid; }
@media (max-width:560px){ .toc{ columns:1; } h1{ font-size:26px; } }
.ph{ color:#e9b46a; }
footer{ margin-top:48px; color:var(--muted); font-size:13px; }