/* 크라우니 백서 테마 — 색은 토큰(var)만 소비, 하드코딩 금지 */
:root{
  --wp-bg:var(--crowny-cream); --wp-ink:var(--crowny-ink); --wp-ink2:var(--crowny-mut);
  --wp-accent:var(--crowny-gold); --wp-line:var(--crowny-line); --wp-card:var(--crowny-card);
}
:root:not([data-theme="light"]){}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --wp-bg:var(--crowny-dark); --wp-ink:var(--crowny-dark-txt); --wp-ink2:var(--crowny-mut);
  --wp-accent:var(--crowny-gold); --wp-line:var(--crowny-dark-line); --wp-card:var(--crowny-panel);
}}
:root[data-theme="dark"]{
  --wp-bg:var(--crowny-dark); --wp-ink:var(--crowny-dark-txt); --wp-ink2:var(--crowny-mut);
  --wp-accent:var(--crowny-gold); --wp-line:var(--crowny-dark-line); --wp-card:var(--crowny-panel);
}

body{margin:0;background:var(--wp-bg);color:var(--wp-ink);
  font-family:'Pretendard',-apple-system,BlinkMacSystemFont,sans-serif;
  line-height:1.75;-webkit-font-smoothing:antialiased}

.wp-hero{max-width:760px;margin:0 auto;padding:96px 24px 64px;text-align:center}
.wp-eyebrow{color:var(--wp-accent);font-size:13px;letter-spacing:.22em;margin:0 0 20px;text-transform:uppercase}
.wp-hero h1{font-size:clamp(30px,5.4vw,52px);line-height:1.28;margin:0 0 24px;font-weight:700;letter-spacing:-.02em}
.wp-lead{color:var(--wp-ink2);font-size:16px;margin:0 auto;max-width:34em}

.wp-meter{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:52px}
.wp-meter span{display:block;font-size:26px;font-weight:700;color:var(--wp-accent);font-variant-numeric:tabular-nums}
.wp-meter em{display:block;font-style:normal;font-size:12px;color:var(--wp-ink2);margin-top:4px}
.wp-meter span,.wp-meter em{width:118px}
.wp-meter span{margin-bottom:0}

.wp-toc{max-width:760px;margin:0 auto;padding:0 24px 8px;display:flex;flex-wrap:wrap;gap:8px 10px;justify-content:center}
.wp-toc a{color:var(--wp-ink2);font-size:13px;text-decoration:none;border:1px solid var(--wp-line);
  border-radius:999px;padding:6px 14px;background:var(--wp-card)}
.wp-toc a:hover{color:var(--wp-accent);border-color:var(--wp-accent)}
.wp-toc a small{color:var(--wp-ink2);margin-left:4px;font-size:11px}

.wp-main{max-width:760px;margin:0 auto;padding:0 24px 40px}
.wp-sec{padding:60px 0;border-top:1px solid var(--wp-line)}
.wp-sec h2{font-size:26px;margin:0 0 6px;letter-spacing:-.01em;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.wp-sub{color:var(--wp-ink2);font-size:14px;margin:0 0 32px}
.wp-intro{color:var(--wp-ink2);font-size:15px;line-height:1.9;margin:0 0 32px}
.wp-stat{font-size:12px;font-weight:500;color:var(--wp-ink2);background:var(--wp-card);
  border:1px solid var(--wp-line);border-radius:999px;padding:3px 10px;letter-spacing:.01em}

.wp-qa{margin:0}
.wp-qa dt{font-weight:650;font-size:16.5px;margin:26px 0 8px;color:var(--wp-ink)}
.wp-qa dt::before{content:"";color:var(--wp-accent);margin-right:8px}
.wp-qa dd{margin:0;color:var(--wp-ink);font-size:15.5px;
  background:var(--wp-card);border:1px solid var(--wp-line);border-radius:14px;padding:16px 18px}
.wp-qa dd small{display:block;margin-top:10px;color:var(--wp-ink2);font-size:11.5px;letter-spacing:.02em}
.wp-qa dd small a{color:var(--wp-ink2);text-decoration:underline;text-decoration-color:var(--wp-line)}
.wp-qa dd small a:hover{color:var(--wp-accent);text-decoration-color:var(--wp-accent)}

.wp-qa dd.wp-unsure{border-left:3px dashed var(--wp-accent);border-style:dashed solid solid dashed}
.wp-qa dd.wp-unsure::before{content:"미상";display:inline-block;font-size:10px;color:var(--wp-accent);
  border:1px solid var(--wp-accent);border-radius:999px;padding:1px 8px;margin-bottom:8px;letter-spacing:.04em}

.wp-foot{max-width:760px;margin:0 auto;padding:48px 24px 96px;border-top:1px solid var(--wp-line);
  color:var(--wp-ink2);font-size:13px;text-align:center}
.wp-sig{color:var(--wp-accent);margin-top:12px}

@media (max-width:520px){.wp-hero{padding:64px 20px 44px}.wp-meter span,.wp-meter em{width:110px}}

.wp-sig a{color:var(--wp-accent);text-decoration:none;border-bottom:1px solid var(--wp-line)}.wp-sig a:hover{border-bottom-color:var(--wp-accent)}

.wp-top{margin:28px 0 0;text-align:right;font-size:12.5px}.wp-top a{color:var(--wp-ink2);text-decoration:none;border-bottom:1px solid var(--wp-line)}.wp-top a:hover{color:var(--wp-accent)}