/* 법적 고지(이용약관·개인정보처리방침·취소·환불·A/S 정책) — style.css 토큰 위에 문서용 서식만 얹는다 */
.legal { max-width: 760px; padding-bottom: 60px; line-height: 1.75; }
.legal h1 { font-size: 24px; margin: 8px 0 4px; letter-spacing: -.02em; }
.legal .legal-meta { color: var(--muted); font-size: 13px; margin-bottom: 20px; }
.legal h2 { font-size: 17px; margin: 28px 0 8px; letter-spacing: -.01em; }
.legal h3 { font-size: 15px; margin: 18px 0 6px; }
.legal p, .legal li { font-size: 14.5px; color: var(--ink-2); }
.legal ol, .legal ul { padding-left: 22px; margin: 6px 0; }
.legal li { margin: 3px 0; }
.legal table { width: 100%; border-collapse: collapse; font-size: 13.5px; margin: 10px 0; background: var(--surface); }
.legal th, .legal td { border: 1px solid var(--line); padding: 8px 10px; text-align: left; vertical-align: top; }
.legal th { background: var(--surface-2); font-weight: 600; white-space: nowrap; }
.legal .legal-box { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 14px 16px; margin: 14px 0; }
.legal .legal-nav { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 13px; margin: 24px 0 0; padding-top: 14px; border-top: 1px solid var(--line); }
.legal .legal-nav a { color: var(--muted); }
@media (max-width: 560px) {
  .legal table, .legal thead, .legal tbody, .legal tr, .legal th, .legal td { display: block; }
  .legal th { border-bottom: 0; }
}