:root { --bg:#fbfaf8; --fg:#1d1d1b; --muted:#77736b; --line:#e7e4de; --red:#e5483b; --card:#fff; }
@media (prefers-color-scheme: dark) { :root { --bg:#191918; --fg:#ecebe8; --muted:#9a968e; --line:#2e2d2b; --card:#232321; } }
body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif; }
main { max-width:720px; margin:0 auto; padding:32px 16px 64px; }
h1 { font-size:24px; margin:0 0 6px; }
h2 { font-size:17px; margin:28px 0 6px; }
p, li { margin:6px 0; }
.muted { color:var(--muted); font-size:14px; }
.draft { border:1px solid var(--red); color:var(--red); border-radius:10px; padding:10px 14px; font-size:14px; margin:12px 0 20px; }
nav { display:flex; flex-wrap:wrap; gap:14px; font-size:14px; margin-bottom:24px; }
nav a { color:var(--muted); }
a { color:inherit; }
table { border-collapse:collapse; width:100%; margin:12px 0; }
th, td { text-align:left; padding:10px 8px; border-bottom:1px solid var(--line); vertical-align:top; }
th { font-size:13px; color:var(--muted); font-weight:600; }
.price { font-size:20px; font-weight:600; white-space:nowrap; }