:root { --bg:#fbf7ee; --ink:#1c1b19; --muted:#6b675f; --line:#e6dfd0; --accent:#c8552e; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; }
main { max-width:720px; margin:0 auto; padding:56px 20px 80px; }
header { margin-bottom:36px; }
header .brand { font-size:13px; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); }
h1 { font-size:30px; margin:8px 0 6px; }
h2 { font-size:20px; margin:36px 0 10px; }
p, li { color:var(--ink); }
.meta { color:var(--muted); font-size:14px; }
a { color:var(--accent); text-decoration:none; }
a:hover { text-decoration:underline; }
table { border-collapse:collapse; width:100%; font-size:15px; }
th, td { text-align:left; padding:10px 8px; border-bottom:1px solid var(--line); vertical-align:top; }
th { color:var(--muted); font-weight:600; }
footer { margin-top:56px; padding-top:20px; border-top:1px solid var(--line); color:var(--muted); font-size:14px; }
.card { border:1px solid var(--line); border-radius:12px; padding:18px 20px; margin:14px 0; background:#fff9; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#121212; --ink:#ececec; --muted:#9a9a9a; --line:#2a2a2a; --accent:#f09c62; }
  .card { background:#1a1a1a; }
}