/* compare.html - side-by-side table on wide screens, swipeable cards on phones, print friendly. Uses site.css tokens only. */
.heroact{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.cmp-sum{margin:8px 0 18px}.cmp-sum ul{margin:8px 0 0;padding:0 20px 0 0;line-height:1.75}.cmp-sum li{margin:0 0 6px}
.cmp-legend{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:0 0 6px}.cmp-swipe{display:none;margin:0 0 8px}
.mk{display:inline-flex;align-items:center;gap:5px;font:600 .8rem var(--sans);white-space:nowrap}.mk .ic{width:14px;height:14px}
.mk.best{color:var(--green-ink-2)}.mk.worst{color:var(--amber-ink)}
.cmp-tbl{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-md);background:var(--card)}
table.cmp{width:100%;border-collapse:separate;border-spacing:0;min-width:640px}
table.cmp th,table.cmp td{padding:10px 14px;border-bottom:1px solid var(--line);text-align:right;vertical-align:middle;font-size:1rem}
table.cmp thead th{font:400 1.25rem var(--display);line-height:1.15;background:var(--bg-2);min-width:170px}
table.cmp thead th a{text-decoration:none}table.cmp thead th a:hover{text-decoration:underline}
table.cmp td.corner{background:var(--bg-2)}
table.cmp tbody th[scope=row]{font-weight:600;color:var(--ink-2);background:#fff;position:sticky;right:0;width:230px;min-width:200px;box-shadow:-1px 0 0 var(--line) inset}
table.cmp tr.grp th{background:var(--bg);font:600 .85rem var(--sans);letter-spacing:.04em;color:var(--muted);padding:14px 14px 6px;border-bottom:1px solid var(--line)}
table.cmp td.best{background:var(--bg-2);box-shadow:inset -3px 0 0 var(--green)}
table.cmp td.worst{background:var(--amber-tint);box-shadow:inset -3px 0 0 var(--amber)}
.cv{display:flex;flex-direction:column;gap:2px}.cv b{font-weight:600;font-variant-numeric:tabular-nums lining-nums}.na{color:var(--muted)}
.cmp-cards,.cmp-dots{display:none}
@media (max-width:720px){
  .cmp-tbl{display:none}.cmp-swipe{display:block}
  .cmp-cards{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 12px;-webkit-overflow-scrolling:touch}
  .cmp-card{flex:0 0 88%;scroll-snap-align:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:16px}
  .cmp-card h3{font-size:1.35rem;margin:0 0 6px}.cmp-card h3 a{text-decoration:none}
  .cmp-card dl{margin:0}.cmp-card dt{font:600 .85rem var(--sans);color:var(--muted);margin-top:12px}
  .cmp-card dt.g{letter-spacing:.04em;margin-top:18px;padding-top:10px;border-top:1px solid var(--line);color:var(--ink-2)}
  .cmp-card dd{margin:2px 0 0;padding:6px 10px;border-radius:10px}
  .cmp-card dd.best{background:var(--bg-2);box-shadow:inset -3px 0 0 var(--green)}.cmp-card dd.worst{background:var(--amber-tint);box-shadow:inset -3px 0 0 var(--amber)}
  .cmp-dots{display:flex;justify-content:center;gap:8px}.cmp-dots i{width:8px;height:8px;border-radius:50%;background:var(--line)}.cmp-dots i.on{background:var(--ck-accent)}
}
@media print{
  @page{size:A4 landscape;margin:12mm}
  body{background:#fff}.pagehead{padding:0}.pagehead .aurora,.cmp-legend,.cmp-swipe,.cmp-cards,.cmp-dots{display:none!important}
  .cmp-tbl{display:block!important;overflow:visible;border:0}table.cmp{min-width:0}table.cmp th,table.cmp td{padding:5px 8px;font-size:10pt}
  table.cmp tbody th[scope=row]{position:static}tr{break-inside:avoid}
  table.cmp td.best,table.cmp td.worst{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}