/* A compact card list makes live flight details readable without horizontal scrolling. */
.flights-cards,
.flights-more { display: none; }

@media (max-width: 700px) {
  .flights-panel .table-scroll { display: none; }
  .flights-cards:not([hidden]) {
    display: grid;
    list-style: none;
    margin: 0;
    padding: 12px;
    gap: 10px;
  }
  .flight-card {
    border: 1px solid var(--line);
    border-inline-start: 3px solid var(--red);
    padding: 15px;
    background: #fff;
  }
  .flight-card h3 { font-size: 1.08rem; color: var(--deep); margin: 0 0 4px; }
  .flight-card p { font-size: .85rem; color: var(--muted); margin: 0 0 12px; }
  .flight-card dl { margin: 0; display: grid; gap: 6px; }
  .flight-card dl > div { display: flex; justify-content: space-between; gap: 12px; font-size: .85rem; }
  .flight-card dt { color: var(--muted); }
  .flight-card dd { margin: 0; text-align: end; font-weight: 700; }
  .flights-more:not([hidden]) {
    display: block;
    margin: 12px auto 20px;
    padding: 10px 18px;
    border: 1px solid var(--navy);
    background: white;
    color: var(--navy);
    font-weight: 700;
    cursor: pointer;
  }
  .flights-more:hover,
  .flights-more:focus-visible { background: var(--navy); color: white; }
}