/* ═══════════════════════════════════════════════════════════════════
   Extracted from resources/views/timings/show.blade.php
   Previously 2 inline <style> blocks, re-sent on every render and
   uncacheable. Blocks are concatenated in their original source order,
   so the cascade within the page is unchanged.
   ═══════════════════════════════════════════════════════════════════ */

/* ── block 1 of 2 ───────────────────────────────── */
/* Operator Timings Show - Mobile */
@media (max-width: 768px) {
  .card-fare-group .card-header {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .fare-result-table td,
  .fare-result-table th {
    padding: 0.75rem 0.75rem !important;
    font-size: 0.82rem !important;
  }
}
@media (max-width: 480px) {
  .fare-result-table td,
  .fare-result-table th {
    padding: 0.5rem 0.5rem !important;
    font-size: 0.78rem !important;
  }
}

/* ── block 2 of 2 ───────────────────────────────── */
@keyframes pulse{0%{transform:scale(.9);opacity:.6}50%{transform:scale(1.15);opacity:1}100%{transform:scale(.9);opacity:.6}}