/* V7 presentation layer; original calculation code and content are unchanged. */
:root{--ink:#292b29;--ink-2:#444e48;--ink-3:#667065;--line:#dbe2d8;--bg:#fffcf7;--bg-2:#f0f4ed;--accent:#2a5042;--accent-2:#315b4c;--accent-soft:#e1e9df;--radius:14px;--font:"DM Sans",Inter,"Helvetica Neue",Arial,sans-serif}
nav{background:rgba(255,252,247,.96);border-bottom:1px solid var(--line)}
h1,h2{font-family:Fraunces,Georgia,serif;font-weight:500}h1 em{font-style:italic}
.wizard,.card,.stat{border:1px solid var(--line)}.wizard{background:#fff}.btn.accent{background:var(--accent)}
.next .k{color:#b9d2b7}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent-2);outline-offset:4px}
.nav-links a{min-height:44px;display:inline-flex;align-items:center}.v7-next{padding:30px 24px;text-align:center}.v7-next a{display:inline-block;padding:12px;color:var(--accent);text-decoration:underline}
@media(max-width:590px){nav .wrap{height:auto;min-height:64px;gap:8px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}.nav-links{gap:14px;font-size:12px}.wizard{padding:22px 16px}.row3{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.next a{white-space:normal}h1{overflow-wrap:break-word}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Keep status/error colors meaningful; recolor only the primary chart series. */
.chart svg [stroke="#0a7c55"]{stroke:var(--accent-2)}
.chart svg [fill="#0a7c55"]{fill:var(--accent-2)}
.chart .legend i[style*="#0a7c55"],.chart .legend i[style*="rgb(10, 124, 85)"],.chart div[style*="background:#0a7c55"],.chart div[style*="background: rgb(10, 124, 85)"]{background:var(--accent-2)!important}
.ck-card,.rp-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff}
input,select,textarea{accent-color:var(--accent)}
footer{background:#223e33;color:#b6bdb9}footer .brand strong{color:#fffcf7}footer .brand a,footer .privacy-note a{color:#b9d2b7}footer .privacy-note{color:#b6bdb9}footer .links a{min-height:44px;display:inline-flex;align-items:center}footer .links a:hover{color:#fff}footer .legal{border-color:#424b46}
.v7-next{background:#223e33;color:#fffcf7}.v7-next a{color:#b9d2b7}

.progress{background:#e1e9df}.next{background:#223e33}.next .k{color:#b9d2b7}.tool-hero{background:linear-gradient(180deg,#edf2e9,transparent)}
footer .privacy-note a{text-decoration:underline;text-underline-offset:3px}
/* Car-guide grid children must shrink with narrow viewports as well. */
.item>*{min-width:0}.calc .row4>*{min-width:0}
@media(max-width:400px){.calc .row4{grid-template-columns:minmax(0,1fr)}}

/* Keep table action headings available to assistive technology. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Give standalone text buttons a usable touch target without enlarging their text. */
.linkbtn{display:inline-flex;align-items:center;min-width:24px;min-height:24px;padding:3px 0}

/* Give the inline parent-brand link a usable target without restyling it. */
footer .brand a{display:inline-block;padding:4px 0;min-height:24px}