/* UVs Tool Hub v77: readable hero text against its actual surface.
   Keep this stylesheet after the page and brand styles. Diagnostic colors,
   user-selected artwork colors, and calculation controls are unchanged. */

/* Dark navy heroes: headings, descriptions and navigation need light text. */
.hero>.container,
.page-hero>.container{position:relative;z-index:1}
.hero::before,
.hero::after,
.page-hero::before,
.page-hero::after{pointer-events:none}
.hero h1{color:#fff}
.hero p,
.hero .lead,
.hero .orient74-description,
.hero .jpeg73-description{color:#e4eaf4}
.hero .eyebrow{color:#fff2d1}
.hero .fr-eyebrow{color:#ffe2a8}
.hero .hero-chip,
.hero .hero-stat span{color:#e4eaf4}
.hero .hero-chip:hover,
.hero .hero-chip:focus-visible{color:#fff2d1;border-color:#e6c77f}
.hero .breadcrumbs,
.hero .breadcrumbs a,
.hero .breadcrumbs span{color:#dce5f4}
.hero .breadcrumbs a:hover,
.hero .breadcrumbs a:focus-visible{color:#ffe2a8;text-decoration:underline;text-underline-offset:3px}

/* White badges must not inherit the dark hero's white foreground. */
.hero .hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.hero .hero-badges .trust-badge,
.hero .fr-pills span{color:#243451;background:#fff;border-color:#e4e7ed;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.hero .fr-pills{margin-top:22px}

/* This keyboard hint is hidden on small phones but visible on tablet/desktop. */
.tool-search .key{color:#465168}

/* The standard light hero uses cream/white surfaces. Strengthen small muted
   text so it also remains readable on the cream end of that gradient. */
.page-hero .lead,
.page-hero .breadcrumbs,
.page-hero .breadcrumbs a,
.studio-hero p,
.studio-hero .breadcrumbs,
.studio-hero .breadcrumbs a,
.studio-hero .breadcrumbs span{color:#465168}
.page-hero .trust-badge{color:#53617a}
.page-hero .breadcrumbs span.sep{color:#755620}
.page-hero .breadcrumbs a:hover,
.page-hero .breadcrumbs a:focus-visible,
.studio-hero .breadcrumbs a:hover,
.studio-hero .breadcrumbs a:focus-visible{color:#14203a;text-decoration:underline;text-underline-offset:3px}

/* These overrides have no viewport dependency: the same color pairings hold
   when badges wrap on mobile and tablet, and on a wide desktop hero. */