:root{--bg:#f6f8f6;--fg:#14201b;--muted:#5a6a63;--card:#fff;--line:#dbe3de;--accent:#2e7d52}
@media (prefers-color-scheme:dark){:root{--bg:#111714;--fg:#e6eee9;--muted:#9bafa5;--card:#18211d;--line:#2a3831;--accent:#8fca9f}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.75 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Pretendard","Noto Sans KR",sans-serif}
main{max-width:760px;margin:0 auto;padding:32px 20px 80px}
h1{font-size:1.7rem;margin:0 0 4px}
h2{font-size:1.2rem;margin:2.2em 0 .5em;padding-top:.4em;border-top:1px solid var(--line)}
h3{font-size:1.02rem;margin:1.4em 0 .3em}
.meta{color:var(--muted);font-size:.9rem;margin:0 0 1.5em}
a{color:var(--accent)}
table{width:100%;border-collapse:collapse;margin:.8em 0;font-size:.92rem;background:var(--card)}
th,td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
th{background:color-mix(in srgb,var(--accent) 10%,var(--card))}
ul,ol{padding-left:1.3em}
li{margin:.25em 0}
.box{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin:1em 0}
nav a{display:block;padding:14px 16px;margin:10px 0;background:var(--card);border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--fg)}
nav small{display:block;color:var(--muted)}