/* Sift 법적 문서 공통 스타일 — 차콜+골드 톤 매칭 */
:root {
  --bg-base:    #0B0D11;
  --bg-surface: #13161C;
  --bg-line:    #23272F;
  --ink-1:      #F2F4F7;
  --ink-2:      #B4BAC4;
  --ink-3:      #7C8392;
  --gold-300:   #F5C84F;
  --gold-400:   #F0B429;
}
* { box-sizing: border-box; }
html, body {
  margin: 0;
  background: var(--bg-base);
  color: var(--ink-2);
  font-family: 'Inter', 'Noto Sans KR', system-ui, sans-serif;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}
.legal-page { max-width: 800px; margin: 0 auto; padding: 48px 24px 80px; }
.legal-page header { margin-bottom: 32px; padding-bottom: 24px; border-bottom: 1px solid var(--bg-line); }
.legal-page .eyebrow { color: var(--gold-400); font-size: 11px; text-transform: uppercase; letter-spacing: 0.18em; font-weight: 600; margin: 0 0 8px; }
.legal-page h1 { font-family: 'Fraunces', serif; font-weight: 600; font-size: 32px; color: var(--ink-1); margin: 0 0 8px; letter-spacing: -0.02em; }
.legal-page .meta { color: var(--ink-3); font-size: 13px; }
.legal-page h2 { font-family: 'Fraunces', serif; font-size: 19px; color: var(--ink-1); margin: 36px 0 12px; font-weight: 600; }
.legal-page h3 { font-size: 14px; color: var(--gold-300); margin: 20px 0 8px; font-weight: 600; }
.legal-page p, .legal-page li { font-size: 14px; }
.legal-page ul, .legal-page ol { padding-left: 22px; }
.legal-page strong { color: var(--ink-1); font-weight: 600; }
.legal-page table { width: 100%; border-collapse: collapse; margin: 12px 0; font-size: 13px; }
.legal-page th, .legal-page td { padding: 8px 12px; text-align: left; border: 1px solid var(--bg-line); vertical-align: top; }
.legal-page th { background: var(--bg-surface); color: var(--ink-1); font-weight: 600; }
.legal-page .placeholder { color: var(--gold-400); background: rgba(240, 180, 41, 0.08); padding: 1px 6px; border-radius: 4px; font-family: 'JetBrains Mono', monospace; font-size: 12px; }
.legal-page nav.crumbs { font-size: 12px; color: var(--ink-3); margin-bottom: 20px; }
.legal-page nav.crumbs a { color: var(--gold-400); text-decoration: none; }
.legal-page nav.crumbs a:hover { text-decoration: underline; }
.legal-page footer.legal-footer { margin-top: 60px; padding-top: 24px; border-top: 1px solid var(--bg-line); display: flex; gap: 16px; flex-wrap: wrap; font-size: 12px; }
.legal-page footer.legal-footer a { color: var(--ink-3); text-decoration: none; }
.legal-page footer.legal-footer a:hover { color: var(--gold-300); }