/* case.css — サンプル社労士事務所。:root のトークンだけ。
   読み込み順: layout.css → case.css。v4-backdrop-rose の配色を基に、このサンプル用に値を決めた。 */
:root{
  /* 色 */
  --paper:#fff7f9;
  --paper-deep:#f7dde5;
  --tint:#fcedf2;
  --white:#ffffff;
  --ink:#3b2a31;
  --muted:#58484f;
  --moss:#9e3a5e;
  --coral:#ae4169;
  --sage:#d4a3b4;
  --ochre:#edb2c5;
  --line:#e8d1da;
  --ground:#55263c;
  --ground-deep:#2f1621;
  --on-ground:#f6c6d6;

  /* 書体（外部フォントは読まない。ローカルのフォールバック） */
  --jp:"BIZ UDPGothic","Yu Gothic UI","Yu Gothic",Meiryo,sans-serif;
  --en:Aptos,"Segoe UI",Arial,sans-serif;

  /* 形 */
  --radius:28px;
  --shadow:0 28px 80px color-mix(in srgb,var(--ground) 13%,transparent);
}

/* About の窓の写真（この事務所の写真に合わせた調整。NOTES.md「寄っている側は case.css に同じ指定を足す」に準じる）
   写真の手前の人物が明るい色の服で、窓の中の白文字が 3.4 まで落ちたため、この1枚だけ明るさを下げる。
   layout.css の filter（saturate(.9) contrast(1.04)）はそのまま引き継ぐ */
.underlay-about img{object-position:22% center;filter:saturate(.9) contrast(1.04) brightness(.7)}

/* 帯（.demo-note）の「サンプル一覧へ戻る」。layout.css に帯の中の a の指定が無く、既定の青では差し色の地で読めないため */
.demo-note a{color:inherit;text-decoration:underline;text-underline-offset:.2em;white-space:nowrap}


/* 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}