:root{color-scheme:dark;--compare-line:rgba(142,207,225,.23);--compare-muted:#aac8d6;--compare-accent:#7ee5da}
.comparison-page{margin:0;color:#f1f9fc;background:radial-gradient(ellipse at 10% 0,rgba(7,110,126,.3),transparent 42%),#051521;font-family:system-ui,-apple-system,sans-serif}
.comparison-page .page{max-width:1360px;background:transparent;padding:0 clamp(14px,3vw,36px) 30px}
.comparison-page a{color:#86e7f3}
.compare-brand{display:flex;align-items:center;justify-content:space-between;padding:22px 0;gap:14px}
.compare-brand a{font:700 clamp(23px,4vw,32px) Georgia,serif;text-decoration:none;color:#fff}
.compare-brand span{color:var(--compare-muted);font-size:13px}
.comparison-page .header.masthead.compare-brand{display:flex!important;width:100%!important;max-width:none!important;margin:0!important;padding:22px 0!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.comparison-page .header.masthead.compare-brand .brand{position:static!important;width:auto!important;font-family:Georgia,serif;font-size:clamp(23px,4vw,32px)}
.comparison-page .compare-brand + .main-nav:not(.is-open){max-width:none!important}
.compare-intro{padding:40px 0 24px;max-width:900px}
.compare-eyebrow{color:var(--compare-accent);font-size:11px;letter-spacing:.16em;font-weight:800}
.compare-intro h1{font:500 clamp(38px,6vw,64px)/1.05 Georgia,serif;letter-spacing:-.02em;margin:12px 0 16px}
.compare-intro>p:not(.compare-eyebrow){line-height:1.6}
.compare-meta,.compare-explanation{color:var(--compare-muted);font-size:13px;line-height:1.6}
.compare-builder{padding:22px;border:1px solid var(--compare-line);border-radius:16px;background:rgba(12,37,51,.9)}
.compare-families{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.comparison-page button,.comparison-page select,.comparison-page input{font:inherit}
.compare-families button,#comparison-share{color:#d8eef6;border:1px solid var(--compare-line);background:#0c2635;border-radius:8px;padding:10px 13px;cursor:pointer;min-height:44px;font-size:13px}
.compare-families button[aria-pressed=true]{background:var(--compare-accent);border-color:var(--compare-accent);color:#032325;font-weight:750}
.comparison-page :focus-visible{outline:3px solid #ffb571;outline-offset:3px}
.compare-choice-heading,.compare-result-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.comparison-page h2{font-size:20px;letter-spacing:-.02em;margin:0}
.compare-search{display:block;font-size:13px;font-weight:600;max-width:500px;margin-bottom:18px}
.comparison-page input,.comparison-page select{display:block;width:100%;min-width:0;margin-top:8px;border:1px solid #466070;border-radius:7px;padding:12px;background:#061b29;color:#f3faff;min-height:46px}
.compare-selectors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.compare-selectors label{font-size:13px;font-weight:700;min-width:0}
.compare-selectors select{font-size:13px;text-overflow:ellipsis}
.compare-results{margin-top:30px}
.compare-result-heading label{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--compare-muted)}
.compare-result-heading select{width:auto;margin:0}
.compare-differences{display:flex;align-items:center;gap:9px;min-height:44px;font-size:14px;cursor:pointer}
.comparison-page .compare-differences input{display:inline-block;width:18px;height:18px;min-height:0;padding:0;margin:0;accent-color:#7ee5da;flex:none}
#comparison-difference-status:empty{display:none}
.compare-explanation{max-width:1000px;margin-bottom:10px}
.compare-family-note{border-left:3px solid var(--compare-accent);padding-left:12px;font-size:13px;line-height:1.6;color:#c2dee8}
.compare-swipe{display:none;color:var(--compare-muted);font-size:12px}
.compare-table-wrap{overflow:auto;border:1px solid var(--compare-line);border-radius:12px;margin-top:20px;isolation:isolate}
.compare-table-wrap:empty{border:0}
.compare-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:720px;font-size:13px}
.compare-table.has-three{min-width:1000px}
.compare-table th,.compare-table td{padding:17px 18px;text-align:left;vertical-align:top;border-right:1px solid var(--compare-line);border-bottom:1px solid var(--compare-line);overflow-wrap:anywhere;line-height:1.5}
.compare-table th:last-child,.compare-table td:last-child{border-right:0}
.compare-table tr:last-child>*{border-bottom:0}
.compare-table th:first-child{width:185px;position:sticky;left:0;z-index:2;background:#0b2433;color:#bbd6e2;font-weight:650}
.compare-table thead th{background:#0a2636;padding:20px 18px}
.compare-table thead th:first-child{vertical-align:bottom}
.compare-table td{background:rgba(6,26,40,.94)}
.compare-table tbody tr:nth-child(even) td{background:#0a202f}
.compare-table .compare-group th{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--compare-accent);background:#0c2c3b;padding:11px 18px}
.compare-model-brand{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--compare-accent)}
.compare-table h3{font-size:17px;color:white;margin:6px 0 10px;line-height:1.3}
.compare-model-type,.compare-model-region{display:block;font-size:12px;color:var(--compare-muted);font-weight:400;margin:5px 0}
.compare-product-link{display:inline-block;margin-top:8px;font-size:12px}
.compare-value{white-space:pre-line}
.compare-condition{font-size:11px;color:#a7c8d5;margin:6px 0}
.compare-source{margin-top:10px;font-size:12px;color:var(--compare-muted)}
.compare-source summary{cursor:pointer;color:#7bd9e7;min-height:26px;list-style-position:outside;margin-left:12px}
.compare-source p{margin:8px 0;line-height:1.6}
.compare-source a{overflow-wrap:anywhere}
.compare-empty{padding:26px;color:var(--compare-muted);line-height:1.6}
.compare-error{border:1px solid #f3a78c;background:#38201d;padding:20px;border-radius:10px}
.compare-footer{margin-top:35px;border-top:1px solid var(--compare-line);padding:24px 0;color:var(--compare-muted);font-size:12px;line-height:1.7}
.comparison-entry{font-size:13px;color:#b8d5e2;display:flex;flex-wrap:wrap;gap:8px 18px;margin:12px 0 20px}
.comparison-entry a{color:#82e8dc;font-weight:700}
@media(max-width:700px){.compare-brand span{display:none}.compare-intro{padding-top:26px}.compare-builder{padding:16px}.compare-selectors{grid-template-columns:1fr}.compare-families{gap:6px}.compare-families button{padding:9px 10px;font-size:12px}.compare-table{min-width:680px}.compare-table.has-three{min-width:930px}.compare-table th:first-child{width:130px;padding-left:12px;padding-right:12px}.compare-table th,.compare-table td{padding:14px}.compare-swipe{display:block}.compare-choice-heading{align-items:flex-start}.compare-result-heading{align-items:flex-start;flex-direction:column}.compare-model-region{font-size:11px}}

.compare-table caption{padding:10px;text-align:left;color:var(--compare-muted);font-size:12px}
.compare-table-wrap{container-type:inline-size;scroll-margin-top:85px}
#comparison-heading{scroll-margin-top:85px}
@media(max-width:700px){.compare-table{width:calc(200cqw - 130px);min-width:0}.compare-table.has-three{width:calc(300cqw - 260px);min-width:0}}

/* A small, keyboard/touch-accessible marker for explicitly chosen manual specs. */
.comparison-manual-note{display:inline;margin-left:2px;font-weight:normal}
.comparison-manual-note>summary{display:inline-block;list-style:none;cursor:pointer;color:#73e4ff;padding:0 5px;min-width:20px;min-height:24px;vertical-align:baseline;text-align:center}
.comparison-manual-note>summary::-webkit-details-marker{display:none}
.comparison-manual-note>summary sup{font-size:11px;font-weight:700}
.comparison-manual-note>summary:focus-visible{outline:2px solid #73e4ff;outline-offset:2px}
.comparison-manual-explanation{display:block;margin:6px 0 10px;padding:8px 10px;border-left:2px solid #73e4ff;background:#102e40;font-size:12px;line-height:1.5;color:#d8edf4}
.comparison-manual-explanation p{margin:0 0 7px!important;font-size:12px!important;line-height:1.5!important}
.comparison-manual-explanation p:last-child{margin-bottom:0!important}
.comparison-manual-explanation a{color:#73e4ff;overflow-wrap:anywhere}
