:root { color-scheme: light dark; --bg:#fff; --ink:#1a1a1a; --muted:#5b5b5b; --line:#e3e3e3; --accent:#3d6b00; --warn-bg:#fff4d6; --warn-ink:#5c4400; }
@media (prefers-color-scheme: dark) { :root { --bg:#111; --ink:#f2f2f2; --muted:#a8a8a8; --line:#333; --accent:#d4ff4a; --warn-bg:#3a3010; --warn-ink:#ffe9a8; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font-family:-apple-system,BlinkMacSystemFont,"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif; line-height:1.7; }
main { max-width:760px; margin:0 auto; padding:24px 16px 64px; }
h1 { font-size:1.6rem; margin:0 0 4px; }
h2 { font-size:1.15rem; margin:32px 0 8px; padding-top:8px; border-top:1px solid var(--line); }
p, li { font-size:1rem; }
.muted { color:var(--muted); font-size:.9rem; }
table { width:100%; border-collapse:collapse; margin:8px 0 16px; font-size:.95rem; }
th, td { border:1px solid var(--line); padding:8px; text-align:left; vertical-align:top; }
th { background:rgba(128,128,128,.12); }
a { color:var(--accent); }
.draft { background:var(--warn-bg); color:var(--warn-ink); border:1px solid #d9b84a; border-radius:8px; padding:12px 14px; margin:16px 0; }
nav a { margin-right:12px; }