/* Osaka JR: JR West's blue station signs over a pale concourse, the Loop Line's orange as the
   signal colour, and a heavy display face for Osaka's loud masthead. */
:root[data-city="osaka-jr"] {
  --ground: #edf2f8;
  --surface: #ffffff;
  --ink: #0d2240;
  --ink-soft: #4d607a;
  --rule: #c5d1e0;
  --rail-off: #b7c4d6;
  --stamp: #0a62b8;
  --signal: #f39800;
  --ticket: #e2eaf4;
  --font-display: "Dela Gothic One", "BIZ UDPGothic", sans-serif;
  --tone: repeating-linear-gradient(90deg, transparent 0 18px, rgb(10 98 184 / 0.06) 18px 20px);
}

/* A blue sign band with the orange Loop Line stripe under it. */
:root[data-city="osaka-jr"] .masthead {
  border-top: 8px solid var(--stamp);
  box-shadow: inset 0 11px 0 -3px var(--signal);
  padding-top: 28px;
}
:root[data-city="osaka-jr"] .edition-code { border: 2px solid var(--stamp); border-radius: 2px; color: var(--stamp); }
:root[data-city="osaka-jr"] .title { letter-spacing: 0.01em; }
:root[data-city="osaka-jr"] .cities a[aria-current] { background: var(--stamp); border-color: var(--stamp); }
:root[data-city="osaka-jr"] .btn-ink { background: var(--stamp); border-color: var(--stamp); }
:root[data-city="osaka-jr"] .btn-ink:hover { background: #084f95; }

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