:root { --bg:#f7f8fa; --fg:#1c2330; --muted:#6b7686; --card:#fff; --line:#e3e7ee; --accent:#2563eb; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#12161d; --fg:#e8ecf3; --muted:#93a0b4; --card:#1b212b; --line:#2b3340; --accent:#6ea0ff; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font-family:-apple-system,"Pretendard","Noto Sans KR",sans-serif; line-height:1.65; }
.doc { max-width:720px; margin:0 auto; padding:24px 16px 56px; }
.crumbs { font-size:13px; color:var(--muted); margin-bottom:12px; }
a { color:var(--accent); }
h1 { font-size:26px; line-height:1.3; margin:0 0 6px; }
h2 { font-size:18px; margin:28px 0 8px; }
.meta { color:var(--muted); margin:0 0 12px; font-size:14px; }
.lead { font-size:16px; padding:12px 14px; background:var(--card); border:1px solid var(--line); border-radius:10px; }
section p { margin:6px 0; }
ul { padding-left:20px; }
.muted { color:var(--muted); font-size:13px; }
.cta { display:inline-block; margin-top:20px; padding:12px 18px; background:var(--accent); color:#fff; border-radius:10px; text-decoration:none; font-weight:600; }
footer { margin-top:40px; padding-top:16px; border-top:1px solid var(--line); font-size:12px; color:var(--muted); }
.who dl { display:grid; grid-template-columns:auto 1fr; gap:6px 14px; margin:8px 0; }
.who dt { font-weight:600; }
.who dd { margin:0; }