/* Station page interactivity: quick-nav, save/share, freshness, toast. */
.station-quicknav {
	position: sticky;
	top: 0;
	z-index: 20;
	background: color-mix(in srgb, var(--surface, #14181f) 88%, transparent);
	backdrop-filter: blur(10px);
	border-bottom: 1px solid var(--border, rgba(255,255,255,.12));
}
.station-quicknav__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 8px 0;
}
.station-quicknav__links {
	display: flex;
	gap: 4px;
	overflow-x: auto;
	scrollbar-width: none;
}
.station-quicknav__links::-webkit-scrollbar { display: none; }
.station-quicknav__link {
	padding: 6px 12px;
	border-radius: 999px;
	font-size: .82rem;
	font-weight: 600;
	letter-spacing: .01em;
	white-space: nowrap;
	color: var(--fg-muted, #9aa4b2);
	text-decoration: none;
	transition: background .15s, color .15s;
}
.station-quicknav__link:hover { color: var(--fg, #fff); background: var(--fg-soft, rgba(255,255,255,.06)); }
.station-quicknav__link.is-active { color: var(--fg, #fff); background: var(--accent-soft, rgba(94,158,255,.16)); }
.station-quicknav__actions { display: flex; gap: 8px; flex-shrink: 0; }
.station-act[aria-pressed="true"] { border-color: var(--accent, #5e9eff); color: var(--accent, #5e9eff); }
.station-act[aria-pressed="true"]::before { content: "\2605"; margin-right: 6px; }

.station-freshness { display: inline-flex; align-items: center; gap: 7px; }
.station-freshness__dot {
	width: 8px; height: 8px; border-radius: 50%;
	background: #35c46a;
	box-shadow: 0 0 0 0 rgba(53,196,106,.6);
	animation: station-pulse 2s infinite;
}
@keyframes station-pulse {
	0% { box-shadow: 0 0 0 0 rgba(53,196,106,.55); }
	70% { box-shadow: 0 0 0 7px rgba(53,196,106,0); }
	100% { box-shadow: 0 0 0 0 rgba(53,196,106,0); }
}
@media (prefers-reduced-motion: reduce) {
	.station-freshness__dot { animation: none; }
}

.station-toast {
	position: fixed;
	left: 50%;
	bottom: 26px;
	transform: translate(-50%, 12px);
	z-index: 9999;
	max-width: 90vw;
	padding: 11px 18px;
	border-radius: 10px;
	background: var(--fg, #fff);
	color: #10141c;
	font-size: .88rem;
	font-weight: 600;
	box-shadow: 0 12px 34px rgba(0,0,0,.35);
	opacity: 0;
	transition: opacity .25s, transform .25s;
}
.station-toast.is-visible { opacity: 1; transform: translate(-50%, 0); }

@media (max-width: 560px) {
	.station-quicknav__actions .btn { padding: 5px 10px; font-size: .78rem; }
}

/* Plan a journey */
.station-journey { padding: 18px 20px; border: 1px solid var(--border, rgba(255,255,255,.12)); border-radius: var(--radius-lg, 14px); background: var(--surface, #14181f); }
.station-journey__row { display: flex; gap: 10px; align-items: flex-start; margin-top: 12px; }
.station-journey__search { position: relative; flex: 1 1 auto; min-width: 0; }
.station-journey__input { width: 100%; }
.station-journey__results { position: absolute; top: calc(100% + 4px); left: 0; right: 0; z-index: 30; background: var(--surface, #14181f); border: 1px solid var(--border, rgba(255,255,255,.14)); border-radius: 10px; box-shadow: 0 16px 40px rgba(0,0,0,.4); overflow: hidden; }
.station-journey__result { display: block; width: 100%; text-align: left; padding: 9px 12px; background: none; border: 0; color: var(--fg, #fff); cursor: pointer; font-size: .9rem; }
.station-journey__result:hover { background: var(--fg-soft, rgba(255,255,255,.07)); }
@media (max-width: 560px) { .station-journey__row { flex-direction: column; } .station-journey__row .btn { width: 100%; } }
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }