/* 풀다(FullDa) 법률 문서 공통 스타일 — privacy.html · terms.html 공유 단일 소스.
   이전엔 각 파일 <style>에 자구 복제되어 한쪽만 수정 시 드리프트(구 퍼플 틴트 잔재 등)가
   발생했음. 단일 소스로 통합해 재발 차단. 토큰은 app.css :root(먼저 링크됨) 참조. */

body { display: block; height: auto; overflow: auto; background: var(--bg); }   /* app.css 셸 grid 리셋 */

.legal { max-width: 760px; margin: 24px auto; padding: 30px 30px 56px; line-height: 1.65;
  background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-overlay); }
@media (max-width: 720px) { .legal { margin: 0; border-radius: 0; border-left: 0; border-right: 0; padding: 24px 18px 48px; } }

.legal h1 { font-size: var(--type-screen); margin: 0 0 4px; font-family: var(--display); }
.legal .legal-meta { color: var(--text-muted); font-size: var(--type-meta); margin-bottom: 24px; }
.legal h2 { font-size: var(--type-section); margin: 28px 0 8px; padding-top: 8px; border-top: 1px solid var(--border); }
.legal h3 { font-size: 15px; margin: 16px 0 6px; }
.legal p, .legal li { font-size: 15px; }
.legal li a, .legal p a { color: var(--pri); text-decoration: underline; }
.legal ul, .legal ol { padding-left: 22px; }

.legal table { width: 100%; border-collapse: collapse; font-size: 13px; margin: 8px 0; }
.legal th, .legal td { border: 1px solid var(--border); padding: 6px 9px; text-align: left; vertical-align: top; }
.legal th { background: var(--accent-tint); font-weight: 600; }

.legal .ph { background: var(--warn-bg); color: var(--warn-2); padding: 0 4px; border-radius: var(--radius-sm); font-weight: 600; }
.legal .legal-top { display: flex; gap: 10px; align-items: center; margin-bottom: 20px; }
.legal .legal-top a { font-size: 13px; color: var(--pri); display: inline-flex; align-items: center; min-height: 44px; }
.legal-note { background: var(--accent-tint); border-radius: var(--radius-card); padding: 12px 14px; font-size: 15px; margin: 14px 0; }

/* 모바일: 다열 표(.wide)만 가로 스크롤로 전환. 2열 표는 정상 줄바꿈 유지
   (전 표 일괄 nowrap이 2열 표까지 잘리게 하던 회귀 수정) */
@media (max-width: 720px) {
  .legal table.wide { display: block; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }
}