/* Use the same brand teal for highlighted headline characters and hero accents.
   Paragraph copy and functional links on white retain darker, readable blues. */
:root { --brand-highlight: #4CC9F0; }
.editorial-masthead h1 span,
.about-masthead h1 > span:first-child,
.about-period,
.news-masthead-the,
.news-masthead-period,
.home-editorial #home-importer-title .importer-heading-highlight,
.home-editorial .hero-brand-name-cold { color: var(--brand-highlight); }
.editorial-hero :is(.fs-hero-eyebrow, .svc-hero-eyebrow, .editorial-hero-eyebrow),
.editorial-hero .contact-hero-info-item i { color: var(--brand-highlight); }
/* Owner-selected Home accents: the three importer labels, bridge link, and six facility figures. */
.home-editorial #home-importer-advantages .importer-col-title,
.home-editorial #home-importer-advantages .home-port-link,
.home-editorial #home-importer-advantages .home-port-link:hover,
.home-editorial #home-facility-stats .stat-number { color: var(--brand-highlight); }
/* Home service overview: heading kicker, all six figure/label pairs, and card actions. */
.home-editorial #home-services .home-section-kicker,
.home-editorial #home-services .home-service-metric strong,
.home-editorial #home-services .home-service-metric span { color: var(--brand-highlight); }
/* Deliberate exception: the three Explore actions use black type. */
.home-editorial #home-services .home-service-link { color: #000; }
/* Normalize remaining colored text accents on the active pages. Neutral body copy,
   white-on-dark actions, and dark near-black headings keep their original colors. */
.home-editorial :is(.home-certification-pill, .home-contact-links a),
.about-editorial-page :is(.about-eyebrow, .about-text-link, .about-text-link span, .about-contact-actions > a:last-child),
.about-story-intro-copy a,
.editorial-hero :is(.fs-audit-contact-link, .fs-audit-contact, .svc-accolade-rank, .svc-accolade-stat-num),
.editorial-header-page :is(.svc-split-eyebrow, .svc-closing-eyebrow, .svc-closing-phone, .fs-statement-eyebrow),
.story-explorer .explorer-category,
.story-explorer .explorer-card-state,
.story-card :is(.story-eyebrow, .story-eyebrow a),
.story-section .story-kicker,
.story-cta-phone a,
.port-story-related a,
.eth-producer-col--high .eth-producer-col-head,
.eth-producer-col--low .eth-producer-col-head,
.story-eth-badge--high,
.story-eth-badge--med,
.story-eth-badge--low { color: var(--brand-highlight); }
