/* Responsive hardening — applied after style.min.css on every page.
   Fixes horizontal overflow caused by timeline internals overflowing
   their boxes on small screens (documentElement.scrollWidth > viewport)
   without changing the desktop layout. */

html,
body {
  overflow-x: clip;
}

@media (max-width: 900px) {
  .ticket-timeline {
    overflow-x: clip;
  }
}

@media (max-width: 640px) {
  .tt-phases,
  .tt-phase,
  .tt-body {
    overflow-x: clip;
  }
  .svc-visual,
  .svc-visual svg {
    max-width: 100%;
    height: auto;
  }
  .svc-visual svg {
    width: 100%;
  }
}