/* privacy.html / legal.html 共用スタイル。型(styles.css)・共通部品(custom.css)は編集禁止。
   使う部品: .page-head / .breadcrumb / .section / .prose / .small
   ここには法務ページの最終改訂日表示と、legal.html 用の dl 2列表(.lg-kv)の2点だけを追加する。
   長い法務本文には data-reveal を付けない方針のため、モーション用のCSSは含まない。 */

.prose .small { display: block; margin-top: 32px; }
/* C2: ページヘッド直後の余白。custom.cssの.page-head + .sectionは96pxに統一済みだが、
   legalのprose内h2にmargin-top:48pxが乗って罫直後が208pxになるため、先頭h2だけ打ち消す */
.prose > h2:first-child { margin-top: 0; }

/* ---- legal.html: 項目名と内容のdl表 ---- */
.lg-kv { margin: 0; border-top: 1px solid var(--rule); }
.lg-kv > div { display: grid; grid-template-columns: 200px 1fr; gap: 8px 24px; padding: 20px 0; border-bottom: 1px solid var(--rule); }
.lg-kv dt { margin: 0; font-size: 14px; font-weight: 700; color: var(--ink); }
.lg-kv dd { margin: 0; font-size: 15px; line-height: 1.9; color: var(--ink); }
.lg-kv dd .note { display: block; margin-top: 4px; font-size: 13px; color: var(--muted); }
@media (max-width: 600px) {
  .lg-kv > div { grid-template-columns: 1fr; gap: 4px; }
}