/* 불러드림 legal 3장 전용 셸 (terms·privacy·refund).
   React 앱은 이 파일을 로드하지 않는다 — src/theme.css 가 앱의 정본이다.
   2026-08-27: 구 SEED 크림·코랄 팔레트를 브랜드 보라·순백으로 맞추고,
   React 이전 퍼널의 죽은 선택자(.hero·.chips·.cta·.player-box 등)를 걷어냈다.
   55f2c9f("SEED v3 전면 제거")가 static/ 안까지 닿지 못했던 잔재다.

   ⚠️ 여기 값들은 src/theme.css 와 CSS 변수를 공유하지 않는 **리터럴 복제**다.
   정적 HTML 3장이라 앱 번들 밖이기 때문이다. 앱 토큰(--primary, --page-max,
   --gutter)을 바꾸면 이 파일도 함께 손대야 한다. */
:root {
  --bg: #ffffff;
  --ink: #111111;
  --sub: #505050;
  --accent: oklch(0.499 0.294 283.7); /* src/theme.css 의 --primary 와 같은 값 */
  --line: #e5e5ec;
  --soft: #f1f1f5;
}
* { box-sizing: border-box; margin: 0; }
body {
  background: var(--bg);
  color: var(--ink);
  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui,
    "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
  line-height: 1.6;
  word-break: keep-all;
}
/* 448/20 은 앱의 --page-max / --gutter 와 같은 값이다(구 480/16 에서 변경).
   변수를 공유하지 않으므로 리터럴이지만, 출처를 밝혀 두지 않으면 어긋난 걸 아무도 모른다. */
.wrap { max-width: 448px; margin: 0 auto; padding: 24px 20px 60px; }

/* legal 본문 (terms·privacy·refund) */
.legal { font-size: 14.5px; }
.legal .top { padding: 14px 0; border-bottom: 1px solid var(--line); margin-bottom: 20px; }
/* 워드마크 자리. SVG 를 인라인하지 않는다 — 정적 HTML 3장에 넣으면 3중복이 된다.
   세리프를 벗기고 브랜드 보라 + letter-spacing 으로 텍스트 워드마크를 유지한다. */
.legal .top a { font-weight: 700; color: var(--accent); text-decoration: none; letter-spacing: .15em; }
.legal h1 { font-size: 24px; margin-bottom: 18px; }
.legal h3 { font-size: 16px; margin: 22px 0 8px; }
.legal p, .legal li { color: var(--ink); }
.legal ol, .legal ul { padding-left: 20px; }
.legal li { margin: 4px 0; }
.legal table { width: 100%; border-collapse: collapse; margin: 10px 0; font-size: 13.5px; }
.legal th, .legal td { border: 1px solid var(--line); padding: 8px; text-align: left; vertical-align: top; }
.legal th { background: var(--soft); }
.legal .ph { background: #fff3cd; padding: 0 4px; border-radius: 4px; }
.legal footer { text-align: left; border-top: 1px solid var(--line); padding-top: 16px; font-size: 13px; color: var(--sub); }