.compare-hero{color:#fff;background:linear-gradient(145deg,#12150f,#20261b);padding:56px 0 44px}.compare-hero h1{color:#fff;margin:8px 0 14px;font-size:clamp(32px,5vw,50px)}.compare-hero p{color:#ccd0c6;max-width:760px;line-height:1.65}.compare-add{grid-template-columns:minmax(220px,560px) auto;gap:12px;margin-top:28px;display:grid}.compare-add select{font:inherit;color:var(--ink);background:#fff;border:1px solid #deded6;border-radius:14px;padding:14px 16px;font-weight:700}.compare-selection{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.compare-selection button{color:#fff;font:inherit;cursor:pointer;background:#273020;border:1px solid #536044;border-radius:999px;align-items:center;gap:9px;padding:8px 11px;font-size:12px;font-weight:700;display:flex}.compare-selection button span{font-size:18px;line-height:1}.compare-notice{color:#6f5116;background:#fff2d8;border-radius:12px;margin-bottom:18px;padding:14px 18px;font-weight:700}.compare-scroll{grid-template-columns:repeat(var(--compare-count,2),minmax(260px,1fr));scroll-snap-type:x proximity;gap:18px;padding:3px 3px 20px;display:grid;overflow-x:auto}.compare-vehicle{scroll-snap-align:start;background:#fff;border-radius:22px;min-width:0;padding:22px;box-shadow:0 14px 34px #12150f14}.compare-vehicle img{object-fit:cover;border-radius:15px;width:100%;height:180px;margin-bottom:16px}.compare-vehicle>small{color:#70766a;letter-spacing:.07em;text-transform:uppercase;font-weight:800}.compare-vehicle h2{margin:5px 0 17px;font-size:22px}.compare-vehicle dl{margin:0}.compare-vehicle dl div{border-bottom:1px solid #ecece5;justify-content:space-between;gap:15px;padding:9px 0;font-size:13px;display:flex}.compare-vehicle dt{color:#6c7067}.compare-vehicle dd{text-align:right;margin:0;font-weight:750}.compare-vehicle .btn{width:100%;margin-top:18px}.compare-matrix,.compare-panels{margin-top:42px}.compare-matrix>header,.compare-panels>header{margin-bottom:18px}.compare-matrix>header span,.compare-panels>header span{color:#65704c;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800}.compare-matrix h2,.compare-panels h2{margin:5px 0 6px}.compare-matrix header p{color:var(--text-soft);margin:0;font-size:14px}.compare-table-wrap{background:#fff;border:1px solid #dfdfd7;border-radius:18px;overflow:auto}.compare-table-wrap table{border-collapse:collapse;width:100%;min-width:720px}.compare-table-wrap th,.compare-table-wrap td{text-align:left;vertical-align:top;border-bottom:1px solid #e8e8e1;border-right:1px solid #e8e8e1;padding:16px}.compare-table-wrap thead th{background:#f2f3ec;font-size:13px}.compare-table-wrap tbody th{color:#4f593a;width:145px;font-size:13px}.compare-table-wrap td:last-child,.compare-table-wrap th:last-child{border-right:0}.compare-table-wrap tr:last-child>*{border-bottom:0}.compare-table-wrap ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.compare-table-wrap a{color:#344226;text-underline-offset:3px;font-size:13px;font-weight:700;text-decoration:underline #aeb99a}.compare-none{color:#858980;font-size:12px}.compare-panel-sources{display:none!important}#relationshipPanels>.technical-panel{margin-top:18px}.decision-guide{margin-top:42px}.decision-guide>header{margin-bottom:18px}.decision-guide>header span{color:#65704c;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800}.decision-guide h2{margin:5px 0 6px}.decision-guide header p{color:var(--text-soft);margin:0;font-size:14px}.decision-columns{grid-template-columns:repeat(var(--compare-count,2),minmax(280px,1fr));scroll-snap-type:x proximity;gap:18px;padding:3px;display:grid;overflow-x:auto}.decision-column{scroll-snap-align:start;background:#fff;border:1px solid #e0e1d8;border-radius:20px;padding:24px}.decision-column>h3{margin:0 0 20px;font-size:22px}.decision-column section{border-top:1px solid #e9e9e2;padding:17px 0}.decision-column h4{color:#465335;margin:0 0 8px;font-size:15px}.decision-column p,.decision-column li,.decision-column details{color:#62675e;font-size:13px;line-height:1.6}.decision-column ul{gap:7px;margin:0;padding-left:19px;display:grid}.decision-column section ul a{color:#344226;font-weight:700}.decision-column details{border-top:1px solid #e9e9e2;padding-top:15px}.decision-column summary{color:#465335;cursor:pointer;font-weight:750}@media (width<=760px){.compare-add{grid-template-columns:1fr}.compare-add .btn{width:100%}.compare-scroll,.decision-columns{grid-template-columns:repeat(var(--compare-count,2),minmax(82vw,1fr))}.compare-vehicle{padding:17px}.compare-vehicle img{height:150px}.decision-column{padding:19px}}