/* ==========================================================================
   Filter buttons above the model comparison table — loaded on that article only.
   ========================================================================== */

.model-filter__buttons { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.model-filter button {
  min-height: 44px;
  padding: 0 1rem;
  border: 1px solid var(--line-strong);
  border-radius: 999px;
  background: transparent;
  color: var(--fg);
  font: inherit;
  font-size: 0.82em;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
}
.model-filter button:hover { background: var(--bg-soft); }
.model-filter button[aria-pressed="true"] { background: var(--fg); border-color: var(--fg); color: var(--bg); }
.model-filter button:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.prose .model-filter__count { margin-top: 0.7rem; font-size: 0.86em; color: var(--muted); }
.prose .model-filter + .table-wrap { margin-top: 0.9em; }
.model-table td:first-child { font-weight: 600; }