@media (max-width: 560px) {
  .decision-path {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 6px;
    padding: 0 18px 28px;
  }

  .decision-path div {
    grid-column: span 2;
    min-width: 0;
    min-height: 50px;
    padding: 7px 4px;
    font-size: 12px;
    line-height: 1.25;
  }

  .decision-path div:nth-child(5) {
    grid-column: 2 / span 2;
  }

  .merchant-flow-section + .section {
    padding-top: 36px;
  }

  .merchant-flow-section + .section .section-heading {
    margin-bottom: 20px;
  }

  .breakpoint-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .breakpoint-grid article {
    min-width: 0;
    min-height: 108px;
    padding: 14px;
  }

  .breakpoint-grid article h3 {
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 1.35;
  }

  .breakpoint-grid article p {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1.4;
  }

  .statement {
    margin-top: 20px;
    padding: 18px;
    font-size: 21px;
  }
}

@media (max-width: 360px) {
  .decision-path div {
    font-size: 11px;
  }

  .breakpoint-grid article {
    padding: 12px;
  }

  .breakpoint-grid article h3 {
    font-size: 15px;
  }
}