/* Keep the narrowest layouts readable without hiding overflowing content. */
@media (max-width: 760px) {
  #contactForm .field input:not([type="checkbox"]):not([type="radio"]),
  #contactForm .field select,
  #contactForm .field textarea,
  #careerForm input:not([type="checkbox"]):not([type="radio"]),
  #careerForm textarea,
  #calculator input:not([type="checkbox"]):not([type="radio"]),
  #calculator select,
  #calculator textarea {
    font-size: 1rem;
  }

  #contactForm select,
  #route-filters select {
    min-height: 44px;
    height: 3rem;
  }
}

@media (max-width: 360px) {
  main,
  footer,
  .cc-banner {
    overflow-wrap: anywhere;
  }

  main .tabel-lat {
    overflow-wrap: normal;
  }

  main .cards {
    grid-template-columns: minmax(0, 1fr);
  }

  .pv-contact .cta-box .btn {
    box-sizing: border-box;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .mobile-cta .btn {
    min-width: 0;
    padding-inline: 8px;
    white-space: normal;
    overflow-wrap: anywhere;
    text-align: center;
  }

  .cc-actions {
    flex-wrap: wrap;
  }

  .cc-actions .cc-btn {
    min-width: 0;
    white-space: normal;
  }
}
