:root{
  --app-bg:#1E1729; --surface:#271D35;
  --line:rgba(255,255,255,.08);
  --heading:#F4ECDE; --text:#E8DFEF; --muted:#9E8FAD;
  --gold:#E6B667; --gold-text:#F0CE93;
}
@media (prefers-color-scheme: light){
  :root{
    --app-bg:#F6F0E6; --surface:#FFFFFF;
    --line:rgba(42,22,52,.1);
    --heading:#241826; --text:#3A2F42; --muted:#8B7E96;
    --gold:#E6B667; --gold-text:#A9761E;
  }
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:'Manrope',system-ui,sans-serif;
  background:var(--app-bg);color:var(--text);
  line-height:1.6;
}
.wrap{max-width:720px;margin:0 auto;padding:32px 24px 80px}
header{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}
.brand{font-family:'Fraunces',serif;font-weight:600;font-size:20px;color:var(--heading);text-decoration:none}
.brand b{color:var(--gold-text)}
nav a{color:var(--muted);text-decoration:none;font-size:13px;font-weight:600;margin-left:18px}
nav a:hover{color:var(--gold-text)}
h1{font-family:'Fraunces',serif;font-weight:600;font-size:32px;color:var(--heading);margin-bottom:6px}
.updated{font-size:13px;color:var(--muted);margin-bottom:32px}
h2{font-family:'Fraunces',serif;font-weight:600;font-size:19px;color:var(--heading);margin:32px 0 10px}
p,li{font-size:15px;color:var(--text)}
ul,ol{padding-left:22px;margin:10px 0}
li{margin-bottom:6px}
a{color:var(--gold-text)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px 24px;margin-bottom:16px}
footer{margin-top:48px;padding-top:20px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted);text-align:center}