/* 地域の配色(fukuoka)。tools/area.py build が areas/fukuoka/area.json の theme から作ったファイル。手で直さない */
:root {
  --brand-h-intl: 28px;
  --brand-h-intl-narrow: 22px;
  --accent: #133c82;
  --accent-ink: #ffffff;
  --accent-soft: #e3e8f3;
  --next-until-bg: #133c82;
  --next-until-ink: #ffffff;
  --band-bg: #e3e8f3;
  --band-ink: #133c82;
  --band-edge: #133c82;
  --card-top: #d96a00;
  --line-k-bg: #fb7f09;
  --line-k-ink: #0b1a20;
  --line-k-code: #b35500;
  --line-h-bg: #0081c4;
  --line-h-ink: #ffffff;
  --line-h-code: #0075b3;
  --line-n-bg: #008b4f;
  --line-n-ink: #ffffff;
  --line-n-code: #007a45;
}
@media (prefers-color-scheme: dark) {
  :root {
    --accent: #8fb0ec;
    --accent-ink: #0b1a20;
    --accent-soft: #1c2a45;
    --next-until-bg: #8fb0ec;
    --next-until-ink: #0b1a20;
    --band-bg: #1c2a45;
    --band-ink: #dbe5f7;
    --band-edge: #8fb0ec;
    --card-top: #fb7f09;
    --line-k-bg: #fb9a3c;
    --line-k-ink: #0b1a20;
    --line-k-code: #fb9a3c;
    --line-h-bg: #5cc1f0;
    --line-h-ink: #0b1a20;
    --line-h-code: #5cc1f0;
    --line-n-bg: #4cc28a;
    --line-n-ink: #0b1a20;
    --line-n-code: #4cc28a;
  }
}
/* 路線の札(.route.line-<路線>)と、ホームの駅のチップの駅番号(.chip-code.line-<路線>)。色は上の変数 */
.route.line-h { background: var(--line-h-bg); color: var(--line-h-ink); }
.chip-code.line-h { color: var(--line-h-code); }
.route.line-k { background: var(--line-k-bg); color: var(--line-k-ink); }
.chip-code.line-k { color: var(--line-k-code); }
.route.line-n { background: var(--line-n-bg); color: var(--line-n-ink); }
.chip-code.line-n { color: var(--line-n-code); }
/* 駅のページの表: 狭い画面では文字を少し小さくし、余白を詰める(横にはみ出さず、方面の見出しは語の切れ目で折り返すように) */
@media (max-width: 359px) {
  table { font-size: .875rem; }
  table th[scope="row"] { overflow-wrap: break-word; }
  table th, table td { padding: .5rem .3rem; }
}