/* 日本語の改行:
   本文は通常の禁則処理。見出し・ラベル・ボタンなど短い表示要素だけ keep-all にする。
   長文まで keep-all にすると、読点の無い箇所で折り返せず語句の途中で切られる（2026-09-18） */
body{word-break:normal;overflow-wrap:break-word;line-break:strict}
/* 規約・開示事項などの見出しは「第16条（労働条件の明示〔職業安定法遵守〕）」のように長く、
   keep-all にすると狭い画面で収まらず、かえって語句の途中で切れる。
   文書ページの見出しは本文と同じ通常の禁則に任せ、短い表示要素だけ keep-all にする */
[class*="kicker"],a[class*="btn"],button,.btn,.gnav-cta{word-break:keep-all}
/* 見出しは行末を調整し、本文・箇条書きは通常の禁則で幅いっぱいに折り返す。 */
h1,h2,h3,h4,summary{text-wrap:pretty}
p,li,dd,dt{text-wrap:wrap}
/* 見出しに長い英数字が入っても枠から溢れないようにする */
h1,h2,h3{overflow-wrap:anywhere}
/* 表は狭い画面でも枠内に収める */
table{width:100%}
th,td{overflow-wrap:anywhere}

/* ─────────────────────────────────────────────────────────────────────────────
   doc-theme.css — 静的ドキュメントページ共通テーマ（現状はダークモードのみ定義）
   対象: terms / privacy / pricing / news / faq（.doc-* 構造・同一CSS変数のページ）

   使い方:
     各ページの <style> ブロックの「後」に読み込む（後勝ちで上書きするため）。
       <link rel="stylesheet" href="/doc-theme.css?v=1" />
     ライト時は各ページの既存スタイルをそのまま使う。
     新しい静的ページを作るときは .doc-* 構造＋この1枚を読み込む運用にし、
     ページごとのダーク対応コピペを増やさないこと。

   パレットは home.html の @media (prefers-color-scheme: dark) の変数と揃えている。
   （--paper:#0a1524 / --paper-warm:#0f1e33 / --card:#12233c / --line:#22395c 相当）
   ───────────────────────────────────────────────────────────────────────────── */

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --ink: #e9f1fc;
    --ink-mid: #b6c7e1;
    --muted: #7e95b8;
    --accent: #4f95ee;
    --accent-deep: #7fb2f4; /* ライトでは濃色。ダークでは明色に反転（文字色用途のため） */
    --line: #22395c;
    --bg: #0a1524;
  }

  body { background: var(--bg); color: var(--ink); }

  /* 共通ヘッダー・カード（全5ページ） */
  .doc-header { background: #0f1e33; border-bottom-color: var(--line); }
  .doc-card {
    background: #12233c;
    border-color: var(--line);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .35);
  }

  /* faq.html（Q&A の details/summary） */
  details {
    background: #12233c;
    border-color: var(--line);
    box-shadow: 0 4px 14px rgba(0, 0, 0, .3);
  }

  /* news.html */
  .news-item,
  .news-status {
    background: #12233c;
    border-color: var(--line);
    box-shadow: 0 4px 14px rgba(0, 0, 0, .3);
  }
  .news-chip,
  .news-chip--hospital { background: #14294a; color: #9cc3f5; }
  .news-chip--pharmacy { background: #0d2b27; color: #4fd6bd; }

  /* pricing.html */
  .price-box { background: #0f1e33; border-color: var(--line); }
}