/* transits pages (site_transits.py, transits.js; loaded by those pages only): the zone line, the city search, the «now» line */
button.link { background: none; border: 0; padding: 0; font: inherit; cursor: pointer; }
.tx-zone { margin: 0 0 1rem; }
.tx-zone__line { margin: 0 0 .5rem; }
.tx-search { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin: .5rem 0; }
.tx-search[hidden] { display: none; }
.tx-search input { flex: 1 1 14rem; min-width: 0; font: inherit; padding: .6rem .75rem; border: 1px solid var(--line-strong); border-radius: 10px; background: var(--surface); color: var(--ink); }
.tx-results { list-style: none; margin: 0; padding: 0; display: grid; gap: .35rem; }
.tx-results button { width: 100%; text-align: left; font: inherit; padding: .6rem .75rem; border: 1px solid var(--line-strong); border-radius: 10px; background: var(--surface); color: var(--ink); cursor: pointer; }
.tx-results button:hover, .tx-results button:focus-visible { border-color: var(--orange); }
.tx-now { margin: 0 0 1.25rem; }
time.tx-t { white-space: nowrap; }