.comparison-wrap{overflow:visible}
.class-comparison{width:100%;font-variant-numeric:tabular-nums}
.class-comparison caption{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
.class-comparison th{padding:0;vertical-align:middle}
.class-comparison th button{display:flex;align-items:center;justify-content:center;gap:3px;width:100%;min-height:46px;padding:10px 4px;border:0;background:transparent;color:inherit;font-size:11px;font-weight:600;white-space:nowrap}
.class-comparison th button:hover{background:#dce8f2}
.class-comparison th[aria-sort=ascending],.class-comparison th[aria-sort=descending]{color:var(--blue)}
.class-comparison th:first-child button{justify-content:flex-start;padding-left:14px}
.class-comparison td{text-align:center;vertical-align:middle;padding:12px 6px;font-size:15px}
.class-comparison td:first-child{text-align:left;padding:12px 14px}
.class-comparison td:first-child a{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:600;font-size:14px}
.class-comparison td:first-child img{object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#f1f3f5;flex-shrink:0;width:48px;height:48px}
.class-comparison td small{font-weight:400;font-size:12px}
.compact-sort{display:none}
@media(max-width:1250px){
 .class-filters .compact-sort{display:block}
 .class-filters{grid-template-columns:minmax(0,1fr) 180px 180px}
 .sort-order{align-self:end}
 .sort-order button{width:100%;padding:9px 10px;background:white;border:1px solid #aab9c5;border-radius:5px;color:var(--ink);font-size:15px}
 .comparison-wrap{border:0;border-radius:0}
 .class-comparison,.class-comparison tbody{display:block;width:100%}
 .class-comparison thead{display:none}
 .class-comparison tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:10px 0;border:1px solid var(--line);border-radius:6px;background:#f7f9fb;padding:12px;gap:12px}
 .class-comparison td{display:block;padding:0;border:0;text-align:left}
 .class-comparison td:first-child{grid-column:1/-1;padding:0 0 10px;border-bottom:1px solid var(--line)}
 .class-comparison td[data-label]::before{content:attr(data-label);display:block;font-size:12px;color:var(--muted)}
}
@media(max-width:800px){.class-filters{grid-template-columns:1fr 1fr}.class-filters label:first-child{grid-column:1/-1}}
@media(max-width:480px){.class-comparison tr{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media print{.class-comparison td:first-child img{display:none}.class-comparison th button{padding:3px;font-size:8pt}.class-comparison td{padding:4px;font-size:9pt}}

@media(min-width:1251px) and (max-width:1350px){
 .class-comparison th button{font-size:10px;gap:2px;padding:10px 3px}
 .class-comparison td{font-size:14px;padding:10px 4px}
 .class-comparison td:first-child{padding:10px 8px}
 .class-comparison td:first-child a{font-size:13px;gap:8px}
 .class-comparison td:first-child img{width:40px;height:40px}
}