/* Help: phones and tablets (up to 960px) - the 320px look, scaled to every width */
@media (max-width: 960px) {
  .spkfaq-stats { container-type: inline-size; }
  /* heading on one row, filling the width */
  h1.spkfaq-up { white-space: nowrap; font-size: calc((100vw - 36px) / 10.9) !important; letter-spacing: -0.02em !important; }
  /* sentence in two rows, filling the width */
  h1.spkfaq-up + p { max-width: none !important; text-wrap: balance; font-size: calc((100vw - 36px) / 20.3) !important; line-height: 1.5 !important; }
  /* stats: 2 x 2 cards plus a full-width fifth card, everything scaled with the width */
  .spkfaq-stats { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: calc(100cqw * 0.0246) !important; }
  .spkfaq-stat { min-width: 0 !important; width: auto !important; margin: 0 !important; padding: calc(100cqw * 0.042) 8px !important; }
  .spkfaq-stat:last-child { grid-column: 1 / -1; }
  .spkfaq-stat b { font-size: calc(100cqw / 14.95) !important; }
  .spkfaq-stat small { white-space: nowrap; font-size: calc(100cqw / 27) !important; }
}
/* Tablets and 1024: "4+ Programs" and "100% Placement Assurance" swap places
   (100% becomes the last card - the full-width one on tablets) */
@media (min-width: 600px) and (max-width: 1199px) {
  .spkfaq-stat:nth-child(1) { order: 1; }
  .spkfaq-stat:nth-child(2) { order: 5; }
  .spkfaq-stat:nth-child(3) { order: 3; }
  .spkfaq-stat:nth-child(4) { order: 4; }
  .spkfaq-stat:nth-child(5) { order: 2; }
}
@media (min-width: 600px) and (max-width: 960px) {
  .spkfaq-stat:last-child { grid-column: auto; }
  .spkfaq-stat:nth-child(2) { grid-column: 1 / -1; }
}