/* trains.oldham.net: the few rules the Trombone theme does not have. Uses the theme's own variables so light and dark both work. */
.topbar-note { margin-left: auto; margin-right: var(--space-xs); color: var(--color-text-muted); font-size: var(--fs-300); }
.notice { margin: 0 0 var(--space-md); padding: var(--space-xs) var(--space-sm); border: var(--border-width) solid var(--color-border-strong); border-radius: var(--radius-md); background: var(--yellow-soft); font-size: var(--fs-300); }
.notice[hidden] { display: none; }
.notice--watch { font-weight: 600; }
.fine { font-size: var(--fs-300); color: var(--color-text-muted); }
.prose p { max-width: 70ch; margin: 0 0 var(--space-xs); line-height: 1.55; }
.legend-whisker { display: inline-block; width: 0; height: 1.1em; border-left: 2px solid var(--chart-ink); position: relative; margin: 0 0.4rem 0 0.35rem; vertical-align: middle; }
.legend-whisker::before, .legend-whisker::after { content: ""; position: absolute; left: -5px; width: 8px; border-top: 2px solid var(--chart-ink); }
.legend-whisker::before { top: 0; } .legend-whisker::after { bottom: 0; }
.fc-chart svg { width: 100%; height: auto; display: block; overflow: visible; }
.fc-chart text { fill: var(--chart-axis); font: 500 11px var(--font-body); }
.fc-chart .grid-line { stroke: var(--chart-grid); stroke-width: 1; }
.fc-chart .bar-seen { fill: var(--chart-ink); }
.fc-chart .bar-exp { fill: var(--chart-ink-soft); }
.fc-chart .bar-now { fill: none; stroke: var(--chart-ink); stroke-width: 1.5; stroke-dasharray: 3 3; }
.fc-chart .whisker { stroke: var(--chart-ink); stroke-width: 1.6; }
.fc-chart .now-marker { stroke: var(--coral); stroke-width: 2; stroke-dasharray: 4 3; }
.fc-chart .now-label { fill: var(--coral); font-weight: 700; }
.dir-dot { display: inline-block; width: .7rem; height: .7rem; border-radius: 50%; margin-right: .45rem; border: 1.5px solid var(--color-outline); }

.disclaimer { margin: var(--space-md) 0 0; max-width: 70ch; }

.row-maybe td { color: var(--color-text-muted); }
.table-note { padding: var(--space-xs) var(--space-md) var(--space-sm); margin: 0; }
