/* =====================================================================
   コベドー塾 法務ページ共通CSS（tokushoho／privacy／terms の3ページが読む）
   本文（.legal）の見出し・段落・項目表の見た目。本文は別担当が後から入れる
   色は common.css のトークンだけ
   ===================================================================== */

/* 本文の入れ物：読みやすい幅・やや小さめの文字（本文は16px以上を守る） */
.legal{max-width:46em;margin-top:30px;font-size:16px;line-height:1.9}
.legal:empty{display:none} /* 本文の入れ物（#legal-body）が空の間は場所も取らない */
.legal h2{font-size:22px;color:var(--ai);margin-top:36px;padding-bottom:6px;border-bottom:3px solid var(--yellow)}
.legal h2:first-child{margin-top:0}
.legal h3{font-size:18px;margin-top:24px;padding-bottom:4px;border-bottom:2px solid var(--ai)}
.legal p{margin-top:12px}
.legal ul,.legal ol{margin-top:10px;padding-left:1.5em}
.legal li + li{margin-top:4px}
/* 項目名＋内容の表（特定商取引法の表記など） */
.legal .tbl{margin-top:16px}
.legal .tbl th{width:11em;font-weight:700;background:var(--paper-2);white-space:nowrap}
/* 改定日などの小さな文字（14px以上） */
.legal .date{margin-top:24px;font-size:14px;color:var(--ink-2)}

/* 準備中の枠（本文が入るまで） */
.legal-wip{margin-top:30px;border:3px dashed var(--grid);border-radius:12px;padding:28px 20px;text-align:center;color:var(--ink-2);display:grid;place-items:center;gap:8px}
.legal-wip .pict{width:96px;color:var(--ai)}
.legal-wip .what{font-size:19px;font-weight:700;color:var(--ink)}
.legal-wip .wip{margin-top:6px}

@media (max-width:640px){
  .legal .tbl th{width:8em;white-space:normal}
  .legal-wip{padding:22px 16px}
  .legal-wip .pict{width:80px}
}