.tripcalc{box-shadow:var(--shadow-soft);background:#fff;border:1px solid #dfe9e2;border-radius:26px;grid-template-columns:.82fr 1.18fr;gap:28px;padding:28px;display:grid}.tripcalc-copy h2{color:#24372d;letter-spacing:-.025em;margin:0 0 12px;font-size:30px;line-height:1.16}.tripcalc-copy p{color:#5c7066;margin:0;font-size:16px;line-height:1.68}.profile-prefill{color:#3d7a5a;background:#eef7f1;border:1px solid #d7eadf;border-radius:999px;margin-top:16px;padding:7px 10px;font-size:12.5px;font-weight:800;display:inline-flex}.tripcalc-form{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.tripcalc-form label{background:#f8fbf9;border:1px solid #e0e9e3;border-radius:15px;padding:11px 13px;display:block}.tripcalc-form label span{color:#5b7065;margin-bottom:6px;font-size:13px;font-weight:800;display:block}.tripcalc-form input{color:#26382f;background:0 0;border:0;outline:0;width:100%;font-family:inherit;font-size:16px;font-weight:750}.tripcalc-results{border-top:1px solid #e4ece7;grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:12px;padding-top:20px;display:grid}.tripcalc-results div{background:#f7faf8;border:1px solid #e5ece8;border-radius:17px;padding:15px 16px}.tripcalc-results span{color:#687b71;margin-bottom:7px;font-size:12.5px;font-weight:750;display:block}.tripcalc-results strong{color:#284638;letter-spacing:-.025em;font-size:22px;line-height:1.15;display:block}.tripcalc-status{color:#5a6f64;background:#f5f8f6;border:1px solid #e1e8e4;border-radius:16px;grid-column:1/-1;padding:14px 16px;font-size:14px;font-weight:650;line-height:1.55}.tripcalc-status.ok{color:#346b4c;background:#eef8f1;border-color:#d7eadf}.tripcalc-status.warn{color:#7d6434;background:#fff8ec;border-color:#efe0c4}.tripcalc .toolnote,.ownership-compare .tool-next-actions,.ownership-tco .tool-next-actions{grid-column:1/-1}.monthly-result{grid-template-columns:repeat(4,1fr)}.tco-breakdown{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.tco-breakdown div{background:#f8fbf9;border:1px solid #e1eae4;border-radius:16px;padding:14px 16px}.tco-breakdown span{color:#687b71;margin-bottom:6px;font-size:12.5px;font-weight:750;display:block}.tco-breakdown b{color:#2d493a;font-size:16px;line-height:1.35}.compatcheck{box-shadow:var(--shadow-soft);background:linear-gradient(145deg,#fff,#f6faf7);border:1px solid #dfe9e2;border-radius:26px;grid-template-columns:.8fr 1.2fr;gap:26px;padding:28px;display:grid}.compat-controls h2{color:#24372d;letter-spacing:-.025em;margin:0 0 12px;font-size:30px;line-height:1.16}.compat-controls>p{color:#5c7066;margin:0;font-size:16px;line-height:1.68}.compat-field{background:#fff;border:1px solid #e0e9e3;border-radius:15px;margin-top:14px;padding:11px 13px;display:block}.compat-field span{color:#5b7065;margin-bottom:6px;font-size:13px;font-weight:800;display:block}.compat-field select{color:#26382f;background:0 0;border:0;outline:0;width:100%;font-family:inherit;font-size:16px;font-weight:750}.compat-result{background:#fff;border:1px solid #e0e9e3;border-radius:21px;padding:22px}.compat-model{border-bottom:1px solid #e5ece8;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:16px;display:flex}.compat-model span{color:#708078;font-size:13px;display:block}.compat-model strong{color:#263d31;margin-top:3px;font-size:25px;display:block}.compat-model a{color:#377b57;font-size:14px;font-weight:800}.compat-ports{grid-template-columns:1fr 1fr;gap:12px;padding:16px 0;display:grid}.compat-ports div{background:#f7faf8;border:1px solid #e6ede8;border-radius:16px;padding:14px}.compat-ports span{color:#718078;margin-bottom:6px;font-size:12.5px;font-weight:750;display:block}.compat-ports b{color:#2e4b3b;font-size:15px;line-height:1.45;display:block}.compat-note{background:#eef7f1;border:1px solid #d8eadf;border-radius:17px;padding:18px}.compat-note>span{color:#3b7c59;letter-spacing:.08em;font-size:12px;font-weight:850;display:block}.compat-note h3{color:#294236;margin:5px 0 8px;font-size:21px}.compat-note p{color:#566d61;margin:0;font-size:14.5px;line-height:1.62}.compat-checklist{padding:18px 2px 4px}.compat-checklist>span{color:#65786e;letter-spacing:.08em;font-size:12px;font-weight:850;display:block}.compat-checklist ul{grid-template-columns:1fr 1fr;gap:8px 16px;margin:11px 0 0;padding:0;list-style:none;display:grid}.compat-checklist li{color:#465e51;padding-left:22px;font-size:14px;line-height:1.5;position:relative}.compat-checklist li:before{content:"✓";color:#3d8b60;font-weight:900;position:absolute;left:0}.compat-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}#version,#trip,#monthly-cost,#ownership-cost,#ev-vs-ice,#charging,#home-power{scroll-margin-top:118px}@media (max-width:900px){.tripcalc,.compatcheck{grid-template-columns:1fr}.tripcalc-results,.monthly-result{grid-template-columns:repeat(2,1fr)}.tco-breakdown{grid-template-columns:1fr}#version,#trip,#monthly-cost,#ownership-cost,#ev-vs-ice,#charging,#home-power{scroll-margin-top:150px}}@media (max-width:600px){.tripcalc,.compatcheck{padding:20px}.tripcalc-form,.tripcalc-results,.monthly-result{grid-template-columns:1fr}.tripcalc-copy h2,.compat-controls h2{font-size:26px}.tripcalc-results strong{font-size:21px}.compat-ports,.compat-checklist ul{grid-template-columns:1fr}.compat-model{display:block}.compat-model a{margin-top:10px;display:inline-block}.compat-actions .btn2{justify-content:center;width:100%}#version,#trip,#monthly-cost,#ownership-cost,#ev-vs-ice,#charging,#home-power{scroll-margin-top:142px}}
