/* Kanto JR: the Shonan colours of the Tokaido and Takasaki lines' old trains, orange over green,
   on a warm cream concourse; a two-stripe band under the masthead and a display face that draws
   every stroke as a double rail. */
:root[data-city="kanto-jr"] {
  --ground: #f7f1e6;
  --surface: #fffdf8;
  --ink: #2a1e12;
  --ink-soft: #6a5843;
  --rule: #e2d4bd;
  --rail-off: #d4c4a9;
  --stamp: #c2410c;
  --signal: #1f9a4a;
  --ticket: #f1e6d2;
  --font-display: "Train One", "BIZ UDPGothic", sans-serif;
  --tone: repeating-linear-gradient(180deg, transparent 0 22px, rgb(232 108 0 / 0.07) 22px 24px, rgb(0 133 61 / 0.06) 24px 26px);
}

/* An orange band with the green stripe under it, like the side of a Shonan-coloured car. */
:root[data-city="kanto-jr"] .masthead {
  border-top: 8px solid #e86c00;
  box-shadow: inset 0 12px 0 -4px #00853d;
  padding-top: 28px;
}
:root[data-city="kanto-jr"] .edition-code { border: 2px solid var(--stamp); border-radius: 2px; color: var(--stamp); }
:root[data-city="kanto-jr"] .title { letter-spacing: 0.02em; }
:root[data-city="kanto-jr"] .cities a[aria-current] { background: var(--stamp); border-color: var(--stamp); }
:root[data-city="kanto-jr"] .btn-ink { background: #0b6b34; border-color: #0b6b34; }
:root[data-city="kanto-jr"] .btn-ink:hover { background: #08562a; }

@media (min-width: 901px) {
  :root[data-city="kanto-jr"] .mapwrap { height: 100dvh; position: sticky; top: 0; }
}