/* Medium blue identifies content; the existing footer remains the darkest band. */
:root{--content-blue:#245f85;--content-blue-bright:#245f85}
/* About Richard already groups these two chapters between white sections. */
body[data-page="about"] .about-section.alt{background:var(--content-blue);color:#fff}
body[data-page="about"] .about-section.alt .about-inner>h2{color:#fff}
body[data-page="about"] .about-section.alt .about-inner>p{color:#edf7fb}
body[data-page="about"] .about-section.alt .eyebrow.red{color:#ffd253}
body[data-page="about"] .about-section.alt .about-inner>p a{color:#d9f1ff;text-decoration:underline}
body[data-page="about"] .about-card{color:#13283b}
/* Pale text and links stay legible on the lighter blue surfaces. */
.about-hero h1 span,.ro-preview .ro-line strong{color:#d9f1ff}
:is(.journey-dark,.fr-dark,.cash-dark,.cash-summary,.ro-preview,.ro-results,.ro-cta,.cash-flow-calculator,.readiness-roadmap,.readiness-next,.debt-roadmap,.debt-or-down,.debt-inquiry)>.eyebrow,
:is(.journey-dark,.fr-dark,.cash-dark,.ro-results,.ro-cta)>.journey-wrap>.eyebrow,
:is(.journey-dark,.fr-dark,.cash-dark,.ro-results,.ro-cta)>.fr-wrap>.eyebrow,
:is(.journey-dark,.fr-dark,.cash-dark,.ro-results,.ro-cta)>.cash-wrap>.eyebrow,
:is(.journey-dark,.fr-dark,.cash-dark,.ro-results,.ro-cta)>.ro-wrap>.eyebrow{color:#ffd253}
.cash-flow-heading>.eyebrow,.readiness-next>.eyebrow,.debt-calculator .calculator-heading>.eyebrow{color:#ffd253}
:is(.journey-dark,.fr-dark,.cash-dark,.ro-cta) a:not(.btn){color:#d9f1ff}
:is(.journey-dark,.fr-dark,.cash-dark,.ro-cta) a:not(.btn):hover{color:#fff}
:is(.home-search,.home-video-invite) .eyebrow{color:#d9f1ff}
body[data-page="index"] .contact.page-inquiry .eyebrow.red{color:#ffd253}
/* Darker outlines work on light surfaces; yellow outlines identify blue surfaces. */
:is(.journey-dark,.fr-dark,.cash-dark,.ro-preview,.ro-results,.ro-cta,.about-hero) :focus-visible{outline-color:#ffd253}
body[data-page="index"] .home-video-invite{background:var(--content-blue)}
.visual-break .eyebrow,.rule-featured span,.growth-result>p,.prequal-result>p,
.calc-result:not(.red-result)>p,.tab,.journey-preview li span,.pathway-grid a:nth-child(2) :is(span,b),
.ownership-next-faq a,.condo-fee-source span,.comfort-results strong,
body[data-page="index"] .journey-finder .text-link,
body[data-page="index"] .contact.page-inquiry .agent-card a{color:#d9f1ff}
.roadmap-steps em,.roadmap-steps p,.process:not(.visual-roadmap) li p,
.process:not(.visual-roadmap) .process-notes p,
.debt-calculator>.calculator-note{color:#edf7fb!important}

/* Visible next steps in About Richard, scoped to the existing section. */
body[data-page="about"] .about-start-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px;max-width:1000px}
body[data-page="about"] .about-start-links a{display:flex;align-items:center;min-height:64px;padding:20px 24px;background:#fff;color:#072744;border:2px solid #fff;border-radius:8px;font-size:1rem;font-weight:800;line-height:1.5;text-decoration:none;overflow-wrap:anywhere}
body[data-page="about"] .about-start-links .about-start-primary{background:#ffd253;border-color:#ffd253;color:#072744}
body[data-page="about"] .about-start-links a:hover{background:#edf7fb;border-color:#ffd253;text-decoration:underline}
body[data-page="about"] .about-start-links a:focus-visible{outline:3px solid #ffd253;outline-offset:4px}
@media(max-width:640px){body[data-page="about"] .about-start-links{grid-template-columns:minmax(0,1fr)}body[data-page="about"] .about-start-links a{padding:18px 20px}}