:root{--bg:#FDFAF6;--card:#FFFFFF;--text:#2B2118;--muted:#8A7B6C;--tint:#E07A5F;--border:#F1E7DC;}
*{box-sizing:border-box;}
body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.6;}
.wrap{max-width:720px;margin:0 auto;padding:40px 20px 80px;}
header.top{display:flex;align-items:center;gap:10px;margin-bottom:32px;text-decoration:none;color:var(--text);}
header.top .logo{font-size:28px;}
header.top .name{font-weight:800;font-size:19px;letter-spacing:-0.2px;}
h1{font-size:26px;font-weight:800;letter-spacing:-0.3px;margin:0 0 6px;}
.updated{color:var(--muted);font-size:13px;margin-bottom:24px;}
.intro{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px 20px;font-size:15px;margin-bottom:28px;}
section{margin-bottom:22px;}
section h2{font-size:16px;font-weight:800;margin:0 0 8px;}
section h3{font-size:14.5px;font-weight:800;margin:0 0 6px;}
section p{font-size:14.5px;color:#4a4038;margin:0;}
.placeholder{background:#FFF3DE;color:#8a5a12;padding:1px 5px;border-radius:5px;font-weight:600;}
nav.tabs{display:flex;gap:8px;margin-bottom:28px;}
nav.tabs a{text-decoration:none;color:var(--muted);font-size:13.5px;font-weight:700;padding:7px 14px;border-radius:999px;border:1px solid var(--border);background:var(--card);}
nav.tabs a.active{color:#fff;background:var(--tint);border-color:var(--tint);}
footer{margin-top:40px;padding-top:20px;border-top:1px solid var(--border);color:var(--muted);font-size:12.5px;}
footer a{color:var(--tint);}
@media (prefers-color-scheme: dark){
  :root{--bg:#17130F;--card:#241D17;--text:#F5EFE7;--muted:#B8A996;--border:#372B21;}
  section p{color:#d8cdc0;}
  .placeholder{background:#3a2c12;color:#f0c274;}
}
