/* line G, 2026-10-09: small hand fixes on top of the imported styles (loaded after brand.css, before the generated dark.css,
   which derives the dark versions of these rules too). */
:root{--sf-built-text:#00776e;--sf-coming-text:#68649e;--sf-muted-text:#475a68;--sf-teal-text:#2f6b63}
/* headings wrap in balanced lines instead of leaving one word alone (the home title at 390px) */
h1,h2,h3{text-wrap:balance}
/* /status: "built" reads in the built teal, "coming" keeps the roadmap violet */
.roadmap-prototype .roadmap-heading .eyebrow{color:var(--sf-built-text)}
.roadmap-development .roadmap-heading .eyebrow{color:var(--sf-coming-text)}

/* WCAG AA (4.5:1 for small text) - the imported light theme set these small labels in greys of 2.7-4.4:1 (browser probe 2026-10-09) */
.handoff-ref span,.location-code,.cycle-ledger p,.audience-tabs button span,.photo-caption,.roadmap-list li>span,.atlas-map a span,
.card-number,.capability-grid article span,.capability-grid article p,.paper-heading small,.pricing-scope-visual span,
.brief-path span,.brief-path small{color:var(--sf-muted-text)!important}
.process-ribbon span{color:var(--sf-teal-text)!important}
/* the same, on the navy bands (module page "connections", contact aside): pale text instead of dark grey / dark teal */
.module-connections .eyebrow{color:#5fd3c6!important}
.contact-aside>p,.contact-aside>p strong{color:#c9d6e2!important}