.decision-main{width:min(calc(100% - 48px),var(--content));margin:auto}
.comparison-lead,.page-hero{padding:48px 0 24px;border-bottom:1px solid var(--line);background:transparent}
.comparison-lead h1,.page-hero h1{font-size:38px;margin:0 0 10px}
.decision-intro,.mode-note{color:var(--muted);font-size:15px}
.analysis-jump{display:none}
.decision-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:32px 0}
.decision-cards>*,.comparison-card{min-width:0;border-top:1px solid var(--line);padding:16px 0}
.decision-cards img{width:100%;max-height:240px;object-fit:contain;background:var(--surface)}
.decision-source{color:var(--muted);font-size:12px}
.reference-specs,.decision-calculator,.cost-analysis,.comparison-directory,.comparison-static{border-top:1px solid var(--line);padding:32px 0}
.reference-specs-head,.analysis-inner{width:100%}
.reference-specs-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}
.reference-specs-head h2{margin:0}
.reference-diff{display:inline-flex;min-height:44px;align-items:center;gap:9px;margin:0;color:var(--muted);font-size:14px;font-weight:500}
.reference-diff input{width:18px;height:18px;margin:0;accent-color:var(--ink)}
.reference-table-scroll,.decision-scroll{overflow-x:auto;max-width:100%}
.cost-analysis .analysis-inner{max-width:100%;overflow-x:auto}
.cost-analysis table{min-width:560px}
.reference-matrix{width:100%;min-width:680px;border-collapse:collapse;border-top:1px solid var(--ink)}
.reference-matrix caption{padding:0 0 12px;color:var(--muted);font-size:13px;text-align:left;caption-side:top}
.reference-matrix th,.reference-matrix td{padding:15px 16px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
.reference-matrix thead th{background:#f1f0eb;color:var(--ink);font-size:13px;font-weight:600;vertical-align:bottom}
.reference-matrix thead th:first-child{width:28%;text-align:left}
.reference-matrix thead th:not(:first-child),.reference-matrix tbody td{text-align:right}
.reference-matrix tbody th{color:var(--ink);font-size:14px;font-weight:600;text-align:left}
.reference-matrix tbody td{font-size:15px}
.reference-car-letter{display:inline-grid;min-width:22px;height:22px;margin-right:7px;place-items:center;background:var(--ink);color:var(--surface);font-size:11px;line-height:1}
.reference-matrix thead th:nth-child(3) .reference-car-letter{background:var(--chart-b)}
.metric-chart{border-top:1px solid var(--line);padding:24px 0;margin:24px 0;background:none;color:var(--ink)}
.metric-eyebrow,.analysis-kicker,.metric-letter{display:none}
.metric-verdict{font-size:20px;font-weight:700;margin:0 0 16px}
.metric-vehicles,.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.metric-row{padding:8px 0;border-bottom:1px solid var(--line)}
.metric-track,.metric-change-track{height:6px;background:var(--line)}
.metric-fill{height:100%;background:var(--action)}
.metric-fill.metric-part-1{background:var(--muted)}
.metric-total{font-size:18px;font-weight:700}
.mode-switch{display:flex;gap:8px;margin:0 0 16px}
.mode-switch button.active{background:var(--action);color:var(--surface)}
.mode-switch button:disabled{opacity:.45;cursor:wait}
.compare-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:13px}
.compare-links a{color:var(--action)}
.compare-warning{color:var(--danger);font-size:13px}
.variant-table{max-width:100%;overflow-x:auto}
.variant-row{display:grid;grid-template-columns:minmax(180px,2fr) repeat(3,minmax(90px,1fr));gap:12px;padding:12px 8px;border-bottom:1px solid var(--line);min-width:560px}
.tool-grid{display:grid;grid-template-columns:minmax(360px,390px) minmax(0,1fr);gap:40px;align-items:start}
.tool-grid>.tool-panel:first-child{position:sticky;top:80px;max-height:calc(100vh - 96px);overflow-y:auto}
.tool-panel{min-width:0;border-top:1px solid var(--line);padding:20px 0}
.tool-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.compare-vehicle-pair{display:grid;grid-template-columns:1fr;gap:20px;margin:20px 0 24px}
.compare-vehicle-fields{min-width:0;margin:0;padding:12px 16px 16px;border:1px solid var(--line)}
.compare-vehicle-fields legend{padding:0 6px;font-size:15px;font-weight:700;color:var(--ink)}
.compare-vehicle-fields label{display:block;margin-top:12px}
.compare-vehicle-fields label:first-of-type{margin-top:0}
.compare-vehicle-fields input,.compare-vehicle-fields select{display:block;width:100%;margin-top:6px}
.compare-vehicle-pair.hidden{display:none}
.compare-selected-spec{margin:8px 0 0;color:var(--ink);font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.tool-fields label{font-size:13px;color:var(--muted)}
.tool-fields input,.tool-fields select{display:block;width:100%;margin-top:6px}
.compare-answer,#compareConclusion{display:none}
.comparison-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.comparison-groups>*{border-top:1px solid var(--line);padding:16px 0}
.compare-presets{padding:28px 0 16px;border-bottom:1px solid var(--line)}
.compare-presets .db-shell{width:min(calc(100% - 48px),var(--content));margin:auto}.compare-presets h2{font-size:22px;margin:0 0 16px}.compare-presets .comparison-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.compare-presets h3{font-size:14px;margin:0 0 8px}.compare-presets ul{list-style:none;margin:0;padding:0}.compare-presets li{border-top:1px solid var(--line)}.compare-presets li:nth-child(n+5){display:none}.compare-presets a{display:block;padding:9px 0;font-size:13px;text-decoration:none}.compare-presets a:hover{text-decoration:underline}
@media(max-width:700px){.decision-main{width:calc(100% - 32px)}.comparison-lead h1,.page-hero h1{font-size:32px}.decision-cards,.tool-grid,.comparison-groups{grid-template-columns:1fr}.tool-fields{grid-template-columns:1fr}.decision-cards img{max-height:180px}.compare-presets .db-shell{width:calc(100% - 32px)}.compare-presets .comparison-groups{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x proximity}.compare-presets .comparison-groups>*{flex:0 0 min(78vw,280px);scroll-snap-align:start}}
@media(max-width:700px){.compare-vehicle-pair{grid-template-columns:1fr;gap:16px}.compare-vehicle-fields{padding:12px 14px 16px}}
.tool-grid #compareTable{margin-top:24px}
.tool-grid .variant-row{grid-template-columns:minmax(180px,1.25fr) repeat(2,minmax(160px,1fr));min-width:620px;gap:8px}
.tool-grid .variant-row>:nth-child(n+4){display:none}
.tool-grid .variant-row>*{min-width:0;white-space:normal;word-break:keep-all;overflow-wrap:break-word}
.tool-grid .variant-row>:first-child{position:sticky;left:0;z-index:1;background:var(--bg)}
.tool-grid .variant-row .is-different{background:var(--diff)}
.compare-dashboard{min-width:0}
.compare-summary{font-size:16px;margin:0 0 20px;padding:16px 0;border-bottom:1px solid var(--line)}
.compare-summary strong{font-weight:700}
.compare-empty{font-size:14px;color:var(--muted);padding:20px 0;border-bottom:1px solid var(--line)}
.compare-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.compare-graphic{min-width:0;margin:0;border-bottom:1px solid var(--line);padding:0 0 20px}
.compare-graphic h3{font-size:17px;margin:0 0 16px}
.compare-graphic h3 small{font-size:12px;color:var(--muted);font-weight:400}
.compare-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:12px}
.compare-legend span{display:inline-flex;gap:6px;align-items:center;min-width:0}
.compare-legend i{display:inline-block;width:9px;height:9px;background:var(--chart-a)}
.compare-legend .chart-key-b{background:var(--chart-b)}
.compare-zero{font-size:11px;color:var(--muted);margin-left:20px}
.compare-total-row{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:8px;align-items:center;margin:8px 0}
.compare-side{font-size:12px;font-weight:700}
.compare-total-row strong{font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}
.compare-total-row strong small{display:block;font-size:11px;font-weight:400;color:var(--muted)}
.compare-total-track,.compare-component-track{height:18px;background:var(--chart-track)}
.compare-total-fill{height:100%;display:flex;background:var(--chart-a)}
.compare-total-row.side-1 .compare-total-fill{background:var(--chart-b)}
.compare-total-fill .energy-part{height:100%;background:inherit}
.compare-total-fill .tax-part{height:100%;background:var(--surface);opacity:.55;border:1px solid currentColor}
.compare-equal,.compare-chart-note{font-size:12px;color:var(--muted);margin:8px 0 0}
.compare-component-group{margin:12px 0}
.compare-component-group h4{font-size:13px;margin:0 0 6px;font-weight:600}
.compare-component-row{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:8px;align-items:center;margin:5px 0;font-size:12px}
.compare-component-row strong{min-width:66px;text-align:right;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}
.compare-component-fill{display:block;height:100%;background:var(--chart-a)}
.compare-component-fill.side-1{background:var(--chart-b)}
.compare-efficiency-row{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:8px;align-items:center;margin:10px 0}
.compare-efficiency-row>span{font-size:12px;font-weight:700}
.compare-efficiency-row strong{min-width:96px;text-align:right;font-size:13px;font-variant-numeric:tabular-nums}
.compare-efficiency-row small{font-size:11px;color:var(--muted);font-weight:400}
.compare-efficiency-track{height:18px;background:var(--chart-track)}
.compare-efficiency-track i{display:block;height:100%;background:var(--chart-a)}
.compare-efficiency-track i.side-1{background:var(--chart-b)}
.compare-distance{margin-top:24px}
.compare-distance svg{display:block;width:100%;height:auto;max-height:260px;overflow:visible}
.chart-grid{stroke:var(--line);stroke-width:1}
.chart-axis{fill:var(--muted);font:12px "Pretendard Variable",sans-serif}
.chart-axis.selected{fill:var(--ink);font-weight:700}
.chart-line{fill:none;stroke:var(--chart-a);stroke-width:2}
.chart-line.side-1{stroke:var(--chart-b);stroke-width:2;stroke-dasharray:6 4}
.chart-dot{fill:var(--chart-a)}
.chart-dot.side-1{fill:var(--chart-b)}
.chart-dot.selected{stroke:var(--surface);stroke-width:2}
.compare-distance-data{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.compare-distance-values{font-size:11px;border-top:1px solid var(--line);padding-top:6px;font-variant-numeric:tabular-nums}
.compare-distance-values.selected{border-top:2px solid var(--ink)}
.compare-distance-values span{display:block;white-space:nowrap}
.compare-distance-values span:first-child{font-weight:700}
@media(max-width:1100px){.tool-grid{grid-template-columns:minmax(300px,340px) minmax(0,1fr);gap:24px}.compare-chart-grid{grid-template-columns:1fr}}
@media(max-width:700px){.tool-grid{grid-template-columns:1fr}.tool-grid>.tool-panel:first-child{position:static;max-height:none;overflow:visible}.compare-distance-data{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-total-row strong small{font-size:10px}}
@media(max-width:700px){
 .tool-grid .variant-table,.tool-grid .reference-table-scroll{overflow:visible}
 .tool-grid .variant-row{grid-template-columns:minmax(82px,.8fr) minmax(0,1fr) minmax(0,1fr);min-width:0;padding:11px 0;font-size:12px}
 .tool-grid .variant-row>:first-child{position:static;background:transparent;text-align:center;color:var(--muted)}
 .tool-grid .variant-row>:nth-child(2){text-align:left}.tool-grid .variant-row>:nth-child(3){text-align:right}
 .compare-summary{position:sticky;top:57px;z-index:4;background:var(--bg);padding:14px 0}
 .compare-chart-grid{gap:20px}.compare-distance svg{max-height:220px}
}

/* Static comparison pages: verdict first, then two comparable rows of numbers. */
.decision-main{overflow-x:clip}
.static-compare-summary{margin:28px 0 0;padding:0 0 32px;border-bottom:1px solid var(--line)}
.static-compare-summary .comparison-lead{margin:0 0 24px;padding:0;border:0;font-size:clamp(24px,3vw,34px);font-weight:700;line-height:1.25;letter-spacing:-.02em}
.compare-totals{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.compare-total{min-width:0;padding-top:14px;border-top:3px solid var(--chart-a)}
.compare-total[data-compare-side="b"]{border-top-color:var(--chart-b)}
.compare-total>span{display:flex;gap:8px;align-items:center;min-height:40px;font-size:14px;font-weight:600}
.compare-total>span b{display:inline-grid;width:24px;height:24px;place-items:center;background:var(--chart-a);color:#fff;font-size:12px}
.compare-total[data-compare-side="b"]>span b{background:var(--chart-b)}
.compare-total>strong{display:block;margin:7px 0 13px;font-size:clamp(28px,4vw,42px);line-height:1;font-variant-numeric:tabular-nums}
.compare-total dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 16px}
.compare-total dl div{border-top:1px solid var(--line);padding-top:8px}
.compare-total dt{color:var(--muted);font-size:12px}.compare-total dd{margin:3px 0 0;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
.compare-stack{height:18px;background:var(--chart-track)}
.compare-stack-total{display:flex;height:100%;overflow:hidden;background:var(--chart-track)}
.compare-stack-total i{display:block;height:100%}.compare-stack-energy{background:var(--chart-a)}.compare-stack-tax{background:#a9a9a4}
.compare-total[data-compare-side="b"] .compare-stack-energy{background:var(--chart-b)}
.compare-legend{display:flex;align-items:center;gap:18px;margin-top:10px;color:var(--muted);font-size:12px}
.compare-legend span::before{content:"";display:inline-block;width:9px;height:9px;margin-right:6px;background:var(--ink)}
.compare-legend span:nth-child(2)::before{background:#a9a9a4}.compare-legend small{margin-left:auto}
.decision-calculator{display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px 36px;align-items:start}
.decision-calculator h2{margin:9px 0 0;font-size:20px}
.decision-calculator form{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.decision-calculator form label{display:grid;grid-template-rows:18px 48px;gap:9px;align-content:start;color:var(--muted);font-size:13px;font-weight:600;line-height:1.35}
.decision-calculator form input,.decision-calculator form select{width:100%;height:48px;margin:0;padding:0 14px;border:1px solid #c8c6bf;border-radius:2px;background:var(--surface);color:var(--ink);font:500 16px/1 "Pretendard Variable",sans-serif;font-variant-numeric:tabular-nums}
.decision-calculator form input[type="number"]{text-align:right}
.decision-calculator form input:hover,.decision-calculator form select:hover{border-color:#8e8c86}
.decision-calculator form input:focus,.decision-calculator form select:focus{border:2px solid var(--ink);outline:0;padding-right:13px;padding-left:13px}
.decision-calculator>.decision-source{grid-column:2;margin:0;color:var(--muted);font-size:12px}
.decision-calculator .decision-action{grid-column:2;justify-self:start}
.decision-cards{gap:28px;margin:40px 0 0;padding-top:32px;border-top:1px solid var(--line)}
.decision-cards>article{display:flex;min-width:0;flex-direction:column;padding:0;border:0}
.decision-cards figure{display:flex;min-height:0;flex:1;flex-direction:column;margin:0 0 14px}
.decision-cards picture{display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--surface)}
.decision-cards img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;object-position:center}
.decision-cards h2{margin:0 0 7px;font-size:21px}.decision-cards>article>p{margin:0 0 12px;color:var(--muted);font-size:13px}
.decision-cards dl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 13px}
.decision-cards dl dt{color:var(--muted);font-size:11px}.decision-cards dl dd{margin:3px 0 0;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}
.decision-photo-credit{margin:5px 0 0;color:var(--muted);font-size:11px}
.decision-photo-credit summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}.decision-photo-credit p{margin:6px 0 0;line-height:1.45}
.metric-chart{padding:28px 0;margin:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.metric-chart .metric-vehicles{display:none}.metric-chart .metric-verdict{margin:5px 0 18px;font-size:15px}.metric-chart .metric-verdict strong{font-size:20px}
.metric-chart .metric-rows{display:grid;grid-template-columns:1fr;gap:12px}
.metric-chart .metric-row{display:grid;grid-template-columns:180px minmax(0,1fr) 100px;gap:14px;align-items:center;padding:0;border:0}
.metric-chart .metric-total{grid-column:3;grid-row:1;text-align:right;font-size:15px}.metric-chart .metric-track{grid-column:2;grid-row:1;width:100%;height:14px;margin:0;border:0;background:var(--chart-track)}
.metric-chart .metric-fill{position:static;display:block;height:100%;background:var(--chart-a)}.metric-chart .metric-row:nth-child(2) .metric-fill{background:var(--chart-b)}
.metric-chart .metric-end-label{grid-column:1;grid-row:1;font-size:13px}.metric-chart .metric-baseline{display:none}.metric-chart details{margin-top:18px;font-size:12px}
.compare-distance-chart{margin:40px 0 0;padding:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.compare-distance-chart figcaption{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:22px}.compare-distance-chart h2{margin:0;font-size:22px}.compare-distance-chart figcaption p{margin:0;color:var(--muted);font-size:12px}
.distance-pair{display:grid;grid-template-columns:180px minmax(0,1fr) 100px;grid-template-rows:auto auto;gap:8px 14px;margin:16px 0}.distance-pair>strong{grid-column:1;grid-row:1/3;align-self:center;font-size:13px}.distance-pair>div{display:contents}.distance-pair>div:nth-child(2)>*{grid-row:1}.distance-pair>div:nth-child(3)>*{grid-row:2}.distance-pair div span{grid-column:1;align-self:center;padding-left:86px;font-size:11px;font-weight:700}.distance-pair div i{grid-column:2;align-self:center;display:block;height:12px;background:var(--chart-a)}.distance-pair div:nth-child(3) i{background:var(--chart-b)}.distance-pair div b{grid-column:3;align-self:center;text-align:right;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
.decision-distance-table{padding:22px 0 0}.decision-distance-table>summary{display:inline-flex;min-height:44px;align-items:center;cursor:pointer;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:4px}.decision-distance-table[open]>summary{margin-bottom:12px}.decision-distance-table table{min-width:620px}
.tool-fuel-status-foot{width:min(calc(100% - 48px),var(--content));margin:28px auto 0;padding:16px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.tool-fuel-status-foot #liveFuelStatus{margin:0}
@media(max-width:700px){
 .compare-totals{grid-template-columns:1fr;gap:22px}.compare-total>strong{font-size:30px}.compare-legend small{display:none}
 .decision-calculator{display:block}.decision-calculator h2{margin-bottom:16px}.decision-calculator form{grid-template-columns:1fr}.decision-calculator form label{grid-template-rows:auto 48px}.decision-calculator>.decision-source{margin-top:12px}
 .decision-cards picture{aspect-ratio:4/3}.decision-cards img{max-height:none}.decision-cards dl{grid-template-columns:1fr 1fr}
 .metric-chart .metric-row{grid-template-columns:92px minmax(0,1fr) 76px;gap:8px}.metric-chart .metric-total{font-size:13px}.metric-chart .metric-end-label{font-size:12px}
 .compare-distance-chart figcaption{display:block}.compare-distance-chart figcaption p{margin-top:5px}.distance-pair{grid-template-columns:92px minmax(0,1fr) 76px;gap:7px 8px}.distance-pair div span{padding-left:54px}.distance-pair div b{font-size:12px}
 .tool-fuel-status-foot{width:calc(100% - 32px)}
 .reference-specs-head{display:block;margin-bottom:14px}.reference-specs-head h2{margin-bottom:10px}
 .reference-table-scroll{overflow-x:visible}
 .reference-matrix{min-width:0;table-layout:fixed}
 .reference-matrix caption{font-size:12px;line-height:1.45}
 .reference-matrix th,.reference-matrix td{padding:13px 7px}
 .reference-matrix thead th{font-size:11px;line-height:1.35;overflow-wrap:anywhere}
 .reference-matrix thead th:first-child{width:26%}
 .reference-matrix tbody th,.reference-matrix tbody td{font-size:12px;line-height:1.4}
 .reference-car-letter{display:grid;width:20px;min-width:20px;height:20px;margin:0 0 5px auto}
}