@import url("styles-base.css");
@import url("mobile-fix.css");

/* Narrow-screen safeguards discovered during the 320px QA pass. */
@media (max-width: 360px) {
  .price-card,
  .mission-card,
  .mission-principles,
  .principle-card {
    min-width: 0 !important;
  }

  .price-card {
    overflow: hidden;
    padding-right: 22px !important;
    padding-left: 22px !important;
  }

  .price-row {
    align-items: flex-start !important;
    flex-direction: column;
  }

  .price-unit {
    padding-bottom: 0 !important;
  }

  .mission-card h2 {
    font-size: 1.95rem !important;
    overflow-wrap: anywhere;
  }
}