/* COMPETITIVE REVIEW — styles (theme-aware via kit vars) */
.cr{ --cr-line:var(--line,#262640); }
.cr-kick{ display:block; font-size:11px; font-weight:800; letter-spacing:1.1px; text-transform:uppercase; color:var(--neon); margin-bottom:10px; }
.cr-filters{ display:flex; gap:12px; flex-wrap:wrap; align-items:flex-end; background:var(--card); border:1px solid var(--hair,var(--line)); border-radius:var(--r-lg,16px); padding:16px; margin-bottom:16px; }
.cr-filters label{ display:flex; flex-direction:column; gap:6px; font-size:11px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; color:var(--mut); flex:1; min-width:130px; }
.cr-filters select, .cr-filters input{ background:#0c0c18; color:var(--ink); border:1px solid var(--line); border-radius:9px; padding:10px 12px; font:inherit; font-size:14px; min-height:44px; }
.cr-filters .btn{ flex:0 0 auto; }
.cr-head h3{ margin:2px 0 16px; font-size:22px; }
.cr-grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:14px; }
@media(max-width:760px){ .cr-grid{ grid-template-columns:1fr; } }
.cr-panel{ background:var(--card); border:1px solid var(--hair,var(--line)); border-radius:var(--r-lg,16px); padding:18px; }

/* bars */
.cr-bar{ display:flex; align-items:center; gap:10px; margin:8px 0; }
.cr-bn{ flex:0 0 130px; font-size:13px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cr-bar.you .cr-bn{ color:var(--neon); font-weight:800; }
.cr-track{ flex:1; height:12px; background:var(--line); border-radius:999px; overflow:hidden; }
.cr-track i{ display:block; height:100%; width:0; border-radius:999px; background:#3a3a55; transition:width .9s cubic-bezier(.2,.7,.2,1); }
.cr-bar.you .cr-track i{ background:linear-gradient(90deg,var(--neon),var(--violet)); }
.cr-bar b{ flex:0 0 30px; text-align:right; font-size:13px; font-variant-numeric:tabular-nums; font-family:var(--font-display,inherit); }

/* radar + scatter */
.cr-radar, .cr-scatter{ width:100%; height:auto; display:block; }
.cr-legend{ display:flex; gap:16px; justify-content:center; margin-top:6px; font-size:12px; color:var(--mut); }
.cr-legend .lg::before{ content:""; display:inline-block; width:14px; height:0; border-top:3px solid; margin-right:6px; vertical-align:middle; }
.cr-legend .you::before{ border-color:var(--neon); }
.cr-legend .avg::before{ border-top-style:dashed; border-color:var(--mut); }

/* insights */
.cr-insights{ list-style:none; padding:0; margin:0; }
.cr-insights li{ padding:10px 0; border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent); font-size:14px; line-height:1.5; }
.cr-insights li:last-child{ border-bottom:none; }
.cr-insights li.gap{ color:var(--ink); } .cr-insights li.gap::first-letter{ color:#ff5e7e; }
.cr-insights li.win{ color:var(--ink); } .cr-insights li.win::first-letter{ color:var(--win); }

/* table */
.cr-tablewrap{ overflow-x:auto; }
.cr-table{ width:100%; border-collapse:collapse; font-size:13.5px; min-width:440px; }
.cr-table th{ text-align:left; font-family:var(--font-display,inherit); font-size:11px; letter-spacing:.5px; text-transform:uppercase; color:var(--mut); padding:10px 12px; border-bottom:1px solid var(--line); }
.cr-table td{ padding:10px 12px; border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent); }
.cr-table tr.you td{ background:color-mix(in srgb,var(--neon) 8%,transparent); font-weight:600; }
.cr-youtag{ font-size:10px; font-weight:800; color:#05050a; background:var(--neon); border-radius:5px; padding:1px 6px; }