/* v6.9.379 — Fueltek site-wide typography system
   Standardises normal website headings and body copy while deliberately
   preserving the cinematic About page, the original homepage About/value block, and a handful of display components. */

:root{
  --ft-type-hero:clamp(54px,6vw,96px);
  --ft-type-h2-major:clamp(40px,4.25vw,68px);
  --ft-type-h2:clamp(34px,3.2vw,48px);
  --ft-type-h2-card:clamp(26px,2.15vw,32px);
  --ft-type-h3:clamp(24px,2vw,28px);
  --ft-type-card-title:clamp(20px,1.5vw,22px);
  --ft-type-h4:20px;
  --ft-type-body-large:18px;
  --ft-type-body:16px;
  --ft-type-body-small:14px;
  --ft-type-meta:12px;
  --ft-type-eyebrow:11px;
}

/* ---------------------------------------------------------
   Primary semantic scale — normal site pages
   --------------------------------------------------------- */
html body:not(.about-fueltek-page) main h1:not(.fueltek-home-intro-v194 *){
  font-size:var(--ft-type-hero)!important;
  line-height:.9!important;
}

html body:not(.about-fueltek-page) main h2:not(.fueltek-home-intro-v194 *){
  font-size:var(--ft-type-h2)!important;
  line-height:.98!important;
}

html body:not(.about-fueltek-page) main h3:not(.fueltek-home-intro-v194 *){
  font-size:var(--ft-type-h3)!important;
  line-height:1.08!important;
}

html body:not(.about-fueltek-page) main h4:not(.fueltek-home-intro-v194 *){
  font-size:var(--ft-type-h4)!important;
  line-height:1.15!important;
}

html body:not(.about-fueltek-page) main p:not(.fueltek-home-intro-v194 *){
  font-size:var(--ft-type-body)!important;
  line-height:1.65!important;
}

/* ---------------------------------------------------------
   Large section headings
   --------------------------------------------------------- */
html body:not(.about-fueltek-page) main .section-title > h2,
html body:not(.about-fueltek-page) main .product-section-head > h2,
html body:not(.about-fueltek-page) main .feature-heading-v191 > h2,
html body:not(.about-fueltek-page) main .product-intro-head-v191 > h2,
html body:not(.about-fueltek-page) main .local-stage-title-v302 > h2,
html body:not(.about-fueltek-page) main .client-trust > h2,
html body:not(.about-fueltek-page) main .testimonials-intro > h2,
html body:not(.about-fueltek-page) main .cta-copy > h2,
html body:not(.about-fueltek-page) main .fueltek-home-software-copy-v202 > h2,
html body:not(.about-fueltek-page) main .dist-network-copy-v328 > h2,
html body:not(.about-fueltek-page) main .dist-faq-title-v328 > h2,
html body:not(.about-fueltek-page) main .dist-apply-copy-v328 > h2,
html body:not(.about-fueltek-page) main .support-evidence-copy-v325 > h2,
html body:not(.about-fueltek-page) main .support-maintenance-copy-v325 > h2,
html body:not(.about-fueltek-page) main .support-faq-heading-v325 > h2{
  font-size:var(--ft-type-h2-major)!important;
  line-height:.94!important;
}

/* ---------------------------------------------------------
   Compact H2 contexts — cards, tools and in-panel titles
   --------------------------------------------------------- */
html body:not(.about-fueltek-page) main .feature-card-v191 > h2,
html body:not(.about-fueltek-page) main .finder-step-head > h2,
html body:not(.about-fueltek-page) main .finder-result-copy > h2,
html body:not(.about-fueltek-page) main .dist-side-v328 > h2,
html body:not(.about-fueltek-page) main .card > h2{
  font-size:var(--ft-type-h2-card)!important;
  line-height:1.02!important;
}

/* The selected hero product name is a panel label, not a page H2. */
html body main .showroom-panel-name{
  font-size:clamp(24px,2vw,30px)!important;
  line-height:1!important;
}

/* System Finder is deliberately a compact tool rather than a cinematic hero. */
html body.system-finder-page main h1:not(.fueltek-home-intro-v194 *){
  font-size:clamp(34px,4vw,48px)!important;
  line-height:.96!important;
}

/* ---------------------------------------------------------
   Card / component heading scale
   --------------------------------------------------------- */
html body:not(.about-fueltek-page) main .feature-card-v191 h3,
html body:not(.about-fueltek-page) main .detail-card h3,
html body:not(.about-fueltek-page) main .benefit-card h3,
html body:not(.about-fueltek-page) main .product-intro-card-v191 h3,
html body:not(.about-fueltek-page) main .info-card h3,
html body:not(.about-fueltek-page) main .evidence-card h3,
html body:not(.about-fueltek-page) main .spec-card h3,
html body:not(.about-fueltek-page) main .product-card-copy h3,
html body:not(.about-fueltek-page) main .video-meta h3,
html body:not(.about-fueltek-page) main .comp-card h3,
html body:not(.about-fueltek-page) main .finder-basis-card h3,
html body:not(.about-fueltek-page) main .support-card-v325 h3,
html body:not(.about-fueltek-page) main .dist-card-v328 h3,
html body:not(.about-fueltek-page) main .solution-card h3,
html body:not(.about-fueltek-page) main .package-component-v237 h3,
html body:not(.about-fueltek-page) main .package-step-v237 h3,
html body:not(.about-fueltek-page) main .package-scenario-v237 h3,
html body:not(.about-fueltek-page) main .tank-style-v237 h3{
  font-size:var(--ft-type-card-title)!important;
  line-height:1.12!important;
}

