:root { --fg: #222; --muted: #666; --bg: #fffdf8; --line: #ddd6c8; --head: #f5f0e4; --link: #b5651d; }
@media (prefers-color-scheme: dark) {
  :root { --fg: #eee; --muted: #aaa; --bg: #17150f; --line: #3a352b; --head: #242017; --link: #f0a45c; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--fg);
  font-family: -apple-system, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif; line-height: 1.75; word-break: keep-all; }
main { max-width: 760px; margin: 0 auto; padding: 24px 16px 48px; }
h1 { font-size: 1.55em; margin: 0.4em 0 0.2em; }
h2 { font-size: 1.12em; margin-top: 2.2em; }
.meta { color: var(--muted); margin-top: 0; }
a { color: var(--link); }
ol, ul { padding-left: 1.3em; }
li { margin: 0.25em 0; }
.table { overflow-x: auto; }
table { border-collapse: collapse; width: 100%; font-size: 0.92em; }
th, td { border: 1px solid var(--line); padding: 8px 10px; text-align: left; vertical-align: top; }
th { background: var(--head); white-space: nowrap; }
footer { margin-top: 3em; padding-top: 1em; border-top: 1px solid var(--line); font-size: 0.85em; color: var(--muted); }