/* case.css — サンプル社労士事務所。:root のトークンだけ。
   出所: demo-kit v2-serif-amber の case.css.example。値だけをこの事務所用に入れ替えた。
   コメントの数値は地（--page）の上のコントラスト比（実測）。 */
:root{
  /* 色 */
  --page:#fcf6e8;        /* ページの地 */
  --page-97:rgba(252,246,232,.97);  /* 追従ヘッダー（--page の97%） */
  --page-90:#fcf6e8e8;   /* 注記の下敷き（--page の91%） */
  --ink:#8c3d12;         /* 見出し・ボタン地・帯。白文字 7.52 / 地の上 6.98 */
  --ink-hover:#ab4c0e;   /* hover。白文字 5.57 */
  --body:#47372a;        /* 本文。地の上 10.55 */
  --pale:#f6ead0;        /* セクションの淡い面。本文 9.52 */
  --line:#e3d0a6;        /* 罫線（装飾。文字ではない） */
  --muted:#6b563a;       /* 補助文字。地の上 6.46 */
  --focus:#74320c;       /* focus の輪郭。地の上 8.84 */
  --slot-line:#d6bd8e;   /* 写真枠の線 */
  --slot-bg:#f0e3c5;     /* 写真枠の地 */
  --slot-hover:#ecdcb8;
  --slot-label:#73603f;  /* 枠のラベル。--slot-bg の上 4.75 */
  --numeral-ink:#ab4c0e; /* 01,02… の数字。地の上 5.17 */
  --photo-under:#e6d8b8; /* 帯の写真が読み込まれる前に見える下地 */

  /* 書体（ローカルフォントのみ。外部フォントは読み込まない） */
  --serif:'Yu Mincho','Hiragino Mincho ProN','Noto Serif JP',serif;
  --sans:'Yu Gothic','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
  --numeral:Georgia,serif;

  /* ヒーロー画像の3サイズ（hero.css が帯に使う） */
  --hero-l:url('hero-1672.webp');
  --hero-m:url('hero-1024.webp');
  --hero-s:url('hero-640.webp');
  --photo-filter:brightness(1.03) saturate(.92) contrast(.96);
}


/* gbumps-site docs/PAGE_RULES.md 第4-6節：日本語の折り返し */
p,li,dd,dt,h1,h2,h3,summary{word-break:auto-phrase}
p,li,dd{text-wrap:pretty}

/* 問い合わせの見出しは短いので、<wbr> と句読点の位置でだけ折り返す（語の途中で折れないように） */
.contact h2{word-break:keep-all}

/* 業務は3件。base.css の4列（850px以下は2列）だと空きや1枚だけの行ができるため、600pxまで3列にする */
.service-list{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:600px){.service-list{grid-template-columns:1fr}}