:root{--bg:#F6F1EA;--card:#fff;--ink:#241C16;--ink2:#5C5048;--ink3:#8A7D73;--line:#E7DED3;--clay:#B5533C}
@media (prefers-color-scheme:dark){:root{--bg:#17120E;--card:#211A15;--ink:#F3ECE4;--ink2:#CBBFB3;--ink3:#998C80;--line:#3A2F27;--clay:#E08A6E}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR',sans-serif;line-height:1.75;font-size:15px;word-break:keep-all}
.w{max-width:760px;margin:0 auto;padding:28px 18px 60px}
.brand{font-size:13px;font-weight:800;color:var(--clay)}
h1{font-size:24px;margin:6px 0 4px;line-height:1.35}
.meta{color:var(--ink3);font-size:13px;margin-bottom:22px}
nav{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 22px}
nav a{font-size:12.5px;color:var(--ink2);text-decoration:none;border:1px solid var(--line);border-radius:99px;padding:5px 11px;background:var(--card)}
nav a.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
section{background:var(--card);border-radius:16px;padding:18px 18px 8px;margin-bottom:12px;border:1px solid var(--line)}
h2{font-size:16.5px;margin:0 0 10px}
h3{font-size:14.5px;margin:14px 0 6px}
p,li{color:var(--ink2);margin:0 0 10px}
ul,ol{padding-left:20px;margin:0 0 10px}
table{width:100%;border-collapse:collapse;font-size:13.5px;margin:4px 0 14px;display:block;overflow-x:auto}
th,td{border:1px solid var(--line);padding:8px 9px;text-align:left;vertical-align:top;color:var(--ink2);min-width:90px}
th{background:var(--bg);color:var(--ink);font-weight:700}
.note{font-size:13px;color:var(--ink3)}
.todo{color:var(--clay);font-weight:700}