/* Keep the Tour homepage hero comfortable on narrow phones. */
@media (max-width: 599px) {
  body:has(img[data-tour-landing-hero]) #app header .hp-standalone-single-row-header > a:first-child {
    width: 170px;
  }

  #app section:has(img[data-tour-landing-hero]) {
    padding-top: 40px;
    padding-bottom: 42px;
  }

  #app section:has(img[data-tour-landing-hero]) > div:last-child > p:first-child {
    gap: 6px;
    padding: 6px 12px;
    font-size: 11px;
    letter-spacing: 0.12em;
  }

  #app section:has(img[data-tour-landing-hero]) h1 {
    margin-top: 18px;
    font-size: 28px;
    line-height: 1.16;
  }

  #app section:has(img[data-tour-landing-hero]) h1 + p {
    margin-top: 15px;
    font-size: 14px;
    line-height: 21px;
  }

  #app section:has(img[data-tour-landing-hero]) h1 + p + div {
    margin-top: 20px;
    gap: 10px;
    align-items: center;
  }

  #app section:has(img[data-tour-landing-hero]) h1 + p + div > a {
    width: min(88%, 320px);
    min-height: 48px;
    padding: 8px 16px;
    font-size: 14px;
  }

  #app section:has(img[data-tour-landing-hero]) h1 + p + div > a svg {
    width: 18px;
    height: 18px;
  }

  #app section:has(img[data-tour-landing-hero]) h1 + p + div + p {
    margin-top: 13px;
    font-size: 12px;
  }

  #app section:has(img[data-tour-landing-hero]) h1 + p + div + p + p {
    font-size: 12px;
    line-height: 18px;
  }
}