:root{--brand:#0e7490;--brand2:#f97316}
.pcsel{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:12px}
.pcsel select{width:100%}
table.cmp,table.lst{width:100%;border-collapse:collapse;font-size:15px}
table.cmp th,table.cmp td,table.lst th,table.lst td{padding:9px 8px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}
table.cmp thead th{font-size:16px;position:sticky;top:0;background:var(--card);z-index:1}
table.cmp tbody th{font-weight:600;color:var(--muted);width:30%;min-width:120px}
table.cmp tr.g th{background:color-mix(in srgb,var(--brand) 12%,var(--card));color:var(--text);font-size:14px;text-transform:uppercase;letter-spacing:.04em}
table.cmp td.win{background:color-mix(in srgb,#22c55e 16%,transparent);font-weight:700}
table.lst td:first-child{font-weight:600}
.vsl,.pl{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;margin:8px 0 16px}
.pl{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.vsl a,.pl a{display:block;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);text-decoration:none;color:inherit}
.vsl a b{color:var(--brand2);font-weight:800;margin:0 4px}
.vsl a:hover,.pl a:hover{border-color:var(--brand)}
@media (max-width:600px){table.cmp,table.lst{font-size:14px}table.cmp th,table.cmp td{padding:7px 5px}}