/* v461G — Unified subpage hero title sizing refinement
   Goal: tighten customer-facing hero headings so they feel consistent,
   cleaner, and less oversized across all main public subpages. */

:root{
  --vge-subpage-hero-h1-size: clamp(32px, 2.7vw, 44px);
  --vge-subpage-hero-h1-line: 1.08;
}

body:not(.home-page):not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .page-hero h1,
body:not(.home-page):not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .form-shell > h1,
body:not(.home-page):not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .fees-hero-copy-v286G h1,
body:not(.home-page):not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .faq-hero-copy-v290G h1,
body:not(.home-page):not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .contact-hero h1,
body:not(.home-page):not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .urgent-hero h1,
body:not(.home-page):not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .addon-hero h1{
  font-size: var(--vge-subpage-hero-h1-size) !important;
  line-height: var(--vge-subpage-hero-h1-line) !important;
  letter-spacing: -0.038em !important;
}

body:has(.faq-expanded-page) .faq-hero-copy-v290G h1,
.faq-hero-copy-v290G h1{
  max-width: 11.8ch !important;
  margin: 8px 0 12px !important;
}

body:has(#trackingForm) .form-shell > h1,
body:has(.contact-hero) .contact-hero h1{
  margin-bottom: 16px !important;
}

/* Keep long hero headlines tidy without forcing awkward over-wrapping. */
body .page-hero.urgent-hero h1{
  max-width: 12.2ch !important;
}

body .page-hero.addon-hero h1{
  max-width: 14.2ch !important;
}

/* Give the Add-on hero slightly more text room so the heading does not break into too many lines. */
body.addon-page .addon-hero-grid{
  grid-template-columns: minmax(0, 1.06fr) minmax(520px, .94fr) !important;
  align-items: center !important;
}

body.addon-page .addon-hero .urgent-visual-card{
  max-width: 600px !important;
  margin-left: auto !important;
}

@media (max-width: 1100px){
  body.addon-page .addon-hero-grid{
    grid-template-columns: 1fr !important;
  }

  body.addon-page .addon-hero .urgent-visual-card{
    max-width: 100% !important;
  }
}

@media (max-width: 980px){
  :root{
    --vge-subpage-hero-h1-size: clamp(30px, 6vw, 38px);
    --vge-subpage-hero-h1-line: 1.1;
  }

  body .page-hero.addon-hero h1,
  body .page-hero.urgent-hero h1{
    max-width: none !important;
  }
}