/* Station explainer. Panels, controls and readouts come from learn-retrograde.css. */
.stn-small { fill: #b5c5da; font-size: 15px; letter-spacing: .02em; }
.stn-label { fill: #e4edf8; font-size: 17px; font-weight: 550; }
.stn-tick, .stn-tick text { fill: #b5c5da; font-size: 14px; }
.stn-band { fill: #f4bf54; fill-opacity: .18; }
.stn-axis { fill: none; stroke: #8eabc3; stroke-width: 1.5; }
.stn-path { fill: none; stroke: #e8dcc1; stroke-width: 3; }
.stn-mark { stroke: #f4bf54; stroke-width: 1.5; stroke-dasharray: 5 5; }
.stn-dot { fill: #70d6c0; stroke: #0d1729; stroke-width: 2; }
.stn-bar { fill: #e2b967; fill-opacity: .7; }
.stn-story .retro-events button[aria-pressed="true"] { border-color: var(--accent-text); }
@media (max-width: 40rem) {
  .stn-small, .stn-tick, .stn-tick text { font-size: 18px; }
  .stn-label { font-size: 20px; }
}