/* TrimPlayer — feature comparison component (pairs with styles.css). */
.cmp-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; margin:0 -2rem; padding:0 2rem; }
.cmp{ width:100%; min-width:760px; border-collapse:separate; border-spacing:0; }
.cmp th, .cmp td{ padding:0.85rem 0.9rem; text-align:center; border-bottom:1px solid var(--border); }
.cmp thead th{ position:sticky; top:0; background:var(--bg); z-index:2; font-weight:700; font-size:0.9rem; }
.cmp tbody th{ text-align:left; font-weight:500; font-size:0.9rem; color:var(--text); white-space:normal; }
.cmp .cmp-feat{ position:sticky; left:0; background:var(--bg); z-index:1; min-width:230px; }
.cmp thead .cmp-feat{ z-index:3; }

/* Highlighted TrimPlayer column */
.cmp .col-hl{ background:rgba(245,124,0,0.07); }
.cmp thead .col-hl{ background:linear-gradient(180deg, rgba(245,124,0,0.16), rgba(245,124,0,0.06)); }
.cmp .col-hl.cmp-name{ color:#fff; }
.cmp-name span{ display:block; }
.cmp-name .cmp-badge{ font-size:0.66rem; font-weight:700; letter-spacing:0.08em; text-transform:uppercase;
  color:var(--orange-lt); margin-top:0.2rem; }

/* Group header rows */
.cmp-group td{ text-align:left; padding-top:1.6rem; padding-bottom:0.4rem; border-bottom:none;
  font-size:0.7rem; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; color:var(--orange-lt); }

/* Cell marks */
.cmp .mk{ font-weight:700; }
.cmp .mk-yes{ color:#56c271; }
.cmp .mk-part{ color:var(--orange-lt); }
.cmp .mk-no{ color:var(--text3); }
.cmp .mk-note{ display:block; font-size:0.72rem; color:var(--text2); font-weight:400; margin-top:0.15rem; line-height:1.3; }
.cmp .cmp-text{ font-size:0.82rem; color:var(--text); }

.cmp-legend{ display:flex; flex-wrap:wrap; gap:1.2rem; justify-content:center; margin-top:1.6rem;
  font-size:0.8rem; color:var(--text2); }
.cmp-legend span{ display:inline-flex; align-items:center; gap:0.4rem; }
.cmp-foot{ text-align:center; font-size:0.78rem; color:var(--text3); margin-top:1rem; }

@media (max-width:720px){
  .cmp-wrap{ margin:0 -1.25rem; padding:0 1.25rem; }
  .cmp .cmp-feat{ min-width:180px; }
}