@layer components{.compare-selector{align-items:end;gap:12px;margin-top:32px;padding:0;display:grid}.compare-selector label,.comparison-picker-field{gap:7px;min-width:0;display:grid}.compare-selector label>span,.comparison-picker-field>span{font-size:var(--text-small);font-weight:var(--weight-medium)}.compare-selector select{width:100%;min-height:var(--control-height);border-radius:var(--control-radius);background:var(--control-surface);color:var(--ink);border:1px solid #0000;padding:10px 12px;transition:background .18s,box-shadow .18s}.compare-selector select:hover{background:var(--control-surface-hover)}.compare-selector select:focus-visible{box-shadow:inset 0 0 0 1px var(--focus);outline:0}.compare-selector__slot{align-self:start;gap:var(--space-xs);min-width:0;display:grid}.compare-selector__slot>h2{font-size:var(--text-small);font-weight:var(--weight-strong);letter-spacing:normal;margin:0}.comparison-picker-pair{gap:var(--space-xs);display:grid}.comparison-picker-pair label,.comparison-picker-field{gap:5px}.comparison-picker-pair label>span,.comparison-picker-field>span{color:var(--muted);font-size:var(--text-small);font-weight:var(--weight-medium)}.vehicle-row__facts small,.comparison-value small{color:var(--muted);font-size:var(--text-small);font-weight:var(--weight-regular);display:block}.evidence-table{border-collapse:separate;border-spacing:0;width:100%}.evidence-table th,.evidence-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:11px 14px}.evidence-table thead th{background:var(--surface)}.evidence-table .specification-group th,.evidence-table .comparison-group th{background:var(--electric-surface);color:var(--cyan-deep);font-size:var(--text-small);font-weight:var(--weight-medium);padding-block:8px}.compare-selector--2{grid-template-columns:repeat(2,minmax(190px,1fr)) minmax(150px,auto)}.compare-selector--3{grid-template-columns:repeat(3,minmax(160px,1fr)) minmax(150px,auto)}.compare-selector--4{grid-template-columns:repeat(4,minmax(145px,1fr))}.compare-selector__add{min-height:var(--control-height);border:1px solid var(--cyan-deep);border-radius:var(--control-radius);background:var(--accent);color:var(--cyan-deep);font:inherit;font-size:var(--text-body);font-weight:var(--weight-strong);cursor:pointer;transition:border-color .18s ease, background .18s ease, transform .18s var(--ease-out);justify-content:center;align-items:center;gap:8px;padding:9px 13px;display:inline-flex}.compare-selector__add:hover{background:var(--accent);transform:translateY(-1px)}.compare-selector__add:active{transform:translateY(0)}.compare-selector__add:disabled{opacity:.58;cursor:wait;transform:none}.compare-selector__add svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:18px;height:18px}.comparison-mobile-limit{display:none}.compare-empty{margin-top:48px}.compare-utilities{justify-content:flex-end;align-items:center;gap:var(--space-sm);min-height:var(--button-height);display:flex}.compare-utilities [role=status]{min-width:9ch;color:var(--muted);font-size:var(--text-small)}.comparison-unavailable{gap:var(--space-xs);margin-top:var(--space-md);border-top:1px solid var(--line);padding-top:var(--space-sm);display:grid}.comparison-unavailable>div{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.comparison-unavailable span,.comparison-unavailable strong{display:block}.comparison-unavailable span{color:var(--muted);font-size:var(--text-small)}.comparison-unavailable strong{font-size:var(--text-body)}.comparison-unavailable>p{color:var(--warning-ink);font-size:var(--text-body);line-height:1.5}.comparison-photo{min-width:0}.comparison-photo__trigger{gap:var(--space-xs);width:100%;max-width:220px;color:var(--ink);text-align:left;background:0 0;border:0;padding:0;display:grid;position:relative}.comparison-photo__trigger picture{border-radius:var(--menu-radius);background:var(--surface);width:100%;display:block;overflow:hidden}.comparison-photo__trigger img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;transition:transform .22s var(--ease-out)}.comparison-photo__trigger>span{overflow-wrap:anywhere;font-size:var(--text-body);font-weight:var(--weight-strong)}.comparison-photo__trigger>svg{top:var(--space-xs);right:var(--space-xs);width:var(--control-height-sm);height:var(--control-height-sm);border-radius:var(--pill-radius);background:var(--bg);color:var(--cyan-deep);fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;box-shadow:0 2px 12px var(--raised-shadow);padding:8px;position:absolute}.comparison-photo__trigger:hover img{transform:scale(1.02)}.comparison-photo__trigger:focus-visible{outline:0}.comparison-photo__trigger:focus-visible picture{box-shadow:0 0 0 3px var(--focus)}.comparison-photo__dialog{border-radius:var(--panel-radius);background:var(--bg);width:min(1200px,100vw - 48px);max-width:none;max-height:calc(100vh - 48px);color:var(--ink);box-shadow:0 24px 72px var(--raised-shadow);border:0;margin:auto;padding:0;overflow:hidden}.comparison-photo__dialog::backdrop{background:var(--overlay)}.comparison-photo__dialog figure{margin:0}.comparison-photo__dialog picture,.comparison-photo__dialog img{width:100%;height:auto}.comparison-photo__dialog img{object-fit:contain;background:var(--surface);max-height:calc(100vh - 112px)}.comparison-photo__dialog figcaption{padding:var(--space-sm) var(--space-md);font-size:var(--text-body);font-weight:var(--weight-strong)}.comparison-photo__close{top:var(--space-sm);right:var(--space-sm);width:var(--button-height);height:var(--button-height);border-radius:var(--pill-radius);background:var(--bg);color:var(--ink);font-size:var(--text-title);box-shadow:0 2px 14px var(--raised-shadow);border:0;place-items:center;padding:0;line-height:1;display:inline-grid;position:absolute}.comparison-photo__close:hover{background:var(--control-surface-hover)}.comparison-photo__close:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.comparison-key-differences{gap:var(--space-md);margin-top:var(--space-lg);padding-block:var(--space-lg);display:grid}.comparison-key-differences h2{font-size:var(--text-title);letter-spacing:-.015em}.comparison-key-grid{gap:0;display:grid}.comparison-key-grid__vehicles,.comparison-key-row{gap:var(--space-lg);grid-template-columns:minmax(10rem,.65fr) repeat(2,minmax(0,1fr));align-items:baseline;display:grid}.comparison-key-grid__vehicles{padding:0 var(--space-sm) var(--space-xs);color:var(--cyan-deep);font-size:var(--text-small);align-items:center}.comparison-key-vehicle{align-items:center;gap:var(--space-xs);min-width:0;display:flex}.comparison-key-vehicle>span{overflow-wrap:anywhere}.comparison-key-row{border-top:1px solid var(--line);padding:var(--space-sm)}.comparison-key-row>span{color:var(--muted);font-size:var(--text-small);font-weight:var(--weight-medium)}.comparison-key-row>strong{font-size:var(--text-body);font-weight:var(--weight-regular);font-variant-numeric:lining-nums proportional-nums;letter-spacing:normal}.comparison-key-empty{max-width:65ch;color:var(--muted);font-size:var(--text-body)}.comparison-incompatibilities{gap:var(--space-xs);border-top:1px solid var(--line);padding:var(--space-md) 0 0;margin:0;list-style:none;display:grid}.comparison-incompatibilities li{gap:var(--space-lg);color:var(--warning-ink);font-size:var(--text-body);grid-template-columns:minmax(10rem,.65fr) minmax(0,2fr);line-height:1.5;display:grid}.comparison-incompatibilities strong{color:var(--ink)}.comparison-scroll-hint{display:none}.comparison-scroll{margin-top:var(--space-md);overscroll-behavior-inline:contain;scrollbar-gutter:stable;overflow-x:auto}.comparison-mobile{display:none}.comparison-table{table-layout:fixed;min-width:760px}.comparison-loading__bar{border-radius:var(--control-radius);background:var(--electric-surface-strong);width:68%;min-height:1em;animation:.8s ease-in-out infinite alternate comparison-loading-pulse;display:block}.comparison-loading__bar--heading{width:76%;min-height:2em}.comparison-loading__bar--label{width:82%}.comparison-loading-table tbody tr:nth-child(2n) .comparison-loading__bar:not(.comparison-loading__bar--label){width:54%}@keyframes comparison-loading-pulse{0%{opacity:.48}to{opacity:1}}.comparison-table--2{min-width:620px}.comparison-table td{padding-block:13px}.comparison-table thead th{background:var(--surface)}.comparison-table thead th:first-child{width:10rem}.comparison-table thead th:first-child,.comparison-table tbody tr:not(.comparison-group)>th{z-index:1;background:var(--bg);box-shadow:1px 0 var(--line);position:sticky;left:0}.comparison-table thead th:first-child{z-index:4;background:var(--surface)}.comparison-table thead span{color:var(--primary);font-size:var(--text-small);font-weight:var(--weight-strong);display:block}.comparison-column-name{overflow-wrap:anywhere;color:var(--ink);font-size:var(--text-body);font-weight:var(--weight-strong);display:block}.comparison-table thead th>small{margin-top:var(--space-2xs);color:var(--muted);font-size:var(--text-small);font-weight:var(--weight-medium);display:block}.comparison-column-actions{align-items:center;gap:0 var(--space-sm);flex-wrap:wrap;display:flex}.comparison-column-actions>a,.comparison-column-actions>button{min-height:var(--button-height);color:var(--cyan-deep);font-size:var(--text-body);font-weight:var(--weight-medium);text-underline-offset:3px;align-items:center;display:inline-flex}.comparison-column-actions>a:hover{text-decoration-thickness:2px}.comparison-column-actions>button{color:var(--muted)}.comparison-table tbody th{color:var(--muted);font-size:var(--text-small);font-weight:var(--weight-medium)}.comparison-table tbody th small{font-size:var(--text-small);margin-top:4px;display:block}.comparison-table tbody th small.is-incompatible{color:var(--warning-ink)}.comparison-table .comparison-group th{color:var(--cyan-deep);font-size:var(--text-small)}.comparison-value{font-size:var(--text-body);font-weight:var(--weight-regular);font-variant-numeric:lining-nums proportional-nums;letter-spacing:normal}.comparison-state{color:var(--muted);font-size:var(--text-body)}.comparison-state--warning{color:var(--warning-ink);font-weight:var(--weight-medium)}.curated-comparison-links{gap:var(--space-xl);margin-top:var(--space-3xl);border-top:1px solid var(--line);padding-top:var(--space-xl);display:grid}.curated-comparison-links>div:first-child{gap:var(--space-xs);max-width:62ch;display:grid}.curated-comparison-links h2{font-size:var(--text-title)}.curated-comparison-links>div:first-child>p:last-child{color:var(--muted);line-height:1.55}.curated-comparison-links__groups{gap:var(--space-xl);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.curated-comparison-links__groups section{border-top:1px solid var(--line);min-width:0;padding-top:var(--space-sm)}.curated-comparison-links__groups h3{font-size:var(--text-small);letter-spacing:normal}.curated-comparison-links__groups ul{gap:var(--space-xs);margin-top:var(--space-sm);display:grid}.curated-comparison-links__groups a{color:var(--cyan-deep);font-size:var(--text-body);text-underline-offset:3px;line-height:1.4}}@layer responsive{@media (width<=920px){.compare-selector{grid-template-columns:1fr 1fr}.curated-comparison-links__groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.compare-selector{grid-template-columns:1fr;margin-top:34px;padding:0}.compare-selector__slot{grid-column:auto}.compare-selector__slot--desktop,.compare-selector__slot--awaiting-first,.compare-selector__add,.desktop-only{display:none}.comparison-mobile-limit{color:var(--muted);font-size:var(--text-small);margin-top:10px;line-height:1.45;display:block}.comparison-photo__trigger>span{font-size:var(--text-small);line-height:1.35}.comparison-photo__dialog{width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.comparison-key-grid__vehicles,.comparison-key-row{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-key-grid__vehicles>span,.comparison-key-row>span{grid-column:1/-1}.comparison-key-grid__vehicles,.comparison-key-row{padding-inline:0}.comparison-key-row>span{margin-bottom:-3px}.comparison-incompatibilities li{grid-template-columns:1fr;gap:2px}.comparison-scroll{display:none}.comparison-mobile{margin-top:var(--space-md);margin-left:calc(-1 * max(18px, env(safe-area-inset-left)));margin-right:calc(-1 * max(18px, env(safe-area-inset-right)));display:block}.comparison-mobile-table,.comparison-mobile-table thead,.comparison-mobile-table tbody{width:100%;display:block}.comparison-mobile-table tr{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.comparison-mobile-table thead{z-index:calc(var(--z-sticky) - 1);top:var(--header-height);background:var(--surface);position:sticky}.comparison-mobile-table thead tr{border:0}.comparison-mobile-table thead th{background:var(--surface);border:0;min-width:0;padding:10px 7px}.comparison-mobile-table thead th:nth-child(2){padding-left:max(18px, env(safe-area-inset-left))}.comparison-mobile-table thead th:last-child{padding-right:max(18px, env(safe-area-inset-right))}.comparison-mobile-table thead th>span{color:var(--primary);font-size:var(--text-small);font-weight:var(--weight-strong);display:block}.comparison-mobile-table thead th>small{color:var(--muted);font-size:var(--text-small);display:block}.comparison-mobile-table .comparison-column-name{font-size:var(--text-body);line-height:1.3}.comparison-mobile-table .comparison-column-actions{flex-direction:column;align-items:flex-start;gap:0}.comparison-mobile-table .comparison-column-actions>a,.comparison-mobile-table .comparison-column-actions>button{min-height:var(--control-height-sm);font-size:var(--text-body);text-align:left;padding-block:5px}.comparison-mobile-table tbody tr:not(.comparison-group){border-bottom:1px solid var(--line);padding-block:var(--space-sm)}.comparison-mobile-table tbody tr:not(.comparison-group)>th{color:var(--muted);padding:0 max(18px, env(safe-area-inset-right)) var(--space-xs) max(18px, env(safe-area-inset-left));font-size:var(--text-small);font-weight:var(--weight-medium);border:0;grid-column:1/-1}.comparison-mobile-table tbody th small{font-size:var(--text-small);margin-left:6px;display:inline}.comparison-mobile-table tbody th small.is-incompatible{color:var(--warning-ink)}.comparison-mobile-table tbody td{border:0;min-width:0;min-height:2rem;padding:0 7px}.comparison-mobile-table tbody td:nth-child(2){padding-left:max(18px, env(safe-area-inset-left))}.comparison-mobile-table tbody td:last-child{padding-right:max(18px, env(safe-area-inset-right))}.comparison-mobile-table .comparison-group{display:block}.comparison-mobile-table .comparison-group th{border-bottom:1px solid var(--line);width:100%;padding:8px max(18px, env(safe-area-inset-right)) 8px max(18px, env(safe-area-inset-left));color:var(--cyan-deep);font-size:var(--text-small);display:block}.comparison-mobile-table .comparison-value{overflow-wrap:anywhere;font-size:var(--text-body);line-height:1.35}.comparison-mobile-table .comparison-value>small{font-size:var(--text-small)}.comparison-loading-table .comparison-loading__bar{min-height:1em}.comparison-loading-table .comparison-loading__bar--heading{min-height:2.5em}.curated-comparison-links__groups{gap:var(--space-lg);grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.comparison-loading__bar{opacity:.72;animation:none}}}
