:root{
  --bg:#0f0d0b; --panel:#17130f; --ink:#f3ece0; --muted:#b6a892;
  --accent:#ee9b00; --line:#2c241b; --link:#ffb703;
}
*{box-sizing:border-box;}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  line-height:1.65; -webkit-font-smoothing:antialiased;
}
.wrap{ max-width:720px; margin:0 auto; padding:48px 22px 80px; }
header.site{ display:flex; align-items:center; gap:12px; margin-bottom:8px; }
header.site a{ color:var(--ink); text-decoration:none; font-weight:700; letter-spacing:.02em; }
.brand-dot{ width:14px; height:14px; border-radius:3px; background:var(--accent); display:inline-block; }
h1{ font-size:30px; line-height:1.2; margin:18px 0 6px; }
h2{ font-size:18px; margin:34px 0 8px; color:var(--accent); }
p,li{ color:var(--ink); }
.muted{ color:var(--muted); }
.eyebrow{ color:var(--muted); font-size:13px; letter-spacing:.14em; text-transform:uppercase; }
a{ color:var(--link); }
.card{ background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:22px 24px; }
.applist{ list-style:none; padding:0; margin:24px 0; }
.applist li{ background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:18px 20px; margin-bottom:12px; }
.applist a{ font-weight:700; font-size:18px; text-decoration:none; }
.applist .sub{ color:var(--muted); font-size:14px; }
footer{ margin-top:56px; padding-top:20px; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }
hr{ border:0; border-top:1px solid var(--line); margin:28px 0; }
.toc a{ display:inline-block; margin-right:14px; font-size:13px; }