.cmp-root{& .section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:16px;font-weight:600}& .section-label>span{color:var(--amber);font-weight:700}& h1,& h2{font-family:var(--serif);font-weight:600}& .mob-only{display:none}& .head{padding-top:40px}& h1{margin:4px 0 0;font-size:52px;line-height:1.05}& .sub{color:var(--body);margin-top:8px}& .models{grid-template-columns:var(--cols);padding-top:36px;display:grid}& .add-cell{flex-direction:column;justify-content:flex-end;padding-bottom:6px;padding-right:32px;display:flex}& .add{position:relative}& .add summary{cursor:pointer;width:100%;min-height:52px;list-style:none}& .add summary::-webkit-details-marker{display:none}& .add ul{z-index:3;border:1.5px solid var(--navy);background:#fff;margin:0;padding:0;list-style:none;position:absolute;bottom:calc(100% + 6px);left:0;right:0}& .add a{border-bottom:1px solid var(--rule);padding:12px 16px;font-weight:600;text-decoration:none;display:block}& .add li:last-child a{border-bottom:0}& .add a:hover{background:var(--tag-bg)}& .model{flex-direction:column;gap:12px;padding:0 20px;display:flex}& .model .photo-full,& .model .photo-small{aspect-ratio:4/3}& .model .photo-small{display:none}& .model-name{font-family:var(--serif);font-size:30px;font-weight:600;line-height:1.1;text-decoration:none;display:block}& .model-name:hover{text-decoration:underline}& .model-links{flex-wrap:wrap;gap:16px;font-size:17px;display:flex}& .diffs{flex-direction:column;gap:24px;padding-top:64px;display:flex}& .diffs h2{margin:-12px 0 0;font-size:40px}& .summary{color:var(--body);margin-top:-10px}& .diff-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 40px;display:grid}& .diff{border-top:1.5px solid var(--navy);flex-direction:column;gap:8px;padding-top:14px;display:flex}& .diff-label{color:var(--muted);font-weight:600}& .diff-head{font-family:var(--serif);font-size:24px;font-weight:600;line-height:1.2}& .diff-vals{grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:12px;display:grid}& .diff-val{font-weight:600}& .verdict{flex-direction:column;gap:12px;padding-top:64px;display:flex}& .verdict h2{margin:-4px 0 12px;font-size:40px}& .verdict-list{border-top:1.5px solid var(--navy);margin:0;padding:0;list-style:none}& .verdict-list li{border-bottom:1px solid var(--rule);grid-template-columns:280px 300px minmax(0,1fr);align-items:center;gap:24px;min-height:72px;padding:12px 0;display:grid}& .v-need{font-family:var(--serif);font-size:21px;font-weight:600}& .v-pick{padding:4px 14px;font-size:18px}& .v-why{color:var(--body)}& .full{padding-top:64px;padding-bottom:72px}& .full-head{z-index:1;background:#fff;grid-template-columns:1fr auto;align-items:end;gap:12px 24px;padding-top:12px;display:grid;position:sticky;top:0}& .full-title{flex-direction:column;gap:4px;display:flex}& .full h2{margin:0;font-size:40px}& .diff-switch{border:0;justify-content:flex-start;width:auto;min-height:52px;font-weight:600}& .col-names{grid-column:1/-1;grid-template-columns:var(--cols);border-bottom:3px double var(--navy);font-family:var(--serif);padding:12px 0;font-size:22px;font-weight:600;display:grid}& .col-names span{padding:0 20px}& .col-names span:first-child{padding:0}& .group-name{font-family:var(--serif);border-bottom:1.5px solid var(--navy);padding:22px 0 10px;font-size:24px;font-weight:600}& .spec-group[hidden]{display:none}& .spec-row{grid-template-columns:var(--cols);border-bottom:1px solid var(--rule);min-height:60px;display:grid}& .diff-only .spec-row[data-same]{display:none}& .spec-k{color:var(--body);align-items:center;padding:10px 0;display:flex}& .spec-v{flex-wrap:wrap;align-items:center;gap:4px 10px;padding:10px 20px;font-weight:500;display:flex}& .spec-v.win{background:var(--accent-tint);font-weight:700}& .better{background:var(--amber);color:var(--navy);padding:1px 8px;font-size:15px;font-weight:700}& .foot{margin:20px 0 0}@media (width<=1100px){& .diff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}& .verdict-list li{grid-template-columns:220px 260px minmax(0,1fr)}}@media (width<=767px){& .desk-only{display:none!important}& .mob-only{display:revert}& .head{padding-top:22px}& h1{margin-top:2px;font-size:30px;line-height:1.12}& .models{grid-template-columns:repeat(var(--n,2), minmax(0, 1fr));gap:12px;padding-top:18px}& .model{gap:6px;padding:0}& .model .photo-full{display:none}& .model .photo-small{display:flex}& .model-name{margin-top:-4px;font-size:19px}& .diffs{gap:14px;padding-top:36px}& .summary{margin-top:0;font-size:17px}& .diff-grid{flex-direction:column;gap:14px;display:flex}& .verdict{gap:0;padding-top:36px}& .verdict h2{margin:4px 0 8px;font-size:28px}& .verdict-list li{flex-direction:column;align-items:flex-start;gap:6px;min-height:0;padding:14px 0;display:flex}& .v-need{font-family:var(--sans);color:var(--muted);font-size:16px;font-weight:600}& .v-pick{padding:3px 12px;font-size:17px}& .v-why{color:var(--navy);font-size:17px}& .full{padding-top:36px;padding-bottom:32px}& .full-head{border-bottom:3px double var(--navy);flex-direction:column;align-items:stretch;gap:0;padding:8px 0;display:flex}& .col-names{grid-template-columns:repeat(var(--n,2), minmax(0, 1fr));border:0;gap:6px;padding:0;font-size:17px}& .col-names span{padding:0}& .group-name{padding:18px 0 8px;font-size:21px}& .spec-row{grid-template-columns:repeat(var(--n,2), minmax(0, 1fr));gap:4px 6px;min-height:0;padding:8px 0}& .spec-k{color:var(--muted);grid-column:1/-1;padding:0 0 4px;font-size:16px}& .spec-v{flex-direction:column;align-items:flex-start;padding:6px 10px;font-size:17px}& .better{background:0 0;padding:0;font-size:15px;font-style:normal}& .better:before{content:"▲ "}}}