/* Kobe: harbor chart. Deep sea ink, sea-glass linework and a vermilion harbor light. */
:root[data-city="kobe"] {
  --ground: #edf3f0;
  --surface: #fffdf7;
  --ink: #123c49;
  --ink-soft: #4c626a;
  --rule: #b9ccc9;
  --rail-off: #b6cbc9;
  --stamp: #be4b3b;
  --signal: #e4af54;
  --ticket: #dbece8;
  --font-display: "Zen Old Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --tone: repeating-radial-gradient(ellipse at 15% -70%, transparent 0 16px, rgb(38 133 147 / 0.1) 17px 18px, transparent 19px 36px);
}

:root[data-city="kobe"] .masthead {
  border-top: 5px solid var(--ink);
  box-shadow: inset 0 3px 0 var(--surface), inset 0 6px 0 #56a7aa;
  padding-top: 24px;
}
:root[data-city="kobe"] .masthead::before { height: 235px; }
:root[data-city="kobe"] .edition-code {
  border: 3px double var(--ink);
  border-radius: 3px;
  color: var(--ink);
  box-shadow: 3px 3px 0 #acd4cf;
}
:root[data-city="kobe"] .title {
  font-weight: 900;
  letter-spacing: 0.055em;
}
:root[data-city="kobe"] .title::before {
  transform: translate(0.07em, 0.09em);
  background: repeating-linear-gradient(90deg, var(--stamp) 0 3px, transparent 3px 7px);
  -webkit-background-clip: text;
  background-clip: text;
}
:root[data-city="kobe"] .cities a[aria-current] {
  background: var(--ink);
  box-shadow: inset 0 -3px 0 #75bfc0;
}
:root[data-city="kobe"] .linestrip { height: 7px; gap: 5px; }
:root[data-city="kobe"] .linestrip span { border-radius: 1px; }
:root[data-city="kobe"] .btn-ink:hover { background: #215a65; }