/* ============================================================
   source layer: hub-hero-align-20260523r59.css
   ============================================================ */
/* iWander hub hero alignment — 2026-05-23 r59 */
:root {
  --iw-hub-hero-title-size: clamp(52px, 8.4vw, 96px);
  --iw-hub-hero-title-size-long: clamp(42px, 7.5vw, 76px);
  --iw-hub-hero-top: clamp(64px, 8vw, 86px);
  --iw-hub-hero-bottom: clamp(34px, 4vw, 42px);
  --iw-hub-hero-width: 760px;
}

body.articles-page .page-head,
body.buyguide-page .buyguide-hero,
body.product-db-page .product-db-hero,
main.rumor-page > .product-db-hero.rumor-hero {
  padding-top: var(--iw-hub-hero-top);
  padding-bottom: var(--iw-hub-hero-bottom);
  text-align: center;
}

body.articles-page .page-head > .container,
body.buyguide-page .buyguide-hero__inner,
body.product-db-page .product-db-hero > .container,
main.rumor-page > .product-db-hero.rumor-hero > .container {
  width: min(100%, var(--iw-hub-hero-width));
  max-width: var(--iw-hub-hero-width);
  margin-right: auto;
  margin-left: auto;
  padding-right: 24px;
  padding-left: 24px;
}

body.articles-page .page-eyebrow,
body.buyguide-page .buyguide-hero__kicker,
body.product-db-page .product-db-hero .product-kicker,
main.rumor-page > .rumor-hero .product-kicker,
body.performance-map-page .performance-kicker {
  margin-bottom: 10px;
  font-family: var(--font-product-display, var(--font-display, var(--f-heading)));
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

body.articles-page .page-title,
body.buyguide-page .buyguide-hero__title,
main.rumor-page > .rumor-hero h1 {
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  font-family: var(--font-product-display, var(--font-display, var(--f-heading)));
  font-size: var(--iw-hub-hero-title-size);
  font-weight: 700;
  line-height: 0.94;
  letter-spacing: 0;
  overflow-wrap: normal;
  text-align: center;
}

body.product-db-page .product-db-hero h1 {
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  font-family: var(--font-product-display, var(--font-display, var(--f-heading)));
  font-size: var(--iw-hub-hero-title-size-long);
  font-weight: 700;
  line-height: 0.94;
  letter-spacing: 0;
  overflow-wrap: normal;
  text-align: center;
}

body.articles-page .page-lead,
body.buyguide-page .buyguide-hero__sub,
body.buyguide-page .buyguide-hero__lead,
body.product-db-page .product-db-hero p,
main.rumor-page > .rumor-hero p:not(.product-kicker) {
  max-width: 660px;
  margin-right: auto;
  margin-left: auto;
}

body.performance-map-page .performance-hero {
  padding-top: clamp(58px, 7vw, 76px);
  padding-bottom: clamp(32px, 4vw, 40px);
}

body.performance-map-page .performance-hero__grid {
  grid-template-columns: minmax(0, 960px);
}

body.performance-map-page .performance-hero h1 {
  font-size: clamp(60px, 8.8vw, 108px);
  line-height: 0.94;
  letter-spacing: 0;
}

@media (max-width: 699px) {
  :root {
    --iw-hub-hero-title-size: clamp(48px, 15vw, 62px);
    --iw-hub-hero-title-size-long: clamp(36px, 10vw, 46px);
    --iw-hub-hero-top: 58px;
    --iw-hub-hero-bottom: 30px;
  }

  body.articles-page .page-head > .container,
  body.buyguide-page .buyguide-hero__inner,
  body.product-db-page .product-db-hero > .container,
  main.rumor-page > .product-db-hero.rumor-hero > .container {
    padding-right: 18px;
    padding-left: 18px;
  }

  body.performance-map-page .performance-hero h1 {
    font-size: clamp(50px, 14vw, 64px);
  }
}