/* Scoped comparator design; informational pages keep their existing layout. */
.comparator{--ink:#162e38;--accent:#147c7b;background:#f6f8f7;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.comparator *{box-sizing:border-box}.comparator [hidden]{display:none!important}
.comparator .site-head{position:relative;display:flex;align-items:center;justify-content:space-between;padding:22px max(24px,calc((100vw - 1180px)/2));background:#fff;color:var(--ink);box-shadow:none;border-bottom:1px solid #dde8e3;text-align:left;gap:16px}
.brand-name{font-size:18px;font-weight:600;color:var(--ink);text-decoration:none}.brand-name strong{color:var(--accent)}.beta-tag{display:inline-block;font-size:11px;color:#526a70;border:1px solid #dce6e1;border-radius:20px;padding:4px 8px;margin-left:10px;vertical-align:middle}.header-guide{font-size:13px;color:var(--accent);white-space:nowrap}
.comparator main{max-width:1180px;margin:auto;padding:0 24px}.intro{padding:56px 0 44px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent);font-weight:800;margin:0 0 14px}.intro h1{font-size:clamp(36px,5vw,62px);line-height:1.05;letter-spacing:-2.5px;font-weight:760;margin:0 0 20px;max-width:750px}.intro>p:not(.eyebrow){font-size:17px;color:#566d73}.intro-chips{display:flex;gap:8px;flex-wrap:wrap}.intro-chips span{font-size:12px;border:1px solid #dbe6e1;border-radius:30px;padding:6px 12px;background:#fff}
.section-heading,.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.section-heading h2,.experience>h2{font-size:24px;letter-spacing:-.7px;margin:0 0 6px}.quiet{color:#61757a;font-size:12px;line-height:1.5;margin:4px 0}.comparator .toolbar{margin:12px 0 20px;justify-content:flex-start;gap:8px;padding:0;border:0;background:transparent;box-shadow:none;max-width:none}.comparator .btn{font-size:13px;border-radius:10px;min-height:44px;box-shadow:none}.comparator .btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.comparator .btn.ghost{background:#fff;color:var(--ink);border:1px solid #d8e4de}.comparator .counter{color:#61757a;font-size:12px}.selection-grid{display:grid;grid-template-columns:repeat(var(--cars),minmax(0,1fr));gap:16px;align-items:start}.swipe-help{display:none}
.comparator .selection-grid .cell.head{min-width:0;background:white;border:1px solid #dae5e0;border-radius:18px;padding:16px;box-shadow:none;overflow:hidden}.comparator .car-top{margin:0 0 8px}.comparator .car-tag{color:#71838a;font-size:10px;letter-spacing:1px}.comparator .del{background:none;border:0;color:#73848a;font-size:11px;min-height:32px;padding:4px 6px}.comparator .vehicle-settings{border-bottom:1px solid #e7edea;padding:0 0 10px}.vehicle-settings>summary{font-size:12px;font-weight:650;color:var(--accent);min-height:32px;cursor:pointer;padding:6px 0}.comparator .field{margin-bottom:8px}.comparator .field-label{font-size:11px;color:#657a80}.comparator select,.comparator input[type=number],.comparator input[type=text]{width:100%;border:1px solid #d8e2df;border-radius:8px;min-height:44px;background:#fff;color:var(--ink);padding:9px 10px;font:inherit;font-size:13px;box-shadow:none}.comparator select:disabled{background:#f1f4f2;color:#899695}.comparator .year-status{font-size:11px;margin:5px 0}.comparator .hero-art{height:136px;margin:12px 0 0;background:#f2f6f4;border-radius:12px}.comparator .hero-art.empty{min-height:136px}.comparator .hero-emoji{font-size:36px}.comparator .zoom-bar{bottom:4px;right:4px;gap:3px}.comparator .zoom-btn{width:28px;height:28px;min-width:28px;min-height:28px;font-size:13px;border-radius:6px}.comparator .zoom-level{font-size:10px}.comparator .photo-pan-hint{font-size:9px}.comparator .photo-slot{min-height:0!important;margin:6px 0;font-size:9px;line-height:1.4}.comparator .photo-credit{padding:0;font-size:9px;min-height:0}.comparator .photo-src,.comparator .photo-license,.comparator .photo-scope{font-size:9px;line-height:1.4;margin:0}.comparator .hero-meta{margin:14px 0 10px;padding:0;text-align:left}.comparator .hero-brand{font-size:10px;color:#75868b}.comparator .hero-model{font-size:20px;color:var(--ink);letter-spacing:-.5px;line-height:1.15}.comparator .hero-ver{font-size:12px;color:#526d72}.source-button{padding:6px 0;color:var(--accent);background:none;border:0;font-size:11px;min-height:36px;cursor:pointer}
.experience{margin-top:38px}.experience-tabs{display:flex;gap:4px;padding:5px;background:#e9efec;border-radius:12px;margin:20px 0 12px}.experience-tabs button{flex:1;padding:12px 7px;min-height:44px;border:0;background:none;font-size:13px;color:#5c7178;font-weight:650;cursor:pointer;border-radius:8px;white-space:nowrap}.experience-tabs button[aria-selected=true]{background:white;color:var(--accent);box-shadow:0 2px 5px #102e3610}.reference-control{margin:10px 0 20px}.check-field{display:flex;gap:9px;align-items:center;font-size:11px;color:#60757b;min-height:32px;line-height:1.4;cursor:pointer}.check-field input{accent-color:var(--accent);width:16px;height:16px;flex-shrink:0}.reference-notice{font-size:12px;color:#896023;background:#fff5df;padding:10px 12px;border-radius:8px;margin:4px 0}
.tool-panel{background:#fff;border:1px solid #dce6e1;border-radius:18px;padding:24px}.panel-heading h3{margin:0;font-size:19px;letter-spacing:-.4px}.panel-heading a{font-size:12px;color:var(--accent)}.result-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.essential-card,.tool-card{padding:18px;background:#f7faf8;border:1px solid #e2ebe6;border-radius:12px;min-width:0}.result-title{display:flex;align-items:center;gap:7px;font-size:14px;line-height:1.4;margin:0 0 16px}.result-title:before{content:"";width:7px;height:7px;background:var(--car-color);border-radius:50%;flex-shrink:0}.quick-price{display:block;font-size:24px;letter-spacing:-.8px;color:var(--ink)}.essential-card>small{font-size:10px}.family-visual{border-top:1px solid #e1eae5;border-bottom:1px solid #e1eae5;margin:16px 0;padding:14px 0}.family-visual>strong{font-size:18px}.seat-map{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0}.seat{display:flex;align-items:center;justify-content:center;width:22px;height:26px;background:#dcece6;border:1px solid #a9cdc1;border-radius:6px 6px 3px 3px;font-size:10px;color:#377866}.metric{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;border-bottom:1px solid #e5ede8;font-size:12px}.metric:last-child{border-bottom:0}.metric-label{color:#64787c;font-size:11px;flex:0 1 45%}.metric strong{font-size:12px;text-align:right;flex:1;line-height:1.45;font-weight:650}.missing,.metric strong.missing{color:#849397;font-size:11px;font-weight:400;letter-spacing:0}.quick-metrics .metric:first-child strong{font-size:11px}.tool-note{color:#72848a;font-size:11px;line-height:1.6;margin:20px 0 0;max-width:850px}.tool-badge{font-size:10px;background:#e8f3ef;color:#377763;padding:6px 9px;border-radius:20px;white-space:nowrap}.shared-inputs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;background:#f0f6f3;padding:16px;border-radius:12px;margin:20px 0}.tool-field{min-width:0;margin-bottom:10px}.tool-field label{display:block;font-size:11px;color:#546e72;min-height:28px;line-height:1.3;margin:0 0 5px}.compact-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:14px 0}.compact-inputs input{padding:8px!important}.compact-inputs label{font-size:10px;min-height:30px}.small-action{border:1px solid #c7dcd1;color:var(--accent);border-radius:8px;background:white;padding:8px 10px;font-size:11px;min-height:40px;cursor:pointer}.small-action:disabled{color:#8b9896;border-color:#dfe6e1;cursor:default}.garage-result,.fuel-result{border-top:1px solid #dee9e3;margin:14px 0 0;padding:16px 0 0;min-height:32px}.garage-drawing{width:100%;height:170px;margin:10px 0}.garage-outline{fill:#e8eeeb;stroke:#869e96;stroke-width:2;stroke-dasharray:5 4}.car-outline{fill:#c0dfd4;stroke:#237a60;stroke-width:2}.fit-status{font-size:13px}.fit-status.short{color:#ac4837}.fit-status.tight,.fit-status.partial{color:#976a1c}.fit-status.clear{color:#28765d}.gap-list .metric{font-size:11px}.garage-result>small{display:block}.monthly-cost{display:block;font-size:27px;color:var(--accent);letter-spacing:-1px;margin-bottom:4px}.fuel-result>.quiet{display:block;font-size:10px}.fuel-result>small{display:block;margin-top:12px}.closing-line{font-size:11px;color:#61777c;text-align:center;line-height:1.6;padding:20px 0 8px}.closing-line a{color:var(--accent)}
.comparator .board{padding:0;margin:0;max-width:none;background:none;border:0;box-shadow:none}.comparator .grid{margin:0 auto;gap:0;border-radius:10px;overflow:hidden}.comparator .cell.section{grid-column:1/-1;min-height:48px;background:#eaf2ee!important;color:#264940;padding:12px 14px;border-radius:0;margin:12px 0 0;font-size:13px;box-shadow:none}.comparator .sec-title{font-size:13px}.comparator .sec-count,.comparator .sec-fixed-tag{font-size:10px}.comparator .grid>.cell.label{font-size:11px;background:#f7faf8;padding:12px;color:#657a7d;border-radius:0}.comparator .grid>.cell.value{font-size:12px;background:#fff;padding:12px;min-width:0;align-content:center;border-radius:0;border-bottom:1px solid #edf2ee;overflow-wrap:anywhere}.comparator .grid>.cell.value.alt{background:#f7faf8}.comparator .val-na{font-size:10px;color:#86969a}.comparator .value-note{font-size:9px;line-height:1.3;margin:4px 0 0}.comparator .has-meta{gap:4px}.comparator.compare-stacked .grid>.cell.label{grid-column:1/-1;margin-top:4px;padding:9px 12px;min-height:0;font-weight:700}.comparator.compare-stacked .grid>.cell.value{min-height:64px;display:flex;flex-direction:column;gap:3px;padding:10px 8px}.comparator.compare-stacked .grid>.cell.value:before{font-size:9px;letter-spacing:0;color:#6f8789;margin:0 0 4px}.comparator .is-row-hidden{padding:0!important;margin:0!important;min-height:0!important;border:0!important}
.comparator .sticky-compare{top:0!important;background:#ffffffed;box-shadow:0 4px 12px #123b3c12}.comparator .sticky-compare-inner{max-width:1132px}.comparator .sticky-car{border:0;background:none;padding:8px;min-width:0}.comparator .sticky-car small{font-size:9px}.comparator .sticky-car strong{font-size:11px}.comparator .sticky-car-text>span{font-size:9px}.comparator .sticky-placeholder{font-size:16px}.comparator footer{background:#edf3ef;color:#64787d;margin:24px 0 0;padding:28px 24px;font-size:11px}.comparator footer a{color:#3a6666;font-size:11px}
#sourcesDialog{width:min(680px,calc(100vw - 24px));max-height:85dvh;padding:24px;background:white;color:var(--ink);border:1px solid #d0ded6;border-radius:16px;box-shadow:0 20px 80px #0d2d3b40}#sourcesDialog::backdrop{background:#173d4a70}.dialog-top{display:flex;align-items:start;justify-content:space-between;gap:16px;position:sticky;top:-24px;background:#fff;padding:10px 0;z-index:1}.dialog-top h2{font-size:18px;line-height:1.4;margin:0}.dialog-top button{min-height:44px;min-width:68px;background:#f0f5f2;border:1px solid #d5e1d9;border-radius:8px;color:#345955;font-size:12px;cursor:pointer}.source-entry{border-bottom:1px solid #e0e9e3;padding:10px 0}.source-entry summary{font-size:13px;font-weight:600;min-height:32px;cursor:pointer}.source-entry p{font-size:12px;color:#5a7076;line-height:1.7;overflow-wrap:anywhere}.source-entry a{font-size:12px;color:var(--accent);display:inline-block;min-height:36px;padding:8px 0;margin-right:14px}
.comparator :focus-visible{outline:3px solid #30978c;outline-offset:3px}
.comparator .counter{width:auto;flex:0 0 auto;margin-left:0}.photo-details summary{font-size:10px;cursor:pointer;padding:6px 0;min-height:30px}.compact-summary{display:none}
@media(max-width:600px){#essentialResults{display:none}.compact-summary{display:grid;grid-template-columns:repeat(var(--cars),minmax(0,1fr));gap:0}.compact-summary .result-title{font-size:11px;align-items:start;line-height:1.4;padding:10px 4px;margin:0;background:#edf5f1;overflow-wrap:anywhere}.compact-summary .result-title:before{margin-top:4px;width:5px;height:5px}.compact-label{grid-column:1/-1;font-size:10px;font-weight:650;color:#5d767b;background:#f4f8f5;padding:9px 6px;margin-top:7px}.compact-value{padding:11px 5px;font-size:11px;line-height:1.4;border-bottom:1px solid #e3ece6;overflow-wrap:anywhere;text-align:left}.compact-value.missing{font-size:9px}.comparator .counter{font-size:10px;padding:6px 8px}.section-heading{gap:8px}}
@media(max-width:900px){.selection-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:3px 2px 12px}.selection-grid>.cell.head{flex:0 0 min(310px,82vw);scroll-snap-align:start}.swipe-help{display:block;font-size:11px;color:#72888a;margin:0 0 10px}.shared-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.result-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.comparator .sticky-compare-inner{display:flex;overflow-x:auto}.comparator .sticky-car{flex:1;min-width:105px}}
@media(max-width:600px){.comparator main{padding:0 16px}.comparator .site-head{padding:17px 16px}.brand-name{font-size:14px;line-height:1.4}.header-guide{display:none}.beta-tag{font-size:9px;padding:3px 6px;margin-left:7px}.intro{padding:34px 0 30px}.intro h1{letter-spacing:-1.5px;font-size:42px}.intro>p:not(.eyebrow){font-size:14px}.intro-chips span{font-size:10px;padding:5px 8px}.section-heading h2,.experience>h2{font-size:21px}.section-heading .quiet{font-size:11px}.comparator .toolbar{flex-wrap:wrap;gap:6px}.comparator .btn{font-size:11px;padding:9px 11px}.tool-panel{padding:16px 12px;border-radius:14px}.experience{margin-top:26px}.experience-tabs{gap:1px;padding:4px}.experience-tabs button{font-size:10px;padding:10px 3px}.panel-heading{align-items:start;flex-wrap:wrap}.panel-heading h3{font-size:17px}.shared-inputs{padding:12px;gap:8px}.shared-inputs .tool-field{margin-bottom:0}.tool-field label{font-size:10px}.result-cards{grid-template-columns:1fr;gap:12px}.essential-card{padding:16px}.essential-card .quick-metrics{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.essential-card .metric{display:block;padding:8px 0}.essential-card .metric strong{display:block;text-align:left;margin-top:3px}.family-visual{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}.seat-map{margin:0}.quick-price{font-size:25px}.tool-card{padding:16px}.comparator .grid>.cell.value{font-size:11px}.comparator .val-na{font-size:9px}.closing-line{text-align:left}#sourcesDialog{padding:18px}.dialog-top{top:-18px}}
@media(prefers-reduced-motion:reduce){.comparator *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Integrated sheet and automatic measurements. */
.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0 26px}.intro h1{font-size:clamp(28px,3.5vw,42px);letter-spacing:-1.4px;margin-bottom:9px;max-width:none}.intro .eyebrow{margin-bottom:10px}.intro p:not(.eyebrow){font-size:14px;color:#61757a;margin:0}.intro-chips{flex-shrink:0}.data-brief{font-size:11px;color:#6e7e80;margin:10px 0 18px;line-height:1.6}.data-brief a{color:var(--accent)}.full-details,.resale-section{margin-top:30px;border-top:1px solid #e1eae5;padding-top:24px}.resale-section h3{font-size:18px;letter-spacing:-.3px;margin:0 0 6px}.resale-section>.quiet{margin-bottom:18px}.used-price{display:block;font-size:20px;letter-spacing:-.5px;color:var(--ink)}.used-examples{margin:16px 0 10px;border-top:1px solid #e1eae5;padding-top:10px}.used-examples summary{font-size:11px;color:var(--accent);cursor:pointer;min-height:30px}.resale-section .tool-card>small{display:block;font-size:10px}.garage-calculator{margin-top:24px;border:1px solid #dce6e1;border-radius:12px;padding:16px}.garage-calculator>summary{font-size:14px;font-weight:650;color:var(--accent);cursor:pointer;min-height:32px}.garage-calculator input[readonly]{background:#eaf1ee;color:#526b6c;border-color:#e0e7e2;cursor:default}.dimension-silhouette{height:70px;max-width:160px;margin:8px auto 18px;position:relative;background:linear-gradient(transparent 47%,#d1e5dc 47%,#d1e5dc 82%,transparent 82%);border-radius:18px}.dimension-silhouette:before{content:"";position:absolute;left:22%;right:24%;top:9px;height:40px;background:#d1e5dc;border:2px solid #81ab9a;border-radius:18px 28px 3px 3px}.dimension-silhouette:after{content:"";position:absolute;bottom:0;left:15%;width:22px;height:22px;background:#40675b;border-radius:50%;box-shadow:88px 0 #40675b}.dimension-card .metric strong{font-size:15px}.dimension-card .metric strong.missing{font-size:11px}.fuel-result{margin-top:10px}.comparator .selection-grid .head{align-self:start}.comparator .selection-grid .vehicle-settings{margin-top:12px}.comparator .hero-meta{min-height:62px}.comparator .hero-model{min-height:46px}
.comparator.compare-stacked .grid>.cell.value{flex-wrap:nowrap;align-items:flex-start;align-content:normal}.comparator.compare-stacked .grid>.cell.value:before{flex:0 0 auto;width:100%;line-height:1.3}.comparator.compare-stacked .grid>.cell.value>span{display:block;max-width:100%}
.fuel-feedback{margin:12px 0 20px}.fuel-feedback .data-brief{margin:0 0 8px}.fuel-feedback .small-action{max-width:100%;white-space:normal}.tool-note a{color:var(--accent)}
.family-visual>small{display:block;font-size:10px;margin-top:4px}.comparator .cell.section{--sec-bg:#f7faf8;--sec-head:#eaf2ee;--sec-line:var(--accent);--sec-text:var(--ink);border-left:0}.comparator .cell.section .sec-count,.comparator .cell.section .sec-fixed-tag{color:#61757a}.comparator .cell.section .sec-arrow{color:var(--accent)}
@media(max-width:600px){.intro{padding:24px 0 22px;display:block}.intro h1{font-size:32px;letter-spacing:-1px}.intro-chips{margin-top:14px}.intro p:not(.eyebrow){font-size:12px}.full-details,.resale-section{padding-top:18px;margin-top:22px}.garage-calculator{padding:12px}.dimension-card .metric{display:flex}.dimension-card .metric strong{text-align:right}.data-brief{font-size:10px}}