:root{--sbg:#f7f8fa;--sfg:#1c2330;--smut:#5b6575;--sline:#d9dee6;--sp:#1f6feb}
.site-head,.site-foot{max-width:1000px;margin:0 auto;padding:10px 16px;font:15px/1.5 -apple-system,"Apple SD Gothic Neo","Noto Sans KR",sans-serif}
.site-head{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--sline)}
.site-head a.brand{font-weight:700;color:var(--sfg);text-decoration:none}
.site-head nav a,.site-foot a{color:var(--sp);margin-right:12px}
.site-foot{border-top:1px solid var(--sline);color:var(--smut);margin-top:16px}
.page{max-width:760px;margin:0 auto;padding:16px;font:16px/1.7 -apple-system,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;color:var(--sfg)}
.page h1{font-size:1.5rem}.page h2{font-size:1.15rem;margin-top:24px}
.draft{background:#fff4d6;border:1px solid #e5c76b;padding:8px 12px;border-radius:6px;font-weight:600}
.tools{list-style:none;padding:0}.tools li{border:1px solid var(--sline);border-radius:10px;padding:12px 16px;background:#fff}
.tools a{font-weight:700}
body.sitebody{margin:0;background:var(--sbg)}
.note{color:var(--smut);font-size:.9rem}
.badge{display:inline-block;background:#eef2f8;border:1px solid var(--sline);border-radius:999px;padding:0 10px;font-size:.8rem;color:var(--smut)}
.hero{padding:8px 0 0}