/* 약관·개인정보 처리방침 — 단독 페이지(terms.html·privacy.html)와 홈페이지 레이어 팝업이 같이 쓴다 */
:root {
  --brand: #1E9A55;
  --brand-soft: #E3F4EA;
  --bg: #F5F8F6;
  --surface: #FFFFFF;
  --ink: #13201A;
  --sub: #55635B;
  --line: #DFE7E2;
}
@media (prefers-color-scheme: dark) {
  :root {
    --brand: #3DDC97;
    --brand-soft: #173126;
    --bg: #11161F;
    --surface: #19202B;
    --ink: #EEF3F0;
    --sub: #A3B0A9;
    --line: #273140;
  }
}
html[data-lang="ko"] [data-l="en"], html[data-lang="en"] [data-l="ko"] { display: none !important; }

/* 본문 */
.legal { font-size: 15.5px; line-height: 1.75; color: var(--ink); word-break: keep-all; overflow-wrap: anywhere; }
.legal h1 { font-size: 26px; line-height: 1.3; letter-spacing: -0.02em; margin: 0 0 4px; }
.legal .meta { color: var(--sub); font-size: 14px; margin: 0 0 24px; }
.legal h2 { font-size: 18px; margin: 32px 0 10px; padding-top: 20px; border-top: 1px solid var(--line); }
.legal h3 { font-size: 15.5px; margin: 18px 0 6px; color: var(--brand); }
.legal p { margin: 0 0 12px; }
.legal ul, .legal ol { margin: 0 0 12px; padding-left: 22px; }
.legal li { margin: 4px 0; }
.legal li > ul { margin: 6px 0; }
.legal a { color: var(--brand); }
.legal strong { font-weight: 700; }

/* 단독 페이지 */
body.legal-page {
  margin: 0; background: var(--bg); color: var(--ink);
  font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", sans-serif;
}
.legal-page header {
  position: sticky; top: 0; display: flex; align-items: center; gap: 12px;
  max-width: 820px; margin: 0 auto; padding: 14px 16px; background: var(--bg);
  border-bottom: 1px solid var(--line);
}
.legal-page .home { display: flex; align-items: center; gap: 8px; font-weight: 800; text-decoration: none; color: inherit; }
.legal-page .home img { width: 28px; height: 28px; border-radius: 8px; }
.legal-page .langs { margin-left: auto; display: flex; border: 1px solid var(--line); border-radius: 999px; padding: 3px; background: var(--surface); }
.legal-page .langs a { padding: 3px 11px; border-radius: 999px; font-size: 13px; font-weight: 700; color: var(--sub); text-decoration: none; }
html[data-lang="ko"] .legal-page .langs [data-set="ko"], html[data-lang="en"] .legal-page .langs [data-set="en"] { background: var(--brand); color: #fff; }
.legal-page main { max-width: 820px; margin: 0 auto; padding: 28px 16px 40px; }
.legal-page main > div { background: var(--surface); border: 1px solid var(--line); border-radius: 20px; padding: 32px clamp(18px, 4vw, 40px); }
.legal-page footer { max-width: 820px; margin: 0 auto; padding: 0 16px 40px; color: var(--sub); font-size: 13px; }
.legal-page footer a { color: inherit; }
@media (prefers-color-scheme: dark) {
  html[data-lang="ko"] .legal-page .langs [data-set="ko"], html[data-lang="en"] .legal-page .langs [data-set="en"] { color: #0B1A12; }
}