:root{
  --bg:#120c0f;--panel:#1b1418;--panel2:#241b20;--text:#f5e6c8;--muted:#c9b79a;--accent:#d6a04d;--border:#4a343d;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:linear-gradient(180deg,#120c0f,#1a1216);color:var(--text);font:16px/1.65 Georgia,serif}
a{color:var(--accent)}
.wrap{max-width:960px;margin:0 auto;padding:32px 20px 48px}
.card{background:rgba(27,20,24,.94);border:1px solid var(--border);border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.25);padding:28px}
.hero h1{margin:0 0 10px;font-size:32px;line-height:1.2}
.hero p{margin:0;color:var(--muted)}
.nav{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 26px}
.nav a{display:inline-block;padding:10px 14px;border:1px solid var(--border);border-radius:999px;text-decoration:none;background:var(--panel2)}
h1,h2,h3{color:#fff6e6}
h2{margin-top:34px;padding-top:6px;border-top:1px solid var(--border)}
h3{margin-top:24px}
small,.muted{color:var(--muted)}
.note,.warn,.ok{padding:14px 16px;border-radius:12px;margin:16px 0}
.note{background:#201920;border:1px solid #5b4650}.warn{background:#2c1a1a;border:1px solid #7a4747}.ok{background:#18231b;border:1px solid #41684a}
ul{padding-left:22px}
code{background:#2b2026;border:1px solid var(--border);padding:1px 5px;border-radius:6px}
.footer{margin-top:34px;padding-top:18px;border-top:1px solid var(--border);color:var(--muted)}
.table{width:100%;border-collapse:collapse;margin:12px 0}
.table th,.table td{border:1px solid var(--border);padding:10px 12px;vertical-align:top}
.badge{display:inline-block;padding:3px 8px;border-radius:999px;font-size:12px;border:1px solid var(--border);background:var(--panel2);color:var(--muted)}