/* ============================================================
   The Basement — page-specific bits layered on top of
   css/hitters-embed.css (which carries the whole .saa-embed
   table + card system). Only the segmented Hitters/Pitchers
   switch and a few basement tweaks live here.
   ============================================================ */

.saa-embed[hidden] { display: none !important; }

/* ---- Hitters / Pitchers switch ---- */
.basement-switch {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  margin: 1.6rem auto 0.2rem;
  padding: 0 1rem;
}
.basement-switch__link {
  font-family: var(--font-display, "Oswald", sans-serif);
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-decoration: none;
  color: #c9d4c0;
  background: rgba(0, 0, 0, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 3px;
  padding: 0.5rem 1.4rem;
  transition: color 0.12s, background 0.12s, border-color 0.12s;
}
.basement-switch__link:hover,
.basement-switch__link:focus-visible {
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
}
.basement-switch__link.is-active {
  color: #16211d;
  background: #d9bd8b;
  border-color: #d9bd8b;
}

/* the basement rank reads as a verdict, not a ranking — lean into it */
.saa-embed td.rank { color: var(--saa-under); font-weight: 700; }
.saa-embed .saa-card__rank { color: var(--saa-under); }
.saa-embed .saa-card {
  border-left-color: var(--saa-under);
}

/* a slightly tighter board on this page — less copy than the main lists */
.saa-embed .stat-row { margin-bottom: 0.4rem; }

@media (max-width: 560px) {
  .basement-switch__link { padding: 0.5rem 1rem; letter-spacing: 0.08em; }
}