:root{--bg:#fff7f0;--card:#ffffff;--ink:#3a2a22;--mute:#8a776c;--line:#f0e1d6;--accent:#ff8a65;--accent-ink:#fff;
--sans:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Pretendard","Noto Sans KR","Hiragino Sans",sans-serif}
@media (prefers-color-scheme:dark){:root{--bg:#1d1714;--card:#2a221e;--ink:#f6ece4;--mute:#b3a297;--line:#3b302a;--accent:#ff9b7a;--accent-ink:#1d1714}}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink)}
body{font-family:var(--sans);font-size:16px;line-height:1.75;letter-spacing:-.01em;word-break:keep-all;overflow-wrap:anywhere}
a{color:inherit}.page{width:min(720px,calc(100% - 40px));margin:0 auto;padding:32px 0 64px}
header{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid var(--line)}
header img{width:56px;height:56px;border-radius:14px}header .t{font-weight:700;font-size:20px}header .s{color:var(--mute);font-size:14px}
nav.lang{margin-left:auto;font-size:14px;color:var(--mute)}nav.lang a{margin-left:10px}
h1{font-size:clamp(26px,5vw,36px);line-height:1.3;margin:36px 0 8px}h2{font-size:18px;margin:32px 0 8px}
p,li{color:var(--ink)}.mute{color:var(--mute)}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px 22px;margin:20px 0}
.btn{display:inline-block;background:var(--accent);color:var(--accent-ink);text-decoration:none;font-weight:700;padding:10px 18px;border-radius:999px}
footer{margin-top:48px;padding-top:20px;border-top:1px solid var(--line);color:var(--mute);font-size:13px}
footer a{margin-right:14px}