/* Cardstop V76 — length-aware, one-line H1 treatment for top-level mobile pages. */
@media (max-width: 720px) {
  .market-page .market-hero h1,
  body[data-cardstop-page="hub"] .archive-intro .intro-copy h1,
  .about-v64 .about-simple-hero h1,
  .news-v65 .news-intro-v64 h1 {
    max-width: 100%;
    overflow: visible;
    font-weight: 950;
    line-height: 1;
    text-overflow: clip;
    white-space: nowrap;
  }

  html[lang^="zh"] .market-page .market-hero h1 {
    font-size: clamp(27px, 8.4vw, 34px);
    letter-spacing: -.055em;
  }

  html[lang^="en"] .market-page .market-hero h1 {
    font-size: clamp(20px, 6.35vw, 27px);
    letter-spacing: -.05em;
  }

  html[lang^="zh"] body[data-cardstop-page="hub"] .archive-intro .intro-copy h1 {
    font-size: clamp(17px, 5.55vw, 23px);
    letter-spacing: -.045em;
  }

  html[lang^="en"] body[data-cardstop-page="hub"] .archive-intro .intro-copy h1 {
    font-size: clamp(15.5px, 4.9vw, 21px);
    letter-spacing: -.045em;
  }

  html[lang^="zh"] .about-v64 .about-simple-hero h1 {
    margin: 10px 0 19px;
    font-size: clamp(20px, 6.1vw, 28px);
    letter-spacing: -.055em;
  }

  html[lang^="en"] .about-v64 .about-simple-hero h1 {
    margin: 10px 0 19px;
    font-size: clamp(20px, 6vw, 28px);
    letter-spacing: -.055em;
  }

  .news-v65 .news-intro-v64 h1 {
    font-size: clamp(30px, 9vw, 36px);
    letter-spacing: -.055em;
  }
}

@media (max-width: 340px) {
  html[lang^="zh"] body[data-cardstop-page="hub"] .archive-intro .intro-copy h1 {
    font-size: 17px;
  }

  html[lang^="en"] body[data-cardstop-page="hub"] .archive-intro .intro-copy h1 {
    font-size: 15.5px;
  }
}
