/* ============================================================
   doc.css — 固定ページ(about / left-f / privacy / disclaimer / contact / operator)の共通スタイル

   ★6枚で同じCSSを書かない(E-40)。1本にして全部が読む。
   ★base.css のトークン(--ink / --bg / --border ...)を使う。色をここで定義しない。
   ★.global-nav は base.css。ここでは触らない(320pxで3項目の固定バー)。
   ============================================================ */

body {
  background: var(--bg);
  color: var(--ink);
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  line-height: 1.8;
  font-variant-numeric: tabular-nums;
  padding: clamp(16px, 4vw, 48px);
  /* ★下端の .global-nav(48px)に本文が隠れないようにする */
  padding-bottom: 88px;
}

.doc { max-width: 44em; margin: 0 auto; }

.doc .breadcrumb { font-size: 11px; color: var(--ink3); margin-bottom: 10px; }
.doc .breadcrumb a { color: var(--ink2); }

.doc h1 {
  font-size: clamp(24px, 5vw, 34px); font-weight: 800; line-height: 1.25;
  margin-bottom: 14px;
}
.doc h2 {
  font-size: 16px; font-weight: 700; margin: 30px 0 8px;
  padding-bottom: 6px; border-bottom: 1px solid var(--border);
}
.doc h3 { font-size: 14px; font-weight: 700; margin: 20px 0 6px; }

.doc p { font-size: 14px; color: var(--ink2); margin-bottom: 12px; }
.doc .lead { font-size: 15px; color: var(--ink); }
.doc b { color: var(--ink); font-weight: 700; }

.doc ul, .doc ol { margin: 0 0 14px 1.3em; }
.doc li { font-size: 14px; color: var(--ink2); margin-bottom: 8px; }

.doc a { color: var(--ink); text-decoration: underline;
  text-decoration-color: var(--ink4); text-underline-offset: 3px; }
.doc a:hover { text-decoration-color: var(--ink); }

/* ★実測値の1行(SITE-STAT で焼かれる)。本文より一段落として、事実であることを示す */
.doc .stat {
  font-size: 13px; color: var(--ink2);
  background: var(--panel); border: 1px solid var(--border); border-radius: var(--radius);
  padding: 12px 14px; margin: 14px 0;
}

/* ★横に広い表は表の中でスクロールさせる。ページ本体を横スクロールさせない */
.doc .tw { overflow-x: auto; margin-bottom: 14px; }
.doc table { border-collapse: collapse; font-size: 13px; min-width: 100%; }
.doc th, .doc td {
  border: 1px solid var(--border); padding: 6px 10px; text-align: right; white-space: nowrap;
}
.doc th:first-child, .doc td:first-child { text-align: left; }
.doc thead th { background: var(--panel); font-weight: 600; font-size: 12px; }

/* ★.site-footer の定義は base.css に移した(2026-08-21)。
   理由: フッターを全ページに入れたが、★player.html は doc.css を読んでいない。
   ★選手ページ1,847枚のフッターにスタイルが当たっていなかった(実測で判明)。
   ★サイト共通の外枠は、サイト共通のCSSに置く。 */