/** Approved Canadiens colours and matchup emphasis, version 3.11. */
body.habs-design-2026 {
  --hh-polish-bg: #071522;
  --hh-polish-panel: #122c45;
  --hh-polish-line: #35506a;
  --hh-polish-text: #f5f4ee;
  --hh-polish-muted: #bbcad9;
  --hh-polish-red: #d31238;
}
body.habs-design-2026 #masthead .site-title .hh-brand-hockey { color: #e52143 !important; }
body.habs-design-2026 #masthead .habs-league-scoreboard-slot .habs-league-scoreboard-label > .hh-scores-label { color: #ff778b; }
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-mini-game {
  background: #123b66;
  margin-inline: -18px;
  padding: 20px 18px 24px;
  border-bottom: 3px solid #d31238;
  box-shadow: 0 3px #f5f4ee, 0 6px #1b4779;
}
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-mini-slider .hh-mini-navigation {
  top: 20px;
  right: 18px;
}
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-mini-slider .hh-mini-navigation button {
  border-color: #6182a4;
  background: #0c2a49;
}
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-mini-slider .hh-mini-matchup.habs-game-hero { padding-top: 16px; padding-bottom: 4px; }
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-team-prestats { padding-top: 8px; border-color: #567493; }
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-mini-date,
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-mini-date > span:last-child,
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-mini-meta { color: #d6e2ec; }
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-matchup-record-note { margin-bottom: 8px; }
/* Entering-game records belong to pregame; the active/final panel leads with scores.
   Use the actual state so delayed live responses keep the same compact layout. */
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub:is(
  [data-game-state="LIVE"], [data-game-state="CRIT"],
  [data-game-state="FINAL"], [data-game-state="OFF"], [data-game-state="OVER"]
) .hh-mini-game :is(.hh-team-prestats, .hh-matchup-record-note) { display: none; }
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-hub-toggle {
  margin-top: 16px;
  color: #fff;
  background: #c8102e;
  border-color: #c8102e;
  font-weight: 700;
}
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-mini-form { border-top: 0; padding-top: 28px !important; }
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-form-metric > summary { min-height: 78px; }
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-form-number > strong { font-variant-numeric: tabular-nums; color: #f5f4ee; }

body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-mini-game {
  padding-top: 18px;
  padding-bottom: 20px;
}
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-mini-slider .hh-mini-navigation { top: 18px; }
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-mini-toolbar { margin-bottom: 6px; }
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-mini-toolbar h2 { font-size: 30px; letter-spacing: .035em; }
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-mini-slider .hh-mini-matchup.habs-game-hero {
  grid-template-columns: minmax(0, 1fr) minmax(112px, 1.3fr) minmax(0, 1fr);
  gap: 10px;
  padding-top: 20px;
}
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-mini-team { gap: 6px; }
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-mini-team-name .habs-team-logo {
  width: clamp(64px, 23vw, 94px) !important;
  min-width: 0 !important;
  height: clamp(62px, 19vw, 80px) !important;
  flex-basis: clamp(62px, 19vw, 80px) !important;
}
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-mini-team-name .habs-team-logo img {
  filter: drop-shadow(0 4px 3px rgb(0 8 22 / 25%));
}
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-mini-team-name > strong {
  font-size: clamp(32px, 10vw, 40px);
  letter-spacing: .04em;
}
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-mini-team > small { font-size: 12px; }
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-team-prestats { margin-top: 4px; padding-top: 7px; }
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-team-record-above > strong { font-size: 18px; }
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-mini-status { padding-top: 6px; gap: 10px; }
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-mini-status > span:not(.hh-score-checking) {
  justify-self: center;
  align-self: center;
  padding: 4px 8px;
  border-radius: 2px;
  background: #f5f4ee;
  color: #123b66;
  font-size: 10px;
  line-height: 1.3;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub.is-pregame .hh-mini-status > strong {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  font-size: clamp(29px, 8.8vw, 38px) !important;
  line-height: 1 !important;
  font-variant-numeric: tabular-nums;
}
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-presentation-time { max-width: 100%; }
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-presentation-timezone {
  font: 600 12px/1.2 var(--global-body-font-family, sans-serif);
  letter-spacing: .06em;
  color: #d6e2ec;
}
body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-hub-toggle {
  min-height: 50px;
  font-size: 16px;
  letter-spacing: .01em;
  box-shadow: inset 0 -2px rgb(57 0 13 / 25%);
}

/* Keep the approved mobile composition within each page's existing gutter. */
@media (max-width: 360px) {
  body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-mini-game { margin-inline: -14px; padding-inline: 14px; }
  body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-mini-slider .hh-mini-navigation { right: 14px; }
}
@media (min-width: 701px) and (max-width: 900px) {
  body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-mini-game { margin-inline: -24px; padding-inline: 24px; }
  body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-mini-slider .hh-mini-navigation { right: 24px; }
}
@media (min-width: 901px) {
  body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-mini-game { margin-inline: 0; padding-inline: 24px; }
  body.habs-design-2026 .habs-live-data.habs-scoreboard .hh-compact-hub .hh-mini-slider .hh-mini-navigation { right: 24px; }
}