:root { color-scheme: light; --ink:#2f312f; --muted:#686d68; --paper:#fffdfa; --line:#dedbd3; --coral:#d95a4e; --sage:#526c5a; }
* { box-sizing: border-box; }
body { margin:0; background:#f7f3ed; color:var(--ink); font-family:Pretendard,"Noto Sans KR",sans-serif; line-height:1.75; }
main { width:min(100% - 32px, 880px); margin:44px auto 80px; padding:clamp(26px,5vw,58px); border:1px solid var(--line); border-radius:24px; background:var(--paper); box-shadow:0 18px 55px rgba(68,57,43,.08); }
a { color:var(--sage); }
h1,h2 { line-height:1.35; }
h1 { margin:0 0 12px; font-size:clamp(2rem,5vw,3rem); }
h2 { margin:36px 0 10px; font-size:1.25rem; }
p,li,dd { color:var(--muted); }
.draft { display:inline-block; padding:6px 10px; border-radius:99px; background:#fae7df; color:#9c433b; font-size:.82rem; font-weight:800; }
.notice { margin:24px 0; padding:18px; border-left:4px solid var(--coral); background:#fff3ef; }
dl { display:grid; grid-template-columns:minmax(135px,.35fr) 1fr; gap:8px 16px; }
dt { font-weight:800; }
dd { margin:0; }
footer { width:min(100% - 32px,880px); margin:0 auto 48px; color:var(--muted); font-size:.84rem; }
footer nav { display:flex; flex-wrap:wrap; gap:12px; margin-top:10px; }
@media(max-width:560px){dl{grid-template-columns:1fr;gap:2px}dd{margin-bottom:10px}}