/* A simpler, vehicle-scoped ownership story. */
.cost-simple-page{padding-top:5px}
.cost-simple-page>h2{font-size:25px;line-height:1.18;margin:9px 0 6px;letter-spacing:-.8px}
.cost-simple-intro{font-size:13px;line-height:1.5;color:#5c7178;margin:0 0 18px}
.cost-simple-hero{position:relative;background:linear-gradient(145deg,#173a4a,#1b4c51);border-radius:18px;color:#f8fffd;padding:19px 20px 12px;overflow:hidden}
.cost-simple-hero:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0d90d3,#33d59b)}
.cost-simple-hero-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;line-height:1.3;letter-spacing:1.1px;font-weight:750;color:#d4e8e4}
.cost-simple-info{display:grid;place-items:center;width:38px;height:38px;margin:-7px -7px -7px 0;border:0;background:transparent;color:#d5eeed}
.cost-simple-info .icon{width:18px;height:18px}
.cost-simple-number{font-family:Manrope,sans-serif;font-size:49px;font-weight:750;letter-spacing:-2px;line-height:1.1;margin:13px 0 6px}
.cost-simple-number>span{font-size:17px;font-weight:500;letter-spacing:0;color:#d1e5e0}
.cost-simple-hero>p{font-size:13px;color:#fff;margin:0 0 5px;line-height:1.45}
.cost-simple-hero>small{display:block;color:#cee0dc;line-height:1.5;font-size:12px;max-width:310px}
.cost-simple-hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #ffffff2e;margin-top:15px;padding-top:8px}
.cost-simple-hero-bottom>span{font-size:11px;line-height:1.4;color:#d0e4dd}
.cost-simple-edit{border:0;background:transparent;color:#d0f8e5;min-height:44px;padding:4px 0 4px 8px;font-size:12px;font-weight:750;white-space:nowrap}
.cost-visual-card,.cost-savings-simple,.cost-cash-simple{margin-top:14px;border:1px solid #dfe8e3;border-radius:18px;background:#fff;padding:19px}
.cost-simple-heading h3,.cost-cash-simple h3{font-size:18px;letter-spacing:-.4px}
.cost-simple-heading p{font-size:12px;line-height:1.45;color:#657a7b;margin:4px 0 0}
.cost-segment-bar{display:flex;width:100%;height:10px;border-radius:20px;background:#edf2f0;overflow:hidden;margin:16px 0 7px;gap:2px}
.cost-segment{min-width:0;display:block;height:100%}
.cost-segment.daily,.cost-dot.daily{background:#147cb2}
.cost-segment.value,.cost-dot.value{background:#24a980}
.cost-segment.interest,.cost-dot.interest{background:#97b8a9}
.cost-visual-empty{font-size:12px;color:#657a7b;line-height:1.5}
.cost-group{border-bottom:1px solid #e6ece8}
.cost-group summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;min-height:65px;padding:8px 0}
.cost-group summary::-webkit-details-marker,.cost-compare-details summary::-webkit-details-marker,.cost-cash-simple summary::-webkit-details-marker,.cost-simple-more>details>summary::-webkit-details-marker{display:none}
.cost-dot{width:9px;height:9px;border-radius:50%;flex:0 0 9px}
.cost-group-label{flex:1;min-width:0}
.cost-group-label strong{display:block;font-size:13px;line-height:1.35;color:#183941}
.cost-group-label small{display:block;color:#667b7d;font-size:11px;line-height:1.4;margin-top:3px}
.cost-group-amount{font-size:14px;font-weight:750;color:#193a43;white-space:nowrap;text-align:right}
.cost-group-amount small{font-size:10px;font-weight:500;color:#61767a}
.cost-group summary>.icon{flex:0 0 14px;width:14px;height:14px;color:#67807d;transition:transform .2s}
.cost-group[open] summary>.icon{transform:rotate(90deg)}
.cost-group-details{padding:0 0 10px 19px}
.cost-detail-row{display:flex;justify-content:space-between;align-items:start;gap:10px;font-size:12px;line-height:1.45;padding:9px 0;border-top:1px solid #eef2ef}
.cost-detail-row span{min-width:0;color:#405e63}
.cost-detail-row span small{display:block;color:#6b7d7d;font-size:10px;line-height:1.4;margin-top:3px}
.cost-detail-row strong{font-size:12px;white-space:nowrap;color:#1d3d43}
.cost-group-missing,.cost-missing-note{display:block;color:#765727;font-size:11px;line-height:1.5;margin:8px 0}
.cost-simple-text-link{display:flex;align-items:center;justify-content:center;min-height:44px;border:0;background:transparent;color:#116998;font-size:13px;font-weight:700;padding:5px 0;text-align:center;width:100%}
.cost-savings-simple{background:#edf6ef;border-color:#d6e9dc}
.cost-savings-top,.cost-cash-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#416858;font-size:10px;font-weight:750;letter-spacing:1px}
.cost-savings-top .partner-logo{display:flex;max-width:100px;align-items:center}
.cost-savings-top .partner-logo img{max-width:100%;max-height:24px;object-fit:contain}
.cost-savings-simple h3{font-size:26px;line-height:1.2;letter-spacing:-.8px;color:#174f3d;margin:13px 0 4px}
.cost-savings-simple h3 span{font-size:15px;font-weight:650;letter-spacing:0}
.cost-savings-simple>p{font-size:12px;line-height:1.5;color:#496a5c;margin:6px 0 14px}
.cost-compare-label{font-size:10px;letter-spacing:.8px;font-weight:700;color:#5a7868;margin:16px 0 7px}
.cost-compare-pair{display:flex;align-items:stretch;gap:7px}
.cost-compare-pair>div{flex:1;min-width:0;background:#fff;border:1px solid #dcebe1;border-radius:11px;padding:10px}
.cost-compare-pair>div>small{display:block;font-size:11px;line-height:1.3;min-height:29px;color:#617a6e}
.cost-compare-pair strong{display:block;font-size:19px;letter-spacing:-.6px;color:#183f38;margin-top:3px;white-space:nowrap}
.cost-compare-pair strong span{font-size:10px;font-weight:500;letter-spacing:0}
.cost-compare-arrow{align-self:center;color:#4b866b;font-size:17px}
.cost-savings-simple>p.cost-compare-note{font-size:11px;line-height:1.5;margin:10px 0 14px}
.cost-savings-simple>.primary{background:#1d5445}
.cost-savings-simple>small{display:block;color:#577568;font-size:10px;line-height:1.5}
.cost-compare-details,.cost-cash-simple details{border-top:1px solid #dbe8dd;margin-top:13px}
.cost-compare-details summary,.cost-cash-simple details summary,.cost-simple-more>details>summary{list-style:none;cursor:pointer;min-height:45px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:700;color:#2e6154}
.cost-compare-details summary:after,.cost-cash-simple details summary:after,.cost-simple-more>details>summary:after{content:'+';font-size:20px;font-weight:400}
.cost-compare-details[open]>summary:after,.cost-cash-simple details[open]>summary:after,.cost-simple-more>details[open]>summary:after{content:'−'}
.cost-compare-details .scenario-explanation,.cost-compare-details .cost-chart{background:#fff;margin:5px 0 12px}
.cost-cash-top{color:#5d7875}
.cost-cash-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#eaf4f2;color:#498581}
.cost-cash-icon .icon{width:17px;height:17px}
.cost-cash-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}
.cost-cash-row>div{flex:1;min-width:0}
.cost-cash-row p{font-size:12px;line-height:1.5;color:#647979;margin:5px 0 0}
.cost-cash-row>strong{font-family:Manrope,sans-serif;font-size:22px;letter-spacing:-.8px;white-space:nowrap;color:#173d49}
.cost-cash-row>strong small{font-size:11px;letter-spacing:0;font-weight:500}
.cost-cash-simple details{border-color:#e3ebe7}
.cost-cash-simple details p,.cost-cash-missing,.cost-more-note{font-size:12px;line-height:1.6;color:#587171;margin:6px 0 12px}
.cost-cash-missing{color:#765727}
.cost-simple-more{display:grid;gap:9px;margin-top:14px}
.cost-simple-more>details{background:#fff;border:1px solid #dfe8e3;border-radius:14px;padding:0 16px 3px}
.cost-simple-more>details>summary{min-height:55px;color:#284e53;font-size:13px}
.cost-simple-more>details>.secondary{width:100%;margin:10px 0 12px}
.cost-simple-more>details .card{margin:0 0 12px}
.cost-simple-more .progress-metrics{margin-top:5px}
.cost-simple-disclosure{font-size:11px;line-height:1.6;color:#687e7e;margin:16px 0 0}
.cost-simple-ask{min-height:52px}
@media(max-width:350px){.cost-visual-card,.cost-savings-simple,.cost-cash-simple{padding:16px}.cost-group summary{gap:7px}.cost-group-label strong{font-size:12px}.cost-group-amount{font-size:12px}.cost-compare-pair>div{padding:8px}.cost-compare-pair strong{font-size:17px}.cost-cash-row>strong{font-size:19px}.cost-simple-hero-bottom{gap:6px}}
@media(prefers-reduced-motion:reduce){.cost-group summary>.icon{transition:none}}