/* /lib/workspace-hero.css — canonical hero scale (single source of truth).
   Normalizes hero typography + spacing platform-wide to the generous Legal-Support
   scale. Targets BOTH the .hero-h1 class and a bare <h1> inside .hero (tools pages),
   and both eyebrow conventions (.hero-eyebrow / .hero-eye). Per-page accent colors
   are NOT touched. Loaded after inline <style> so it wins legacy rules. */
.hero-eyebrow, .hero-eye{ font-size:.66rem !important; letter-spacing:.16em !important; margin-bottom:14px !important; padding:6px 16px !important; border-radius:100px !important; }
.hero-h1, .hero h1{ font-size:1.85rem !important; font-weight:700 !important; line-height:1.12 !important; letter-spacing:-.03em !important; margin-bottom:14px !important; }
@media (min-width:600px){ .hero-h1, .hero h1{ font-size:2.55rem !important; } }
@media (min-width:1024px){ .hero-h1, .hero h1{ font-size:2.95rem !important; } }
.hero-sub{ font-size:1rem !important; line-height:1.7 !important; max-width:620px !important; margin:0 auto 20px !important; }

/* Section heads (below hero) — unify eyebrow color + heading size platform-wide. */
.sec-eye{ color:var(--gold-lt,#fbbf24) !important; font-size:.66rem !important; letter-spacing:.14em !important; }
.sec-h2, .dash-overview-h{ font-size:1.55rem !important; line-height:1.2 !important; letter-spacing:-.02em !important; }
@media (min-width:768px){ .sec-h2, .dash-overview-h{ font-size:1.85rem !important; } }

/* Hero container — unify vertical padding (height) across all pages. */
.hero{ padding:40px 24px 26px !important; }
@media (max-width:600px){ .hero{ padding:30px 18px 20px !important; } }