:root{--bg:#12151C;--card:#181C24;--card2:#242A36;--line:#3A4250;--text:#F6F3EC;--muted:#AEB4BF;--river:#3FB7C1;--teal:#0E7C86;--pine:#2D6A4F}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,"Noto Sans KR",sans-serif;line-height:1.55}
a{color:var(--river)}
code{background:var(--card2);padding:0 .25em;border-radius:4px}
.top{background:var(--teal);padding:1.4rem 1.2rem}
.top>div{max-width:46rem;margin:0 auto}
.top h1{margin:.2rem 0 0}
.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;opacity:.85}
.page{max-width:46rem;margin:0 auto;padding:1.5rem 1.2rem 2.5rem}
.page h1,.page h2{line-height:1.2}
hr{border:0;border-top:1px solid var(--line);margin:2rem 0}