/* Airport departures board with split-flap codes. */
.azb-board { background: var(--azb-raised); border-radius: var(--radius-card); padding: clamp(1rem, 3vw, 2rem); border: 1px solid var(--azb-line); }
.azb-board__table { width: 100%; border-collapse: separate; border-spacing: 0 6px; font-family: var(--font-mono); }
.azb-board__caption { caption-side: top; text-align: left; padding: 0 0 var(--s-3); font: 500 var(--fs-label)/1 var(--font-mono); letter-spacing: var(--tracking-label); text-transform: uppercase; color: var(--azb-accent); }
.azb-board th { padding: 0 var(--s-3) var(--s-1); border: 0; font-size: 0.6875rem; font-weight: 500; letter-spacing: var(--tracking-label); text-transform: uppercase; color: var(--azb-muted); text-align: left; }
.azb-board td { padding: var(--s-2) var(--s-3); border: 0; background: var(--azb-surface); vertical-align: middle; font-size: var(--fs-small); }
.azb-board td:first-child { border-radius: var(--radius-input) 0 0 var(--radius-input); }
.azb-board td:last-child { border-radius: 0 var(--radius-input) var(--radius-input) 0; }
.azb-board td a { color: var(--azb-ink) !important; text-decoration: none; font-family: var(--font-body); }
.azb-board tr:hover td a { color: var(--azb-accent-hi) !important; }
.azb-flaps { display: inline-flex; gap: 3px; }
.azb-flap {
	position: relative; display: inline-grid; place-items: center; width: 1.55em; height: 2em;
	background: var(--azb-bg); border-radius: 6px; font-size: 1.125rem; font-weight: 500; color: var(--azb-ink);
	box-shadow: inset 0 -1px 0 var(--azb-line);
}
.azb-flap::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: color-mix(in srgb, var(--azb-surface) 80%, transparent); }
.azb-board__status { font-size: 0.75rem; color: var(--azb-muted); white-space: nowrap; }
.azb-board__status.is-both { color: var(--azb-ink); }
@media (max-width: 767px) {
	.azb-board__city { display: none; }
	.azb-board td, .azb-board th { padding-inline: var(--s-2); }
}

/* The board takes its minimum width from the mono type and the status column, and on phones that
   came out wider than the screen. It widened main, and the fixed header sized to that width, which
   pushed the menu button off the right edge. Let the status wrap, and scroll the card if it still
   does not fit rather than letting it push the page out. */
@media (max-width: 767px) {
	.azb-board__status { white-space: normal; }
	.azb-board { overflow-x: auto; }
}