/* 개인정보처리방침 · 이용약관 · 보호자 동의서. 읽는 문서라 학생 화면 옷을 빌리되
   글자 크기와 줄 간격만 문서답게 둡니다. 인쇄하면 종이 한 장 모양으로 나옵니다. */
body.legal { background: #faf8f5; }
.legal-doc {
  max-width: 760px; margin: 0 auto; padding: 24px 16px 64px;
  font-size: 15px; line-height: 1.75; color: #2b2b2b;
}
.legal-doc h1 { font-size: 22px; line-height: 1.4; margin: 8px 0 4px; }
.legal-doc h2 { font-size: 16.5px; margin: 26px 0 6px; }
.legal-doc section { margin: 0; }
.legal-doc ul { padding-left: 1.2em; margin: 6px 0; }
.legal-doc li { margin: 3px 0; }
.legal-meta { color: #6b6b6b; font-size: 13.5px; margin: 0 0 8px; }
.legal-back { font-size: 13.5px; margin: 0 0 8px; }
.legal-back a { color: inherit; }
.legal-sum { background: #fff; border: 1px solid #ece6df; border-radius: 12px; padding: 12px 14px 12px 30px !important; }
.legal-table { width: 100%; border-collapse: collapse; margin: 8px 0; font-size: 14px; background: #fff; }
.legal-table th, .legal-table td { border: 1px solid #e3ddd5; padding: 7px 9px; text-align: left; vertical-align: top; word-break: keep-all; overflow-wrap: break-word; }
.legal-table th { background: #f4efe9; font-weight: 600; white-space: nowrap; }
.legal-table thead th { white-space: normal; }
.legal-provider { margin-top: 28px; padding-top: 4px; border-top: 1px solid #e3ddd5; color: #555; font-size: 13.5px; }
@media (max-width: 480px) {
  .legal-table th { white-space: normal; }
  /* 폰: 좁은 칸에서 «선생/님» · «모든/이용/자» 처럼 낱말 가운데서 꺾였습니다 -- 띄어쓰기에서만 꺾고,
     띄어쓰기가 없는 긴 글(전자우편 주소)만 어쩔 수 없을 때 자릅니다 (2026-10-30) */
  .legal-table th, .legal-table td { word-break: keep-all; overflow-wrap: break-word; }
  /* 표 칸은 break-word 로는 안 줄어듭니다(최소 폭 계산에 안 들어감). 전자우편 주소가 든 칸이 표를 화면 밖으로
     14px 밀었습니다(2026-11-01, 큰 글씨 260px). 주소 같은 긴 글자만 잘리게 그 칸에만 anywhere 를 줍니다. */
  .legal-table td a, .legal-table .addr { overflow-wrap: anywhere; }
}
@media print {
  body.legal { background: #fff; }
  .legal-back, .no-print { display: none !important; }
  .legal-doc { padding: 0; max-width: none; font-size: 12.5px; line-height: 1.6; }
  .legal-doc h1 { font-size: 18px; }
  .legal-doc h2 { font-size: 14px; margin-top: 14px; }
}
@media (prefers-color-scheme: dark) {
  body.legal:not(.light) { background: #faf8f5; }
}