@layer components{.compare-page{--compare-label-width:var(--table-label-width)}.compare-selector{gap:var(--space-sm);margin-top:var(--space-xl);align-items:end;padding:0;display:grid}.compare-selector label,.comparison-picker-field{gap:var(--space-xs);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);padding:var(--space-xs) var(--space-sm);border:1px solid #0000;transition:background .18s,box-shadow .18s}@media (hover:hover) and (pointer:fine){.compare-selector select:hover{background:var(--control-surface-hover)}}.compare-selector select:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.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:var(--space-2xs)}.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}.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{justify-content:center;align-items:center;gap:var(--space-xs);min-height:var(--control-height);border:1px solid var(--line-strong);border-radius:var(--control-radius);color:var(--cyan-deep);padding:var(--space-xs) var(--space-sm);font:inherit;font-size:var(--text-body);font-weight:var(--weight-medium);cursor:pointer;transition:border-color .18s ease, background .18s ease, transform .18s var(--ease-out);background:0 0;display:inline-flex}@media (hover:hover) and (pointer:fine){.compare-selector__add:hover{border-color:var(--cyan-deep);background:var(--control-surface-hover);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:var(--space-xl)}.compare-empty>p{color:var(--muted)}.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>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);padding:var(--space-xs);fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;box-shadow:var(--shadow-lifted);position:absolute}@media (hover:hover) and (pointer:fine){.comparison-photo__trigger:hover img{transform:scale(1.02)}}.comparison-photo__trigger:focus-visible{outline:0}.comparison-photo__trigger:focus-visible picture{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.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:var(--shadow-overlay);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:var(--shadow-lifted);border:0;place-items:center;padding:0;line-height:1;display:inline-grid;position:absolute}@media (hover:hover) and (pointer:fine){.comparison-photo__close:hover{background:var(--control-surface-hover)}}.comparison-photo__close:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.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);line-height:var(--leading-title);letter-spacing:var(--tracking-title)}.comparison-key-grid{gap:0;display:grid}.comparison-key-grid,.comparison-incompatibilities{max-width:calc(var(--compare-label-width) + var(--table-column-max) * 2)}.comparison-key-grid__vehicles,.comparison-key-row{grid-template-columns:var(--compare-label-width) repeat(2, minmax(0, var(--table-column-max)));align-items:baseline;display:grid}.comparison-key-grid__vehicles>*,.comparison-key-row>*{padding-inline:var(--space-sm)}.comparison-key-grid__vehicles{padding-bottom: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(--table-hairline);padding-block:var(--space-xs)}.comparison-key-row>span{color:var(--muted);font-size:var(--text-small);font-weight:var(--weight-regular)}.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{grid-template-columns:var(--compare-label-width) minmax(0, calc(var(--table-column-max) * 2));color:var(--warning-ink);font-size:var(--text-body);line-height:1.5;display:grid}.comparison-incompatibilities li>*{padding-inline:var(--space-sm)}.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-table--2{min-width:620px;max-width:calc(var(--compare-label-width) + var(--table-column-max) * 2)}.comparison-table--3{min-width:700px;max-width:calc(var(--compare-label-width) + var(--table-column-max) * 3)}.comparison-table--4{max-width:calc(var(--compare-label-width) + var(--table-column-max) * 4)}.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 thead th{background:var(--surface)}.comparison-table thead th:first-child{width:var(--compare-label-width)}.comparison-column-brand{margin-bottom:var(--space-2xs);color:var(--muted);font-size:var(--text-small);font-weight:var(--weight-medium);display:flex}.comparison-column-name{overflow-wrap:anywhere;color:var(--ink);font-size:var(--text-body);font-weight:var(--weight-strong);line-height:1.3;display:block}.comparison-table tbody tr:not(.comparison-group,.comparison-photo-row,.comparison-actions-row)>*{background:var(--comparison-row-fill,transparent)}@media (hover:hover) and (pointer:fine){.comparison-table tbody tr:not(.comparison-group,.comparison-photo-row,.comparison-actions-row):hover{--comparison-row-fill:var(--row-hover)}.comparison-table tbody tr:not(.comparison-group,.comparison-photo-row,.comparison-actions-row):hover>th{color:var(--ink)}}.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(--control-height-sm);color:var(--cyan-deep);font-size:var(--text-small);font-weight:var(--weight-medium);text-underline-offset:3px;align-items:center;display:inline-flex}@media (hover:hover) and (pointer:fine){.comparison-column-actions{row-gap:var(--space-xs)}.comparison-column-actions>a,.comparison-column-actions>button{min-height:0}.comparison-column-actions>a:hover{text-decoration-thickness:2px}}.comparison-column-actions>button{color:var(--muted);padding:0}.comparison-table tbody th{color:var(--muted);font-size:var(--text-small);font-weight:var(--weight-regular)}.comparison-table tbody th small{margin-top:var(--space-2xs);font-size:var(--text-small);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);line-height:var(--leading-title);letter-spacing:var(--tracking-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 .link-rows{margin-top:var(--space-xs)}.curated-comparison-links__groups .link-rows>li:first-child{border-top:0}}@layer responsive{@media (width<=760px){.curated-comparison-page .guide-comparison__table{overflow:visible}.curated-comparison-page .guide-comparison__table thead{z-index:calc(var(--z-sticky) - 1);top:var(--header-height);background:var(--section-surface);box-shadow:0 1px 0 var(--line-strong);position:sticky}}@media (width>=1024px){.comparison-scroll{overflow-x:visible}.comparison-table thead th{z-index:2;top:var(--header-height);position:sticky}.comparison-table thead th:first-child{z-index:4}}@media (width<=1023px){.compare-page{--compare-label-width:11rem}.compare-selector{grid-template-columns:1fr 1fr}.comparison-table thead th:first-child,.comparison-table tbody tr:not(.comparison-group)>th{z-index:1;background:var(--comparison-row-fill,var(--bg));box-shadow:1px 0 var(--table-hairline);position:sticky;left:0}.comparison-table thead th:first-child{z-index:4;background:var(--surface)}.curated-comparison-links__groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.compare-selector{margin-top:var(--space-xl);grid-template-columns:1fr;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{margin-top:var(--space-xs);color:var(--muted);font-size:var(--text-small);line-height:1.45;display:block}.comparison-photo__dialog{width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.comparison-key-grid__vehicles,.comparison-key-row{column-gap:var(--space-xs);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>*,.comparison-incompatibilities li>*{padding-inline:0}.comparison-key-row{padding-block:var(--space-sm)}.comparison-key-row>span{padding-bottom:var(--space-2xs)}.comparison-incompatibilities li{gap:var(--space-2xs);grid-template-columns:1fr}.comparison-scroll{display:none}.comparison-mobile{margin-top:var(--space-md);margin-left:calc(-1 * max(var(--page-gutter-phone), env(safe-area-inset-left)));margin-right:calc(-1 * max(var(--page-gutter-phone), 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);min-width:0;padding:var(--space-xs);border:0}.comparison-mobile-table thead th:nth-child(2){padding-left:max(var(--page-gutter-phone), env(safe-area-inset-left))}.comparison-mobile-table thead th:last-child{padding-right:max(var(--page-gutter-phone), env(safe-area-inset-right))}.comparison-mobile-table .comparison-column-name{font-size:var(--text-small)}.comparison-mobile-table .comparison-column-actions>button{text-align:left}.comparison-mobile-table :is(.comparison-photo-row,.comparison-actions-row)>td{padding-top:var(--space-xs)}.comparison-mobile-table tbody tr:not(.comparison-group){border-bottom:1px solid var(--table-hairline)}.comparison-mobile-table tbody tr:not(.comparison-group)>th{color:var(--muted);padding:var(--space-xs) max(var(--page-gutter-phone), env(safe-area-inset-right)) var(--space-2xs) max(var(--page-gutter-phone), env(safe-area-inset-left));font-size:var(--text-small);border:0;grid-column:1/-1}.comparison-mobile-table tbody th small{margin-left:var(--space-2xs);font-size:var(--text-small);display:inline}.comparison-mobile-table tbody th small.is-incompatible{color:var(--warning-ink)}.comparison-mobile-table tbody td{min-width:0;padding:0 var(--space-xs) var(--space-xs);border:0}.comparison-mobile-table tbody td:nth-child(2){padding-left:max(var(--page-gutter-phone), env(safe-area-inset-left))}.comparison-mobile-table tbody td:last-child{padding-right:max(var(--page-gutter-phone), env(safe-area-inset-right))}.comparison-mobile-table .comparison-group{display:block}.comparison-mobile-table .comparison-group th{border-bottom:1px solid var(--table-hairline);width:100%;padding:var(--space-lg) max(var(--page-gutter-phone), env(safe-area-inset-right)) var(--space-2xs) max(var(--page-gutter-phone), env(safe-area-inset-left));display:block}.comparison-mobile-table .comparison-value{overflow-wrap:break-word;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}}}
