/* Interactive tools share the established range controls and bank identity. */
.bank-versus-page{--fee-accent:#08746f;--fee-soft:#eefff5;--fee-line:#d4e0d8;--fee-track:#dfe9e3;--fee-ink:#153d35;--fee-muted:#526c62}
.vd-tool-shortcuts{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.vd-tool-shortcuts a{padding:9px 12px;border:1px solid #84bba4;border-radius:7px;background:#ffffffba;font-size:var(--text-scale-12-8);font-weight:750}
.vd-guide{background:linear-gradient(120deg,#e0faed 60%,#c8f1dc 60% 74%,#e0faed 74%)}
.vd-guide-shell{border:1px solid #a9d2bc;border-radius:20px;background:#fff;padding:34px;box-shadow:0 8px 0 #badfc959}
.vd-guide-welcome{display:grid;grid-template-columns:70px 1fr auto;gap:25px;align-items:center}.vd-guide-mark{display:grid;place-items:center;width:70px;height:70px;border-radius:20px;background:#dcf7bd;color:#08746f;transform:rotate(-6deg)}.vd-guide-mark .icon{width:35px;height:35px}
.vd-guide h3{font-size:var(--text-subheading);line-height:var(--leading-heading);margin:0 0 15px}.vd-guide p{font-size:var(--text-body);line-height:var(--leading-body);color:var(--vd-muted);margin:0 0 20px}.vd-guide-welcome p{margin:0;max-width:590px}
.vd-tool-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:0;border-radius:8px;background:#08746f;color:#fff;padding:16px 22px;font-weight:800;font-size:var(--text-scale-14-08);line-height:1.4;cursor:pointer}.vd-tool-button:hover{background:#153d35}.vd-tool-button .icon{width:20px;height:20px}.vd-tool-button:disabled{opacity:.45;cursor:default}
.vd-guide [hidden],.vd-cost [hidden]{display:none!important}
.vd-guide-progress{display:flex;align-items:center;gap:30px;justify-content:space-between;margin-bottom:25px;font-size:var(--text-scale-12-8);font-weight:800;color:#08746f}.vd-guide-progress progress{width:40%;height:9px;accent-color:#08746f}
.vd-guide-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:25px}.vd-guide-options button{display:flex;flex-direction:column;gap:8px;padding:21px;border:1px solid #c6d9cc;border-radius:11px;background:#fff;text-align:left;color:#153d35;cursor:pointer}.vd-guide-options button strong{font-size:var(--text-scale-16);line-height:1.4}.vd-guide-options button span{font-size:var(--text-scale-13-28);line-height:1.5;color:#526c62}.vd-guide-options button:hover{background:#f3fff8}.vd-guide-options button[aria-pressed=true]{background:#e5f9d2;border-color:#08746f;box-shadow:inset 0 0 0 1px #08746f}
.vd-guide-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px}.vd-guide-actions>button:not(.vd-tool-button){background:none;border:0;border-bottom:1px solid currentColor;padding:8px 0;font-weight:750;color:#08746f;cursor:pointer}.vd-guide-actions>button:disabled{opacity:.35;cursor:default}
.vd-guide-results{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.vd-guide-results article{border:1px solid #d5e1d8;border-radius:13px;padding:25px;background:#f9fcfa}.vd-guide-results article.is-choice{background:#edffdb;border:2px solid #08746f}.vd-guide-results img{object-fit:contain;background:#fff;padding:5px;border-radius:6px;display:block;margin-bottom:18px}.vd-guide-results strong{display:block;font-size:var(--text-scale-15-36)}.vd-guide-results ul{padding-left:19px;font-size:var(--text-scale-14-4);line-height:1.7}.vd-guide-results li+li{margin-top:10px}.vd-guide-results .vd-text-link{font-size:var(--text-scale-12-8)}
.vd-cost{background:#fbfdf9;border-top:1px solid #d4e0d8}.vd-cost-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:24px;align-items:start}.vd-cost .partner-fee-controls{min-width:0}.vd-cost .partner-fee-controls .fee-control-row{grid-template-columns:1fr!important}.vd-cost .partner-fee-controls label>small{grid-column:1/-1;font-size:var(--text-caption);font-weight:500;line-height:1.5;color:var(--fee-muted)}
.vd-cost-results{position:sticky;top:calc(var(--partner-anchor-offset,170px) + 10px);min-width:0}.vd-cost-comparison{padding:17px 20px;margin:0 0 17px;border-left:4px solid #08746f;background:#e1f6d0;font-weight:800;font-size:var(--text-scale-14-88);line-height:1.5}
.vd-cost-banks{display:grid;grid-template-columns:1fr 1fr;gap:14px}.vd-cost-bank{min-width:0;padding:22px;border:1px solid #bad5a0;border-radius:15px;background:linear-gradient(#ecffd5 0 235px,#fff 235px)}.vd-cost-bank--right{border-color:#e4bcd3;background:linear-gradient(#ffe8f5 0 235px,#fff 235px)}
.vd-cost-logo{display:block;object-fit:contain;background:#fff;border-radius:5px;padding:6px;margin-bottom:22px;max-width:100%}.vd-cost-bank>label{font-size:var(--text-scale-12-48);font-weight:750;display:block;margin-bottom:9px}.vd-cost-bank>select{width:100%;padding:12px 8px;border:1px solid #91b6a1;border-radius:7px;background:#fff;color:#153d35;font:750 var(--text-ui) var(--font-heading)}.vd-cost-bank>[data-cost-image]{display:block;width:100%;height:100px;object-fit:contain;margin:18px auto 14px}.vd-cost-total{display:block;font:850 var(--text-scale-35-2)/1.2 var(--font-heading);letter-spacing:-.055em;white-space:nowrap}.vd-cost-total small{display:block;font:600 var(--text-caption)/1.5 var(--font-heading);letter-spacing:0;color:#526c62;margin-top:6px}.vd-cost-bank>[data-cost-access]{font-size:var(--text-scale-12);line-height:1.5;color:#526c62;min-height:46px;margin:13px 0 18px}
.vd-cost-bank dl{font-size:var(--text-scale-12-32);margin:0 0 22px}.vd-cost-bank dl>div{display:flex;justify-content:space-between;align-items:start;gap:12px;padding:10px 0;border-top:1px solid #dce7de}.vd-cost-bank dt{line-height:1.5}.vd-cost-bank dd{margin:0;white-space:nowrap;font-weight:800}.vd-cost-bank .vd-cta{font-size:var(--text-scale-12-48);padding:12px;min-height:60px}.vd-cost-scope{font-size:var(--text-scale-12);color:#526c62;line-height:1.7;margin:18px 0 0}
.vd-guide button:focus-visible,.vd-cost select:focus-visible{outline:3px solid #08746f;outline-offset:4px}
@media(max-width:1100px){.vd-cost-layout{grid-template-columns:1fr}.vd-cost-results{position:static}.vd-cost .partner-fee-controls .fee-control-row{grid-template-columns:1fr 1fr!important}.vd-guide-welcome{grid-template-columns:70px 1fr}.vd-guide-welcome>.vd-tool-button{grid-column:2;justify-self:start}}
@media(max-width:700px){.vd-guide-shell{padding:24px 19px;border-radius:14px}.vd-guide h3{font-size:var(--text-subheading);line-height:var(--leading-heading)}.vd-guide-welcome{display:block}.vd-guide-mark{width:50px;height:50px;margin-bottom:22px}.vd-guide-mark .icon{width:28px;height:28px}.vd-guide-welcome>.vd-tool-button{margin-top:22px;width:100%}.vd-guide-options{grid-template-columns:1fr;gap:10px}.vd-guide-options button{padding:17px}.vd-guide-options button strong{font-size:var(--text-scale-14-4)}.vd-guide-results{grid-template-columns:1fr}.vd-guide-actions{gap:16px}.vd-guide-actions button{font-size:var(--text-scale-12-48)}.vd-guide-results article{padding:20px}.vd-cost .partner-fee-controls .fee-control-row{grid-template-columns:1fr!important}.vd-cost-banks{gap:10px}.vd-cost-bank{padding:14px 11px}.vd-cost-bank>select{font-size:var(--text-ui);padding:10px 5px}.vd-cost-bank>[data-cost-image]{height:80px}.vd-cost-total{font-size:var(--text-scale-27-2)}.vd-cost-bank dl>div{display:block;min-height:65px;padding:10px 0}.vd-cost-bank dd{margin-top:4px}.vd-cost-bank dt{font-size:var(--text-scale-11-84)}.vd-cost-bank .vd-cta{font-size:var(--text-scale-11-52);padding:10px;overflow-wrap:anywhere}.vd-cost-logo{height:45px;margin-bottom:18px}.vd-cost-bank>label{min-height:34px;font-size:var(--text-scale-11-52)}.vd-cost-comparison{font-size:var(--text-scale-13-6)}.vd-cost-bank>[data-cost-access]{min-height:68px}.vd-tool-shortcuts{gap:7px}.vd-tool-shortcuts a{font-size:var(--text-scale-11-84)}}

[data-guide-journey],[data-guide-result],#resultats-cout{scroll-margin-top:calc(var(--partner-anchor-offset,170px) + 15px)}
.vd-cost-jump{display:none}@media(max-width:1100px){.vd-cost-jump{display:flex}}

/* Shared, schema-driven controls: reserve space around every slider. */
.vd-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 22px}.vd-input-cell{min-width:0}.vd-input-cell[hidden]{display:none}.vd-input-cell label{height:100%;align-content:start}.vd-input-cell select{display:block;grid-column:1/-1;width:100%;min-width:0;margin:12px 0;padding:12px;border:1px solid #d1ddd7;border-radius:10px;background:#fff;color:#163c34;font:inherit;white-space:normal}.vd-input-cell input[type=range]{margin-top:16px;margin-bottom:12px}.vd-input-cell small{line-height:1.6}.vd-tariff-notice,.vd-range-note{font-size:var(--text-scale-14);line-height:1.7;padding:16px 20px;background:#fff;border-left:3px solid #08746f;border-radius:0 10px 10px 0;margin:20px 0}.vd-cost-bank dl>div:has(dd){gap:10px}.vd-cost-bank dt{min-width:0}.vd-cost-bank dd{white-space:nowrap}@media(max-width:600px){.vd-input-grid{grid-template-columns:1fr;gap:24px}.vd-input-cell select{font-size:var(--text-ui)}}

@media(min-width:1101px){.vd-input-grid{grid-template-columns:1fr}}

.vd-cost .vd-input-cell>label{margin-top:0!important}.vd-cost .vd-input-cell>label:has(>input[type=range]){padding-bottom:8px!important}

.vd-cost-bank dd.is-unavailable{max-width:55%;white-space:normal;text-align:right;color:#864a20;line-height:1.5}

.vd-cost-total small{white-space:normal;overflow-wrap:normal}
@media(max-width:700px){.vd-cost-bank dd.is-unavailable{max-width:100%;text-align:left}}