/*!
 * dc-c.co.jp 共通の土台
 *
 *  name:     base
 *  url:      https://dc-c.co.jp/assets/css/base.css
 *  deploy:   FTP → /assets/css/base.css
 *  source:   このファイル自体が正本
 *  version:  20260812-v5
 *  history:
    20260812-v5  フッターのリンクのタップ領域に24pxの床を入れた
    20260812-v4  日本語の折り返しを追加。本文＝行頭禁則と最終行の調整、見出し＝文節折り。
                 これを読む12ページに一括で効く（残りはページ側に同じものを置く）
    20260801-v3  .ver の opacity:.55 を撤去（コントラスト 2.18:1 で AA 不合格だった）
    20260801-v2  .ver（画面の版表示）を追加。色は継承＋不透明度で、パレットに依存させない
 *    20260801-v1  新規。socket-design-system v3 の「ページの器」のうち、
 *                 各ページの配色に依存しない2項目だけをここへ集約した
 *
 *  使い方：各ページの <head> に1行。ページ自身の <style> より前に置く。
 *    <link rel="stylesheet" href="/assets/css/base.css">
 *
 *  ■ ここに置いてよいもの／いけないもの
 *    置いてよい： 配色を前提にしない、全ページ共通の土台
 *    置いてはだめ： 色・フォント・余白。ページごとにパレットが違う
 *                  （本体は深緑、ツール系は紺）ので、共通ファイルが色を決めると必ず壊れる
 *    余白の例外：   **操作領域の下限（タップ24px）だけは共通に置く。**
 *                  パレットにもレイアウトにも依存しない、指の大きさで決まる値のため。
 *                  2026-08-12、フッターの「プライバシーポリシー」が16pxで、
 *                  6ページが下回っていた（実測）
 *
 *  ■ :focus-visible と a:visited をここに入れていない理由
 *    2026-08-01時点で、対象11ページのどれも outline を殺しておらず、
 *    色指定のない素の <a> も1本も無い。**実害が無いのに見た目を変えないため、入れない。**
 *    今後 outline:none を書くページが出たら、そのページ側で :focus-visible を定義する。
 *
 *  キャッシュは /assets/css/.htaccess で5分に上書きしてある。
 *  各ページに ?v= を付ける必要はない。
 */

/* 端末がダークモードでも、ブラウザに勝手に色を反転させない。
   このサイトは全ページ明るい背景の前提で作ってあるため。 */
:root{ color-scheme: light; }

/* 日本語の折り返し（socket-design-system §5-8）。
   **本文と見出しで当てるものが違う。**取り違えると行末が大きく欠ける。 */
body{
  line-break: strict;   /* 小書きの「っ」「ィ」や長音「ー」を行頭に置かせない。既定の normal は許す */
  text-wrap: pretty;    /* 最終行に1〜2文字だけ残さない。balance と違い、行末の右端は揃ったまま */
}

/* **文節で折る指定は見出しだけ。本文には当てない。**
   2026-08-11にスマホ375pxで実測したところ、本文に当てると行末のばらつきが27か所
   （最短は箱の53%）。本文から外すと3か所に減った。
   狭い列では、次の文節が入りきらないたびに行末が丸ごと空くため。 */
h1, h2, h3{
  text-wrap: balance;
  word-break: auto-phrase;
}

/* 動きを減らす設定にしている人には、動かさない。
   目まいや乗り物酔いの症状がある人が実際にいる設定なので、装飾より優先する。 */
@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* フッターのリンクのタップ領域に24pxの床を入れる。
   **inline のリンクは縦paddingがレイアウトを動かさない**（行送りに影響せず、当たり判定だけ広がる）。
   block のリンクは min-height で床に乗せる。
   2026-08-12に13ページで仮当てして実測：24px未満は6ページ→0ページ、横スクロールはどのページも出ず、
   ページ全高が増えたのは3ページの各20px以内。 */
footer a{
  padding-block: 5px;
  min-height: 24px;
}

/* 画面に出す版表示（socket-publish-rules §5-2）。
   フッターの背景がページごとに違う（クリームも深緑もある）ので、**色を決め打ちしない。**
   親から継承した色をそのまま使う。

   **opacity で薄くしない。** 2026-08-01に opacity:.55 で出したところ、
   実効のコントラストが 2.18:1 になり AA（4.5:1）を割った（継承色のままなら 5.04:1）。
   小さく目立たせたいときは font-size で調整し、色は触らない。 */
.ver{
  font-size: 12px;
  text-align: right;
  margin-top: 24px;
}
@media print{ .ver{ display:none } }
