/* Shared Astra-style leaderboard table, used by model pages. */
.astra-table-wrap { overflow-x: auto; margin-top: 1.25rem; }

.astra-table { width: 100%; border-collapse: collapse; font-size: 0.95rem; }
.astra-table th,
.astra-table td { padding: 0.7rem 0.8rem; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.astra-table thead th {
  font-size: 0.72rem; letter-spacing: 0.06em; text-transform: uppercase;
  color: var(--muted); font-weight: 500; font-family: var(--mono);
  border-bottom: 1px solid var(--line-strong);
}
.astra-table .num {
  text-align: right; font-family: var(--mono); font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
/* The system name is the widest thing here; give it the slack and keep the numbers on one line. */
.astra-table tbody th { min-width: 16rem; }
.astra-table .rank {
  width: 3.2rem; white-space: nowrap; text-align: right; color: var(--muted);
  font-family: var(--mono); font-variant-numeric: tabular-nums;
}
.astra-table tbody th { font-weight: 600; color: var(--ink); }

/* The rows this page is about take the shared subject callout (styles.css `.callout-row`),
   with the edge coloured by maker so an Astra row and a Fable 5.1 row are distinguishable at a
   glance. Colour never carries it alone: the tag says the row is new. */
.callout-row--openai .astra-tag { border-color: #2f9fc4; color: #9fd4e6; }
.callout-row--anthropic .astra-tag { border-color: #b8422e; color: #e8a596; }

.astra-tag {
  display: inline-block; margin-left: 0.5rem; padding: 0.05rem 0.4rem;
  border: 1px solid var(--line-strong); border-radius: 999px;
  font-family: var(--mono); font-size: 0.68rem; color: var(--muted);
  text-transform: uppercase; letter-spacing: 0.06em; vertical-align: middle;
}

.astra-sub { display: block; font-weight: 400; font-size: 0.78rem; color: var(--muted); margin-top: 0.15rem; }