.flights-page { max-width: 1160px; padding-top: 24px; }
.flights-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-bottom: 22px; border-bottom: 1px solid var(--line); }
.flights-brand { display: inline-flex; align-items: center; gap: 12px; color: var(--ink); font-size: 17px; font-weight: 850; text-decoration: none; white-space: nowrap; }
.flights-brand .traffic-logo { width: 40px; height: 40px; }
.flights-header .site-section-nav { margin-top: 0; }
.flights-hero { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 48px 0 28px; }
.flights-hero h1 { margin: 10px 0 12px; font-size: clamp(38px, 5.4vw, 60px); }
.flights-hero p { font-size: 17px; }
.flights-clock { display: grid; gap: 2px; min-width: 175px; padding: 14px 18px; border: 1px solid var(--line); border-radius: 9px; background: var(--panel); text-align: right; }
.flights-clock span { color: var(--muted); font-size: 11px; font-weight: 700; }
.flights-clock strong { color: var(--accent-deep); font-size: 29px; font-variant-numeric: tabular-nums; line-height: 1.2; }
.flights-page .weather-widget { margin: 0 0 20px; }
.flights-board { padding: 24px; border: 1px solid var(--line); border-radius: 9px; background: var(--panel); box-shadow: 0 12px 34px var(--shadow); }
.flights-board-heading { display: flex; align-items: end; justify-content: space-between; gap: 16px; }
.flights-board-heading h2 { margin: 4px 0 0; font-size: clamp(23px, 2.7vw, 31px); }
.flight-tabs { display: inline-flex; gap: 5px; margin: 22px 0 16px; padding: 5px; border: 1px solid var(--line); border-radius: 9px; background: var(--panel-strong); }
.flight-tabs button { padding: 9px 18px; border-radius: 6px; background: transparent; color: var(--muted); font: inherit; font-weight: 800; }
.flight-tabs button[aria-selected="true"] { background: var(--accent); color: #fff; }
.flight-tabs button:focus-visible { outline: 2px solid var(--accent-secondary); outline-offset: 2px; }
.flight-panel { min-width: 0; }
.flight-panel iframe { display: block; width: 100%; height: 650px; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
/* Avionio's cross-origin embed has no dark palette; transform its light board only in dark mode. */
:root[data-theme="dark"] .flight-panel iframe { filter: invert(.92) hue-rotate(180deg); }
.flight-source a { color: var(--accent-deep); font-size: 12px; font-weight: 750; text-decoration: none; }
.flight-source a:hover { text-decoration: underline; text-underline-offset: 3px; }
.flight-source { margin-top: 18px; font-size: 12px; }
@media (max-width: 700px) { .flights-header { align-items: flex-start; flex-direction: column; gap: 12px; } .flights-hero { align-items: flex-start; padding: 32px 0 22px; } .flights-clock { min-width: 140px; } }
@media (max-width: 560px) {
  .flights-page { padding: 20px 16px 55px; }
  .flights-hero { flex-direction: column; gap: 16px; }
  .flights-hero p { font-size: 14px; }
  .flights-clock { width: 100%; text-align: left; }
  .flights-board { margin-inline: -16px; padding: 16px 0; }
  .flights-board-heading, .flight-tabs, .flight-source { margin-inline: 16px; }
  .flights-board-heading { align-items: flex-start; flex-direction: column; gap: 4px; }
  .flight-tabs { display: flex; }
  .flight-tabs button { flex: 1; }
  .flight-panel iframe { height: 560px; border-right: 0; border-left: 0; border-radius: 0; }
}