/* Comparison: a short decision summary before detailed evidence. */
.comparison-intro{font-size:14px;color:#53634a;max-width:65ch;margin:0 0 18px;line-height:1.5}
.comparison-heading-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.comparison-heading-actions button{min-height:44px;font-size:13px;padding:8px 10px}
.comparison-insights-heading h3{font-size:18px;margin:0 0 5px}.comparison-insights-heading p,.comparison-prompt{font-size:13px;line-height:1.5;color:#53634a;margin:0 0 14px}
.comparison-insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:22px}
.comparison-insight{background:#fff;border:1px solid #a9ba9b;border-radius:10px;padding:16px;min-width:0;display:flex;flex-direction:column}
.comparison-insight-top{display:flex;align-items:center;gap:10px}.comparison-insight-top img{width:56px;height:56px;object-fit:contain;flex:none}.comparison-insight h4{font-size:18px;line-height:1.3;margin:0;flex:1;overflow-wrap:anywhere}.comparison-insight h4 a{text-decoration:none}
.comparison-remove{align-self:flex-start;min-width:44px;min-height:44px;padding:4px;font-size:23px;background:transparent;border:1px solid #d6dfcf;border-radius:6px;color:#344e28}
.comparison-fit,.comparison-charging{font-size:13px;line-height:1.5;margin:10px 0;color:#53634a}.comparison-highlights{list-style:none;display:flex;flex-wrap:wrap;gap:5px;padding:0;margin:0 0 8px}.comparison-highlights li{font-size:11px;font-weight:650;line-height:1.5;background:#edf2e7;color:#344e28;border-radius:4px;padding:4px 7px}
.comparison-quick-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:6px 0}.comparison-quick-facts>div{border-top:1px solid #e4e9df;padding-top:7px}.comparison-quick-facts dt{font-size:11px;color:#53634a}.comparison-quick-facts dd{font-size:16px;font-weight:650;margin:3px 0 0;font-variant-numeric:tabular-nums}.comparison-quick-facts .muted{font-size:12px;font-weight:400}
.comparison-tradeoff{font-size:13px;line-height:1.5;border-left:2px solid #82956d;padding-left:9px;margin:5px 0 14px}.comparison-detail-link{font-size:13px;font-weight:600;margin-top:auto;color:#344e28;align-self:flex-start;padding:7px 0}
.comparison-filters{display:flex;gap:12px 20px;flex-wrap:wrap}.comparison-filters label{min-height:44px}.comparison-filters input:disabled{opacity:.5}.comparison-toolbar{flex-wrap:wrap;align-items:center}
.comparison-table-note{font-size:12px;color:#53634a;margin:0 0 10px}.comparison-same{padding:14px;background:#fff;border:1px solid #a9ba9b;border-radius:8px;font-size:14px;line-height:1.5}.comparison-stock{font-size:12px;line-height:1.5}.comparison .table-wrap:focus-visible{outline:3px solid #657b49;outline-offset:3px}.comparison td{overflow-wrap:anywhere}
@media(max-width:700px){.comparison-insight-grid{grid-template-columns:1fr}.comparison-insight{padding:12px}.compare-heading{align-items:flex-start;flex-wrap:wrap;gap:10px}.comparison-heading-actions{width:100%;justify-content:space-between}.comparison-filters{gap:4px 16px}.comparison .comparison-toolbar{gap:6px;margin-bottom:10px}.comparison thead th:first-child,.comparison tbody th:first-child{min-width:115px;max-width:115px}.comparison-photo{width:90px;height:68px}.comparison tbody th strong{font-size:14px}.comparison th,.comparison td{padding:12px 10px}.comparison-intro{font-size:13px}.comparison-insight h4{font-size:18px}}
@media(min-width:1100px){.comparison-insight-grid:has(>:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}.comparison-insight-grid:has(>:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}}

.comparison-highlights{min-height:25px}.comparison-highlights:empty{visibility:hidden}.comparison-quick-facts dd small{display:block;font-size:10px;line-height:1.4;font-weight:400;color:#53634a;margin-top:3px}

/* Mobile comparison groups values by feature rather than wide product rows. */
.comparison-mobile{display:none}.comparison-mobile[hidden]{display:none!important}
@media(max-width:700px){
 .comparison .table-wrap{display:none}
 .comparison-mobile:not([hidden]){display:block;min-width:0}
 .comparison-mobile>h3{font-size:21px;line-height:1.3;margin:22px 0 14px;color:#172315}
 .comparison-metric{border:1px solid #a5b497;border-radius:10px;background:#fff;margin:0 0 14px;overflow:hidden}
 .comparison-metric>h4{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:12px 14px;margin:0;background:#e5eddf;color:#20351b;font-size:17px;line-height:1.4}
 .comparison-difference{font-size:12px;font-weight:600;border:1px solid #789366;border-radius:20px;padding:2px 8px;white-space:nowrap}
 .comparison-metric dl{margin:0}
 .comparison-metric-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:12px;padding:14px;border-top:1px solid #dce4d6;align-items:start}
 .comparison-metric-row:first-child{border-top:0}
 .comparison-metric-row:nth-child(even){background:#f7faf3}
 .comparison-metric-row dt{font-size:16px;line-height:1.5;font-weight:600;margin:0;overflow-wrap:anywhere}
 .comparison-metric-row dt a{color:#244b23;text-underline-offset:3px}
 .comparison-metric-row dd{font-size:18px;line-height:1.5;color:#172315;margin:0;min-width:0;overflow-wrap:anywhere}
 .comparison-metric-row dd small,.comparison-metric-row .muted,.comparison-metric-row .comparison-stock{display:block;font-size:14px;line-height:1.5;color:#405238;margin-top:4px}
 .comparison-metric-wide .comparison-metric-row{display:block}
 .comparison-metric-wide dt{margin-bottom:10px}
 .comparison-metric-wide dd{font-size:16px;max-width:100%;overflow-x:auto}
 .comparison-mobile-actions{display:flex;flex-wrap:wrap;gap:8px 16px;margin:14px 0}
 .comparison-mobile-actions button{min-height:44px;white-space:normal;text-align:left;font-size:14px;color:#344e28}
 .comparison-insight .comparison-quick-facts,.comparison-insight .comparison-charging{display:none}
 .comparison-insights-heading p,.comparison-fit,.comparison-tradeoff,.comparison-detail-link{font-size:15px;line-height:1.5}
 .comparison-highlights li{font-size:13px}
 .comparison-intro,.comparison-table-note{font-size:15px;line-height:1.5;color:#405238}
 .comparison-filters{display:grid;grid-template-columns:1fr;gap:4px;width:100%}
 .comparison-filters label{font-size:16px}
}

/* Specific, source-backed differences stay readable on a narrow screen. */
.comparison-differences{margin:8px 0 16px;font-size:13px;line-height:1.55}
.comparison-differences>div{border-top:1px solid #e4e9df;padding:10px 0}
.comparison-differences dt{font-weight:650;color:#344e28;margin:0 0 3px}
.comparison-differences dd{margin:0;overflow-wrap:anywhere}
@media(max-width:700px){.comparison-differences{font-size:15px}}