@container (max-width: 430px) {
  .step-tag {
    top: 76px;
  }

  .question-step-title,
  .info-title,
  .progress-step-title,
  .great-news-title,
  .filing-title,
  .journey-title,
  .warning-title,
  .relationship-title,
  .email-title,
  .paywall-title {
    font-size: 28px;
    letter-spacing: -0.02em;
  }

  .great-news-title {
    font-size: 32px;
  }

  .active-cases-title-line--main {
    font-size: 44px;
  }

  .active-cases-title-line--small {
    font-size: 18px;
  }

  .question-step-title--delivery {
    top: 216px;
    font-size: 28px;
    line-height: 1.2;
  }

  .question-step-title {
    top: 216px;
    left: var(--padding);
    right: var(--padding);
    width: auto;
  }

  .question-step-title--compact {
    top: 260px;
  }

  .question-step-art,
  .info-step-art,
  .progress-step-art,
  .sequence-step-art,
  .filing-art,
  .family-art {
    width: min(406px, calc(100% - (var(--padding) * 2)));
  }

  .info-step-content,
  .progress-step-content,
  .great-news-copy,
  .filing-copy,
  .journey-copy,
  .relationship-copy,
  .family-copy,
  .email-copy {
    left: var(--padding);
    right: var(--padding);
    width: auto;
  }

  .is-green-lg {
    font-size: 62px;
  }

  .is-indigo-xl {
    font-size: 48px;
  }

  .info-pill,
  .warning-pill,
  .great-news-badge,
  .family-pill {
    font-size: 26px;
  }

  .great-news-badge {
    font-size: 28px;
  }

  .info-amount {
    font-size: 42px;
  }

  .info-amount--large {
    font-size: 58px;
  }

  .status-section,
  .status-section--be-first {
    left: var(--padding);
    right: var(--padding);
  }

  .sequence-step-title {
    top: 260px;
    left: var(--padding);
    right: var(--padding);
    width: auto;
    font-size: 28px;
  }

  .great-news-chart {
    left: var(--padding);
    right: var(--padding);
    top: 450px;
  }

  .great-news-footnote {
    left: var(--padding);
    right: var(--padding);
    top: 748px;
  }

  .journey-options,
  .relationship-options,
  .email-field-wrap,
  .email-action {
    left: var(--padding);
    right: var(--padding);
    width: auto;
  }

  .paywall-step {
    padding: 114px var(--padding) 34px;
  }

  .paywall-v2-step {
    padding: 20px var(--padding) 34px;
  }

  .paywall-v2-top-row {
    gap: 10px;
  }

  .paywall-v2-countdown {
    width: 149px;
  }

  .paywall-v2-countdown-value {
    font-size: 30px;
  }

  .paywall-v2-pill-line {
    font-size: 26px;
  }

  .paywall-v2-highlight-title {
    font-size: 24px;
  }

  .paywall-v2-plan-title {
    font-size: 18px;
  }

  .paywall-v2-plan-price-main {
    font-size: 24px;
  }

  .paywall-v2-plan-per-day-amount {
    font-size: 22px;
  }

  .paywall-v2-feedback-title {
    font-size: 28px;
  }
}