:root{
  --bg:#F2F4F9; --surface:#FFFFFF; --sunk:#E9ECF4; --ink:#000000; --muted:#000000; --line:#D6DBE8; --dim:#8A91A3; --head:#0B8A5E; --hr:11,138,94; --card:#FFFFFF; --cardline:#D6DBE8;
  --accent:#1F4FE0; --accent-ink:#FFFFFF; --accent-soft:#E3EAFF;
  --hit:#B67A00; --hit-soft:#FFF1CC; --bad:#C9344A; --good:#17875A;
  --display:"Black Han Sans","IBM Plex Sans KR",system-ui,sans-serif;
  --body:"IBM Plex Sans KR",system-ui,-apple-system,"Malgun Gothic",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  --serif:"Noto Serif KR","Nanum Myeongjo","Batang",Georgia,serif;
  /* 뽑기 판은 두 테마 모두 어두운 색으로 고정 */
  --stage:#141B36; --stage-ink:#C9D2EE; --cardback:#3558DB; --cardback-ink:#AFC0FF; --cardface:#E9EDF7; --cardface-ink:#9AA3BA; --gold:#F5BE3D; --gold-ink:#3A2A00;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0D101A; --surface:#161A28; --sunk:#1E2334; --ink:#FFFFFF; --muted:#FFFFFF; --dim:#7A8299; --head:#5EE6B0; --hr:94,230,176; --card:#262A33; --cardline:#363B47; --line:#2B3148;
    --accent:#7B9CFF; --accent-ink:#0B1024; --accent-soft:#1D274A;
    --hit:#F2B93B; --hit-soft:#3A2E10; --bad:#FF7386; --good:#52CC9A; color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#0D101A; --surface:#161A28; --sunk:#1E2334; --ink:#FFFFFF; --muted:#FFFFFF; --dim:#7A8299; --head:#5EE6B0; --hr:94,230,176; --card:#262A33; --cardline:#363B47; --line:#2B3148;
  --accent:#7B9CFF; --accent-ink:#0B1024; --accent-soft:#1D274A;
  --hit:#F2B93B; --hit-soft:#3A2E10; --bad:#FF7386; --good:#52CC9A; color-scheme:dark;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.75}
.wrap{max-width:860px;margin:0 auto;padding:28px 16px 48px;display:flex;flex-direction:column;gap:22px}
header{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;border-bottom:1px solid var(--line);padding-bottom:14px}
.mark{font-family:var(--display);font-size:clamp(26px,5vw,34px);line-height:1;color:inherit;text-decoration:none}
.mark b{color:var(--accent);font-weight:400}
.topnav{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:14.5px}
.topnav a{color:var(--muted);text-decoration:none;font-weight:600}.topnav a:hover{color:var(--ink)}
article{background:var(--card);border-radius:12px;padding:22px 24px;box-shadow:0 2px 10px rgba(0,0,0,.18)}
h1{font-size:26px;margin:0 0 12px;color:var(--head)}h2{font-size:20px;margin:26px 0 8px;color:var(--head)}h3{font-size:17px;margin:18px 0 6px}
a{color:var(--accent)}
.lead{font-size:17px}
.note{border:1px solid var(--bad);color:var(--bad);border-radius:8px;padding:10px 12px;font-size:14.5px}
.contact{font-size:18px}
ol,ul{padding-left:22px}li{margin:4px 0}
footer{color:var(--muted);font-size:13px;border-top:1px solid var(--line);padding-top:14px}
.fnav{display:flex;flex-wrap:wrap;gap:4px 10px;margin-bottom:8px;font-size:13.5px}.fnav a{color:var(--accent)}
.ad-slot{display:block;margin:8px auto;width:100%;min-height:100px}
.ad-slot::before{content:"광고";display:block;font-size:11px;color:var(--muted);margin-bottom:4px}
@media (max-width:560px){article{padding:18px 16px}h1{font-size:22px}}