:root{--bg:#0f131a;--card:#171c25;--fg:#eef1f6;--mute:#9aa6b6;--hot:#ffd166;--line:#262d3a}
@media (prefers-color-scheme:light){:root{--bg:#f7f6f2;--card:#fff;--fg:#1b1f27;--mute:#5d6676;--hot:#b07900;--line:#e4e1d8}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.7 "Pretendard","Apple SD Gothic Neo","Noto Sans KR",system-ui,sans-serif;padding:24px 16px 64px}
main{max-width:760px;margin:0 auto}
nav{display:flex;gap:18px;flex-wrap:wrap;font-size:14px;margin-bottom:28px}
nav a{color:var(--mute);text-decoration:none}nav a:hover{color:var(--fg)}
nav b{color:var(--hot);margin-right:auto}
h1{font-size:30px;line-height:1.3;margin:0 0 8px;text-wrap:balance}
h2{font-size:20px;margin:36px 0 8px}
h3{font-size:16px;margin:22px 0 4px}
p,li{color:var(--fg)}
.sub{color:var(--mute);font-size:14px}
.hero{background:#0f131a;border-radius:16px;overflow:hidden;margin:20px 0}
.hero img{display:block;width:100%;height:auto;image-rendering:pixelated}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin:14px 0}
a{color:var(--hot)}
ul{padding-left:22px}
hr{border:0;border-top:1px solid var(--line);margin:40px 0}
footer{margin-top:48px;font-size:13px;color:var(--mute)}