/* tdc-hq-game.css — lighter HQ header pass for the game / quiz suite.
   Aligns each game's title to the condensed HQ display font and adds a small
   accent detail, WITHOUT touching any of the games' own controls or boards.
   Two header shapes exist across the suite:
     .hd  > h1 + p        (left-aligned:  Grade Guess, Rank 'Em, …)
     .g-head > .g-title   (centered:      Guess the Player, Hoop Grid, …)  */

.hd h1,
.g-head .g-title{
  font-family:'Barlow Condensed','Inter',sans-serif !important;
  text-transform:uppercase !important;
  font-weight:800 !important;
  letter-spacing:.012em !important;
  line-height:.96 !important;
  font-size:clamp(30px,4.4vw,40px) !important;
}

/* left-aligned .hd headers → gold accent rail (matches the list/report pages) */
.hd h1{ position:relative; padding-left:15px; }
.hd h1::before{
  content:""; position:absolute; left:0; top:.12em; bottom:.14em;
  width:4px; border-radius:3px; background:var(--tc-readable,var(--accent));
}

/* centered .g-head titles → short accent underline under the title */
.g-head .g-title{ position:relative; display:inline-block; padding-bottom:10px; }
.g-head .g-title::after{
  content:""; position:absolute; left:50%; transform:translateX(-50%); bottom:0;
  width:46px; height:3px; border-radius:2px; background:var(--tc-readable,var(--accent));
}