.mt-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin:var(--sp-4) 0 var(--sp-5)}.mt-filters-group{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center;margin:0;padding:0;border:0;min-width:0}.mt-filters-group>legend{float:left;width:100%;padding:0 0 var(--sp-1);color:var(--text-muted);font-size:var(--fs-micro);letter-spacing:.06em;text-transform:uppercase}.mt-chip{display:inline-flex;align-items:center;gap:var(--pill-gap-s);height:var(--pill-h-s);padding:0 var(--pill-px-s);border:1px solid var(--frame-stud);border-radius:var(--radius-chip);background:transparent;color:var(--text);font-size:var(--fs-small);line-height:1;cursor:pointer;transition:color var(--t-quick) ease,border-color var(--t-quick) ease,background-color var(--t-quick) ease}.mt-chip:hover{border-color:var(--acc);color:var(--acc)}.mt-chip:focus-visible{outline:none;box-shadow:var(--focus-acc)}.mt-chip[aria-current]{border-color:var(--acc);background:var(--acc-wash);color:var(--acc)}.mt-chip .ui-raceicon,.mt-chip .ui-factionicon{flex:none}.mt-chip b{color:var(--text-muted);font-weight:400;font-size:var(--fs-micro);font-variant-numeric:tabular-nums}.mt-chip[aria-current] b{color:inherit}@media(pointer:coarse){.mt-chip{min-height:40px}}.mt-result{margin:0 0 var(--sp-4);color:var(--text-muted);font-size:var(--fs-small)}.mt-empty{margin:0;color:var(--text-muted)}.mt-lede{max-width:62ch;margin:var(--sp-4) 0 var(--sp-3);color:var(--text);font-size:var(--fs-lead);line-height:1.55}.col-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:var(--sp-3);margin:0;padding:0;list-style:none}.col-grid.is-featured{grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:var(--sp-4)}.col-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:var(--sp-3);margin:0;padding:0;list-style:none}.col-card{position:relative;display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3);border:1px solid var(--border);background:var(--bg-panel);min-width:0}.col-card[data-origin=new]{border-color:color-mix(in srgb,var(--action) 45%,var(--border))}.col-card-head{display:flex;align-items:center;gap:var(--sp-3);min-width:0;color:inherit;text-decoration:none}.col-card-head .icon-l,.col-card-head .icon-m{flex:none}.col-name{min-width:0;font-size:var(--fs-table);font-weight:600;line-height:1.25;overflow-wrap:anywhere}.col-card.is-l .col-name{font-size:var(--fs-h3)}.col-card-head:hover .col-name{text-decoration:underline}.col-ribbon{align-self:flex-start}.col-ribbon-changed{border:1px solid var(--border);border-radius:var(--radius-chip);padding:0 6px;color:var(--text-muted);font-size:var(--fs-micro)}.col-desc{margin:0;color:var(--text-muted);font-size:var(--fs-small);line-height:1.45}.col-chips{display:flex;flex-wrap:wrap;gap:6px;margin:auto 0 0;padding:0;list-style:none}.col-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 6px;border:1px solid var(--border);border-radius:var(--radius-chip);color:var(--text-muted);font-size:var(--fs-micro);line-height:1.5}.col-chip.is-alliance{border-color:color-mix(in srgb,var(--q3) 45%,var(--border))}.col-chip.is-horde{border-color:color-mix(in srgb,var(--q4) 40%,var(--border))}.col-races{gap:3px;padding:2px 5px}.col-race{flex:none}.col-links{margin:0;font-size:var(--fs-small)}.col-sep{color:var(--text-muted)}.col-sources{margin:0;padding:0;list-style:none;color:var(--text-muted);font-size:var(--fs-micro)}.col-card.is-s{padding:var(--sp-2) var(--sp-3)}.col-card.is-s .col-card-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-content:center;gap:3px 10px;height:100%}.col-card.is-s .col-card-head>.icon-m{grid-row:span 2}.col-s-line{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:var(--fs-small);line-height:1.3;color:var(--text-muted)}.col-section[hidden]{display:none}.col-count{color:var(--text-muted);font-variant-numeric:tabular-nums}.col-side{margin:0}.col-side .col-strip{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}@media(hover:hover)and (pointer:fine){.col-card{transition:border-color var(--t-quick) ease,transform var(--t-fast) var(--ease-out)}.col-card:hover{border-color:var(--acc);transform:translateY(calc(-2px * var(--motion-move)))}}.col-card:focus-within{border-color:var(--acc)}@media(max-width:560px){.col-grid,.col-grid.is-featured,.col-strip,.col-side .col-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2)}.col-card{padding:var(--sp-2)}.col-card-head{flex-direction:column;align-items:flex-start;gap:var(--sp-2)}.col-card.is-l .col-name{font-size:var(--fs-table)}}
