/* ============================================================
   InTheMude — Catalog page (games.html) page-specific layout.
   Inherits all tokens/components from /styles.css. This file only
   adds layout the catalog page needs and nothing else.
   ============================================================ */

/* Visually-hidden helper for the accessible grid heading. */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Tighten the gap between the intro copy and the catalog itself —
   they read as one continuous block. */
.catalog-intro {
  padding-bottom: 0;
}

.catalog-section {
  padding-top: var(--sp-7);
}

/* Result count sits quietly above the grid. */
.catalog-count {
  min-height: 20px;
  margin: 0 0 var(--sp-5);
  letter-spacing: 0.02em;
}

/* The whole art region is a link on this page; keep it feeling
   like part of the card, not a stray anchor. */
.game-card__art[data-art-link] {
  display: block;
  cursor: pointer;
}

/* Title links inherit cream and only warm to brass on hover —
   no underline, in keeping with the editorial header treatment. */
.game-card__body h3 a {
  color: inherit;
}

.game-card__body h3 a:hover,
.game-card__body h3 a:focus-visible {
  color: var(--brass);
}