@media (max-width: 520px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  .mcalc-page {
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
  }

  .mcalc-shell {
    width: calc(100vw - 24px);
    max-width: 1180px;
  }

  .mcalc-hero-grid > * {
    min-width: 0;
  }
}

@media (max-width: 340px) {
  .mcalc-hero h1 {
    font-size: 29px;
    letter-spacing: -0.035em;
  }
}