.compare-page{--vermilion:#ff4d47;--compare-accent:#ff4d47;background:#f0f2f4}.compare-page main{min-width:0;overflow-x:clip}.compare-page .button{border-radius:10px;min-height:44px}.compare-live-summary{flex-wrap:wrap;justify-content:end;gap:6px;max-width:460px;display:flex}.compare-live-summary span{color:#6c737c;padding-block:7px;font-size:12px}.compare-live-summary span+span:before{color:#17191c47;content:"/";margin-right:6px}.compare-context-panel,.compare-result-section,.compare-selection,.compare-live-board{padding:34px 0}.compare-context-panel>header,.compare-result-section>header,.compare-selection>header,.compare-live-board>header{justify-content:space-between;align-items:end;gap:24px;margin-bottom:18px;display:flex}.compare-context-panel h2,.compare-result-section h2,.compare-selection h2,.compare-live-board h2{font:720 25px var(--sans);letter-spacing:-.02em;margin:5px 0 0}.compare-context-panel header p,.compare-result-section header p,.compare-selection header p,.compare-live-board header p{color:var(--brass);margin:5px 0 0;font-size:12px}.compare-access-badge{color:#6c737c;padding-block:8px;font-size:12px;font-weight:600}.compare-context-form{background:#fff;border:1px solid #20232814;border-radius:16px;grid-template-columns:repeat(5,minmax(0,1fr)) auto;display:grid;overflow:hidden;box-shadow:0 16px 44px #20232814}.compare-context-form>label{border-right:1px solid var(--hairline);align-content:center;min-height:72px;padding:10px 13px;display:grid}.compare-context-form>label span{color:var(--brass);font-size:12px}.compare-context-form select,.compare-context-form input{background:0 0;border:0;width:100%;min-height:44px;padding:5px 0;font-weight:700}.compare-refresh{white-space:nowrap;border-radius:10px;margin:10px}.compare-extra-context{border-top:1px solid var(--hairline);grid-column:1/-1}.compare-extra-context summary{cursor:pointer;align-items:center;min-height:46px;padding:10px 12px;font-size:12px;font-weight:700;display:flex}.compare-extra-context>div{grid-template-columns:2fr 1fr;gap:16px;padding:0 12px 14px;display:grid}.compare-extra-context fieldset{border:1px solid var(--hairline);flex-wrap:wrap;gap:8px 16px;margin:0;padding:12px;display:flex}.compare-extra-context legend{font:600 13px var(--serif);padding:0 5px}.compare-extra-context label{align-items:center;gap:6px;min-height:44px;font-size:12px;display:inline-flex}.compare-live-status{color:#6c737c;background:#fff;border-block:1px solid #17191c24;padding:11px max(28px,50vw - 620px);font-size:12px}.compare-live-status[data-tone=error]{color:#c8332e;background:#fff;border-color:#ff4d4759}.compare-result-section{overflow:hidden}.compare-result-strip{scroll-snap-type:x proximity;gap:14px;padding:2px 0 18px;display:flex;overflow-x:auto}.compare-result-card{scroll-snap-align:start;background:#fff;border:0;border-radius:14px;flex:0 0 280px;min-height:370px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 8px 24px #20232814}.compare-result-card:hover,.compare-result-card:focus-within{transform:translateY(-3px);box-shadow:0 16px 36px #20232824}.compare-result-card>button{width:100%;min-height:370px;color:inherit;text-align:left;background:0 0;flex-direction:column;align-items:stretch;padding:0 16px 16px;display:flex}.compare-result-media{color:#6c737c;background:#dfe2e6;place-items:center;height:150px;margin:0 -16px 15px;font-size:12px;display:grid;overflow:hidden}.compare-result-media img{object-fit:cover;width:100%;height:100%}.compare-result-media.is-missing{background:#dfe2e6}.compare-result-card.is-selected{outline:3px solid var(--compare-accent);outline-offset:-3px}.compare-result-card h3{font:720 22px var(--sans);letter-spacing:-.02em;margin:0}.compare-result-card h3 small{color:var(--brass);font:500 12px var(--sans);margin-top:4px;display:block}.compare-result-climate{color:var(--brass);margin-top:10px;font-size:12px}.compare-result-score{justify-content:space-between;align-items:center;gap:10px;margin:14px 0 9px;display:flex}.compare-result-score strong{color:var(--ink);font:700 17px/1 var(--sans)}.compare-result-score span{color:var(--compare-accent);text-align:right;font-size:12px}.compare-result-card p{color:var(--brass);margin:auto 0 0;font-size:12px}.compare-selection ol{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.compare-selection li{background:#fff;border:1px solid #20232814;border-radius:10px;align-items:center;gap:8px;min-height:56px;padding:6px 8px 6px 12px;display:flex;box-shadow:0 4px 14px #2023280d}.compare-selection li>span{color:var(--compare-accent);font:600 12px var(--condensed)}.compare-selection li strong{min-width:68px;font-family:var(--serif)}.compare-selection li button{background:0 0;border:1px solid #2023281f;border-radius:10px;min-width:44px;height:44px;padding:0 8px}.compare-selection li button:disabled{opacity:.3;cursor:default}.compare-live-conclusion{color:#fff;background:#202328;border-radius:16px;padding:30px}.compare-live-conclusion h2{max-width:980px;font:650 20px/1.6 var(--sans);margin:7px 0 0}.compare-live-board>header{border-bottom:2px solid var(--ink);padding-bottom:14px}.compare-live-scroll{overscroll-behavior-inline:contain;border-bottom:1px solid var(--hairline);width:100%;max-width:100%;overflow-x:auto}.compare-live-scroll table{border-collapse:collapse;background:#fff;width:max-content;min-width:100%;overflow:hidden}.compare-live-scroll th,.compare-live-scroll td{border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline);vertical-align:top;text-align:left;min-width:220px;max-width:260px;padding:14px}.compare-live-scroll tr>:first-child{z-index:2;background:var(--film);min-width:180px;max-width:180px;position:sticky;left:0}.compare-live-scroll thead th{z-index:3;background:var(--film-light);position:sticky;top:0}.compare-live-scroll thead th:first-child{z-index:4;background:var(--film)}.compare-live-scroll th strong{font:650 16px var(--sans)}.compare-live-scroll th small,.compare-live-scroll td small{color:var(--brass);margin-top:4px;font-size:12px;font-weight:400;display:block}.compare-live-scroll td b{font:650 16px var(--sans)}.compare-live-scroll td span{margin-top:3px;font-size:12px;font-weight:700;display:block}.compare-live-scroll td p{color:var(--brass);margin:5px 0 0;font-size:12px}.compare-board-empty{color:#15171494;text-align:center;place-content:center;min-height:180px;margin:0;display:grid}.compare-live-actions{justify-content:end;gap:8px;padding:0 0 70px;display:flex}@media (width<=1040px){.compare-context-form{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-context-form>label{border-bottom:1px solid var(--hairline)}.compare-refresh{grid-column:1/-1}}@media (width<=720px){.compare-live-intro{min-height:230px}.compare-live-summary{justify-content:start}.compare-context-panel,.compare-result-section,.compare-selection,.compare-live-board{width:calc(100% - 32px);padding:34px 0}.compare-context-panel>header,.compare-result-section>header,.compare-selection>header,.compare-live-board>header{flex-direction:column;align-items:start;gap:10px}.compare-context-form>label{min-height:72px}.compare-context-form select,.compare-context-form input,.compare-context-form button,.compare-extra-context summary,.compare-extra-context label{min-width:44px;min-height:44px}.compare-extra-context>div{grid-template-columns:1fr}.compare-result-card{flex-basis:76vw}.compare-selection li button{width:44px;height:44px}.compare-live-conclusion{width:100%;padding:26px 16px}.compare-live-scroll th,.compare-live-scroll td{min-width:210px}.compare-live-scroll tr>:first-child{min-width:138px;max-width:138px}.compare-live-actions{flex-direction:column;padding:0 16px 80px}}