.cmp,.rev{margin:2em 0;padding:20px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);font-family:var(--font-body);font-size:16px;line-height:1.55}
.prose .cmp-title,.prose .rev-title{margin:0 0 8px;padding-top:0;border-top:0;font-size:24px;line-height:1.25}
.cmp-intro{margin:0 0 14px;color:var(--slate)}
.cmp-scroll{overflow-x:auto}
.prose .cmp .cmp-table{display:table;width:100%;border-collapse:collapse;margin:0;font-size:15px;font-variant-numeric:tabular-nums}
.cmp .cmp-table th,.cmp .cmp-table td{border:0;border-top:1px solid var(--line);padding:12px 10px;text-align:left;vertical-align:top;background:transparent}
.cmp .cmp-table thead th{border-top:0;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--slate);font-weight:600}
.cmp .cmp-table .cmp-name{min-width:150px;font-weight:400}
.cmp-product{display:block;font-family:var(--font-head);font-weight:800;font-size:17px;color:var(--navy)}
.cmp-badge{display:inline-block;margin:0 0 6px;padding:2px 9px;border-radius:6px;background:#E3F5EC;color:var(--green);font-size:12px;font-weight:700}
.cmp-summary{display:block;margin-top:4px;color:var(--slate);font-size:14px;line-height:1.5}
.cmp-of{color:var(--slate);font-size:13px}
.cmp .cmp-table .cmp-cta{white-space:nowrap}
.cmp-foot{margin:12px 0 0;font-size:13px;color:var(--slate)}
.cmp .faq,.rev .faq{margin:12px 0 0}

.rev-head{display:flex;gap:16px;justify-content:space-between;align-items:flex-start}
.rev-kicker{margin:0 0 4px;font-family:var(--mono,monospace);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--green);font-weight:600}
.rev-verdict{margin:8px 0 0;font-size:17px}
.rev-score{flex:none;text-align:center;background:var(--navy);color:#fff;border-radius:14px;padding:10px 16px;min-width:92px}
.rev-score strong{display:block;font-family:var(--font-head);font-size:30px;line-height:1.1}
.rev-score span{font-size:12px;color:var(--ink-soft)}
.rev-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0}
.rev-facts div{background:var(--cloud);border-radius:10px;padding:10px 12px}
.rev-facts dt{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--slate);font-weight:600}
.rev-facts dd{margin:2px 0 0;font-size:15px}
.rev .rev-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.rev .rev-list li{margin:0}
.rev-criterion{display:grid;grid-template-columns:minmax(120px,1fr) 2fr auto;gap:10px;align-items:center;font-size:15px}
.rev-bar{display:block;height:8px;border-radius:999px;background:var(--cloud);overflow:hidden}
.rev-bar span{display:block;height:100%;background:var(--blue);border-radius:999px}
.rev-note{grid-column:1/-1;color:var(--slate);font-size:14px;margin:-4px 0 0}
.rev-proscons{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}
.prose .rev-pros h3,.prose .rev-cons h3{font-size:16px;margin:0 0 8px}
.rev .rev-pros li::before{content:"\2713";color:var(--green);font-weight:700;margin-right:8px}
.rev .rev-cons li::before{content:"\2717";color:#B3261E;font-weight:700;margin-right:8px}

@media (max-width:720px){
  .prose .cmp .cmp-table,.cmp .cmp-table thead,.cmp .cmp-table tbody,.cmp .cmp-table tr,.cmp .cmp-table th,.cmp .cmp-table td{display:block}
  .cmp .cmp-table thead{position:absolute;left:-9999px}
  .cmp .cmp-table tr{border:1px solid var(--line);border-radius:12px;padding:12px;margin:0 0 12px}
  .cmp .cmp-table th,.cmp .cmp-table td{border:0;padding:6px 0}
  .cmp .cmp-table td[data-label]::before{content:attr(data-label);display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--slate);font-weight:600}
  .cmp .cmp-table .cmp-cta{padding-top:10px}
}
@media (max-width:640px){
  .rev-proscons{grid-template-columns:1fr}
  .rev-criterion{grid-template-columns:1fr auto}
  .rev-bar{grid-column:1/-1}
  .rev-head{flex-direction:column}
}