/* Preview candidate only. Packaging index mobile first fold; desktop unchanged. */
@media (max-width: 720px) {
  /* The category tagline repeats the hero and costs two lines on narrow screens. */
  body .sp-topline {
    display: none !important;
  }

  body .sp-header {
    padding: 10px 16px;
    row-gap: 8px;
  }

  body .sp-nav {
    padding-top: 3px;
    padding-bottom: 3px;
  }

  body .sp-hero {
    padding-top: 22px;
    padding-bottom: 30px;
    gap: 20px;
  }

  body .sp-hero p {
    margin-top: 18px;
    margin-bottom: 22px;
  }

  body .sp-hero h1 {
    font-size: clamp(34px, 9.75vw, 38px) !important;
    line-height: 1.08 !important;
  }
}