.cmp-box{border:1px solid var(--line,#ddd);border-radius:8px;padding:1rem 1.2rem;background:#fff;margin:1rem 0}
.cmp-quick ul{margin:.3rem 0 0;padding-left:1.1rem}.cmp-quick li{margin:.25rem 0}
.badge{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:.2rem .55rem;border-radius:999px;background:#1f3d2b;color:#fff;white-space:nowrap}
.badge.b-value{background:#7a5a00}.badge.b-for{background:#3b3f73}.badge.b-pop{background:#6b6b6b}
.cmp-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line,#ddd);border-radius:8px;background:#fff}
table.cmp{border-collapse:collapse;width:100%;min-width:760px;font-size:.88rem}
table.cmp th,table.cmp td{padding:.55rem .6rem;border-bottom:1px solid var(--line,#e5e5e5);text-align:left;vertical-align:top}
table.cmp thead th{background:#f6f4f1;position:sticky;top:0;z-index:1}
table.cmp th button{all:unset;cursor:pointer;font-weight:700}table.cmp th button::after{content:" \2195";opacity:.45;font-size:.8em}
table.cmp th[aria-sort=ascending] button::after{content:" \2191";opacity:1}table.cmp th[aria-sort=descending] button::after{content:" \2193";opacity:1}
table.cmp td.ck,table.cmp th.ck{text-align:center}.yes{color:#1f7a3a;font-weight:700}.no{color:#999}.na{color:#999;font-size:.8em}
table.cmp td:first-child{font-weight:600}table.cmp .badge{white-space:normal;line-height:1.2}table.cmp td a.tbuy{white-space:nowrap}
.pcards{display:grid;gap:1.2rem;margin-top:1rem}
.pcard,.cmp-box,.cmp-hub a.hc{text-align:left}.pcard ul{list-style:disc}.pcard{display:grid;grid-template-columns:200px 1fr;gap:1.2rem;border:1px solid var(--line,#ddd);border-radius:8px;padding:1rem;background:#fff}
.pcard .pimg img,.pcard .pimg svg{width:100%;height:auto;border-radius:6px;display:block}.pcard .pimg figcaption{font-size:.7rem;opacity:.7;margin-top:.25rem}
.pcard h3{margin:.35rem 0 .2rem}.pcard .brand{font-size:.85rem;opacity:.75;margin:0}
.pcard .cols{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.pcard ul{margin:.2rem 0;padding-left:1.1rem}.pcard li{margin:.15rem 0}
.pcard .pros strong{color:#1f7a3a}.pcard .cons strong{color:#9a2a2a}.pcard .say{font-size:.92rem;border-left:3px solid var(--line,#ddd);padding-left:.7rem}
.pcard .say cite{font-style:normal;font-size:.8rem;opacity:.8}.pcard .pop{font-size:.8rem;opacity:.8}
.pcard .buy{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;margin-top:.6rem}
.pcard .buy a{display:inline-block;padding:.5rem .85rem;border-radius:6px;font-size:.85rem;font-weight:700;text-decoration:none;border:1px solid currentColor}
.pcard .buy a.amz{background:#232f3e;color:#fff;border-color:#232f3e}.paid{font-size:.75rem;opacity:.75;white-space:nowrap}
.cmp-method{font-size:.95rem}.cmp-method h2{margin-top:0}
.cmp-hub{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.cmp-hub a.hc{display:block;border:1px solid var(--line,#ddd);border-radius:8px;padding:1rem;background:#fff;text-decoration:none;color:inherit}
.cmp-hub a.hc strong{display:block;font-size:1.05rem;margin-bottom:.3rem}
@media(max-width:700px){.pcard{grid-template-columns:1fr}.pcard .pimg{max-width:240px}.pcard .cols{grid-template-columns:1fr}}

.cmp-hub a.hc span{color:var(--muted);font-size:.9rem}