/* Compliance labels need to remain compact inside fixed cards. */
html body main .comp-card h3{
  font-size:14px!important;
  line-height:1.1!important;
}

/* ---------------------------------------------------------
   Body copy hierarchy
   --------------------------------------------------------- */
html body:not(.about-fueltek-page) main .hero-copy > p,
html body:not(.about-fueltek-page) main .section-title > p:not(.eyebrow),
html body:not(.about-fueltek-page) main .copy > p,
html body:not(.about-fueltek-page) main p.lead,
html body:not(.about-fueltek-page) main .product-intro-head-v191 > p,
html body:not(.about-fueltek-page) main .local-stage-copy-v302,
html body:not(.about-fueltek-page) main .feature-heading-v191 > p,
html body:not(.about-fueltek-page) main .cta-copy > p{
  font-size:var(--ft-type-body-large)!important;
  line-height:1.62!important;
}

html body:not(.about-fueltek-page) main .feature-card-v191 > p,
html body:not(.about-fueltek-page) main .detail-card > p,
html body:not(.about-fueltek-page) main .benefit-card > p,
html body:not(.about-fueltek-page) main .product-intro-card-v191 > p,
html body:not(.about-fueltek-page) main .info-card > p,
html body:not(.about-fueltek-page) main .evidence-card > p,
html body:not(.about-fueltek-page) main .spec-card > p,
html body:not(.about-fueltek-page) main .video-meta > p,
html body:not(.about-fueltek-page) main .comp-info > p,
html body:not(.about-fueltek-page) main .finder-basis-card > p,
html body:not(.about-fueltek-page) main .support-card-v325 > p,
html body:not(.about-fueltek-page) main .dist-card-v328 > p,
html body:not(.about-fueltek-page) main .solution-card > p,
html body:not(.about-fueltek-page) main .package-component-v237 > p,
html body:not(.about-fueltek-page) main .package-step-v237 > p,
html body:not(.about-fueltek-page) main .package-scenario-v237 > p,
html body:not(.about-fueltek-page) main .tank-style-v237 > p,
html body:not(.about-fueltek-page) main .seo-body > p{
  font-size:var(--ft-type-body-small)!important;
  line-height:1.58!important;
}

/* FAQs remain full body size for readability. */
html body:not(.about-fueltek-page) main .faq-answer p{
  font-size:var(--ft-type-body)!important;
  line-height:1.65!important;
}

/* Consistent labels / metadata. */
html body:not(.about-fueltek-page) main p.eyebrow{
  font-size:var(--ft-type-eyebrow)!important;
  line-height:1.25!important;
}

html body:not(.about-fueltek-page) main p.info-kicker,
html body:not(.about-fueltek-page) main p.step-kicker,
html body:not(.about-fueltek-page) main p.local-note,
html body:not(.about-fueltek-page) main p.content-note,
html body:not(.about-fueltek-page) main p.evidence-note,
html body:not(.about-fueltek-page) main p.page-note{
  font-size:var(--ft-type-meta)!important;
  line-height:1.5!important;
}

/* ---------------------------------------------------------
   Responsive floor: preserve hierarchy without oversized mobile text
   --------------------------------------------------------- */
@media(max-width:760px){
  :root{
    --ft-type-body-large:16px;
    --ft-type-body:15px;
    --ft-type-body-small:14px;
  }

  html body:not(.about-fueltek-page) main h1:not(.fueltek-home-intro-v194 *){
    font-size:54px!important;
  }

  html body:not(.about-fueltek-page) main h2:not(.fueltek-home-intro-v194 *){
    font-size:34px!important;
  }

  html body:not(.about-fueltek-page) main .section-title > h2,
  html body:not(.about-fueltek-page) main .product-section-head > h2,
  html body:not(.about-fueltek-page) main .feature-heading-v191 > h2,
  html body:not(.about-fueltek-page) main .product-intro-head-v191 > h2,
  html body:not(.about-fueltek-page) main .local-stage-title-v302 > h2,
  html body:not(.about-fueltek-page) main .client-trust > h2,
  html body:not(.about-fueltek-page) main .testimonials-intro > h2,
  html body:not(.about-fueltek-page) main .cta-copy > h2{
    font-size:40px!important;
  }

  html body:not(.about-fueltek-page) main h3:not(.fueltek-home-intro-v194 *){
    font-size:24px!important;
  }

  html body:not(.about-fueltek-page) main .feature-card-v191 h3,
  html body:not(.about-fueltek-page) main .detail-card h3,
  html body:not(.about-fueltek-page) main .benefit-card h3,
  html body:not(.about-fueltek-page) main .product-intro-card-v191 h3,
  html body:not(.about-fueltek-page) main .info-card h3,
  html body:not(.about-fueltek-page) main .evidence-card h3,
  html body:not(.about-fueltek-page) main .spec-card h3,
  html body:not(.about-fueltek-page) main .product-card-copy h3,
  html body:not(.about-fueltek-page) main .video-meta h3,
  html body:not(.about-fueltek-page) main .finder-basis-card h3,
  html body:not(.about-fueltek-page) main .support-card-v325 h3,
  html body:not(.about-fueltek-page) main .dist-card-v328 h3,
  html body:not(.about-fueltek-page) main .solution-card h3{
    font-size:20px!important;
  }

  html body.system-finder-page main h1:not(.fueltek-home-intro-v194 *){
    font-size:34px!important;
  }
}