/* =========================================================
   Adplot — responsive refinements
   Core responsive behaviour ships with the utility classes in
   style.css; these are small device-specific safeguards.
   ========================================================= */

/* Horizontal process track scrolls natively on small screens. */
@media (max-width: 767px) {
  [data-process-track] {
    transform: none !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
  }
  [data-process-track] > * {
    scroll-snap-align: start;
  }
}

/* Hide the custom cursor on touch devices. */
@media (hover: none) {
  [data-cursor] {
    display: none !important;
  }
}

/* Keep long words from breaking narrow layouts. */
@media (max-width: 400px) {
  h1,
  h2,
  h3 {
    overflow-wrap: anywhere;
  }
}