/* ==========================================================================
 * Info Card Overrides
 * ========================================================================== */

/*
  Add WCAG Reflow Compliance
  While WCAG Reflow (SC 1.4.10) specifically requires support up to 400% zoom,
  applied reflow styles starting at 250% zoom, since some elements are cut off
  or difficult to use even at that level.
  At 250% zoom on a 1280px screen, the effective CSS width is about 512px.
*/
@media (max-width: $reflow-zoom-level--250) {
  .mds-c-info-card {
    &__title,
    &__subtitle {
      white-space: normal;
    }
  }
}