/* Final MyLoanAlert layer: public presentation only; calculator logic and data keys stay unchanged. */
:root{--navy:#08295c;--ink:#19375e;--muted:#52657c;--teal:#08782e;--signal:#199b43;--paper:#f2f5f7;--panel:#fff;--soft:#edf5ef;--line:#d9e2e9;--focus:#199b43}
body{background:var(--paper);color:var(--ink)}
a{color:#08782e}.site-header{border-color:var(--line)}.brand img,.footer-brand img{width:min(363px,56vw);height:auto}.coverage-strip{background:#08295c}.coverage-strip span:not(:last-child)::after{background:#199b43}
.hero{background-color:#08295c}.hero h1 em,.hero .eyebrow{color:#199b43}.hero .intro{color:#e5edf4}.button,[data-refinancenews-calculator] button{background:#08782e;color:#fff}.hero-actions .button:first-child{background:#199b43;color:#fff}.button-outline{border-color:#fff;color:#fff}.hero-ai{border-top-color:#199b43;box-shadow:14px 14px 0 rgba(25,155,67,.18)}.hero-ai .button{background:#08295c;color:#fff}
.eyebrow{color:#08782e}.content-card,.setup-note,.ai-plan,.page-numbers{border-color:var(--line)}.ai-member,[data-refinancenews-calculator] [data-result]{background:var(--soft);border-color:#b9d9c3}.source-box{border-left-color:#199b43}.page-numbers.current{background:#08295c;color:#fff}
[data-refinancenews-calculator]{border-top-color:#199b43;background:#fff}[data-refinancenews-calculator] input,[data-refinancenews-calculator] textarea,[data-refinancenews-calculator] select{border-color:#9cb0bd;background:#fff;color:#19375e}[data-refinancenews-calculator] input:focus,[data-refinancenews-calculator] textarea:focus,[data-refinancenews-calculator] select:focus{border-color:#08782e;box-shadow:0 0 0 3px rgba(25,155,67,.2);outline:0}[data-refinancenews-calculator] dt,[data-refinancenews-calculator] dd{border-color:#d9e2e9}
.rn-calc-dropdown,.rn-small-dropdown{border-color:#d9e2e9}.rn-menu-link:hover,.rn-menu-link:focus{background:#edf5ef}.rn-menu-note{color:#52657c}.rn-account-link{background:#08295c!important;color:#fff!important}.site-footer{background:#08295c;color:#fff}.site-footer a{color:#fff}.site-footer .footer-brand img{filter:none}
:focus-visible{outline-color:#199b43}@media(max-width:820px){.brand img,.footer-brand img{width:min(300px,76vw)}.hero-ai{box-shadow:8px 8px 0 rgba(25,155,67,.18)}}

/* Keep the upcoming-AI notice readable on its white panel. */
.hero .hero-ai .fine{color:#52657c}