/* Homepage composition: selected game, weekly context, team analysis and schedule.
   Keep these rules below the masthead and above the native source components. */
/* During play, show only a finished-period comparison. Full-game totals belong
   to Final Whistle; state rules also prevent the native table flashing on load. */
body.habs-design-2026.habs-front-page #primary .hh-compact-hub:is([data-game-state="LIVE"], [data-game-state="CRIT"]) :is(.hh-hub-comparison, .habs-team-game-stats, .hh-period-recap) {
  display: none !important;
}
body.habs-design-2026.habs-front-page #primary :is(.hh-matchup-sidebar[hidden], .hh-final-stats > [hidden]) {
  display: none !important;
}
body.habs-design-2026.habs-front-page #primary .habs-live-data.habs-scoreboard .hh-compact-hub .hh-compact-top.hh-period-waiting {
  grid-template-columns: minmax(0, 1fr);
}
body.habs-design-2026.habs-front-page #primary .hh-final-stats {
  min-width: 0;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--hh-polish-line);
}
body.habs-design-2026.habs-front-page #primary .hh-final-stats .hh-period-tabs {
  gap: 6px;
  margin-bottom: 16px;
}
body.habs-design-2026.habs-front-page #primary .hh-final-stats .hh-period-tabs > button {
  flex: 1 0 44px;
  padding-inline: 8px;
}
body.habs-design-2026.habs-front-page #primary .hh-final-game-stats .hh-recap-comparison {
  margin-top: 0;
}
body.habs-design-2026.habs-front-page #primary :is(
  .hh-matchup-sidebar, .hh-glance-strip, .hh-schedule-column,
  .hh-upcoming-schedule, .hh-moves-region, .hh-performance-traditional
) {
  min-width: 0;
  box-sizing: border-box;
}

/* A real opponent/period panel shares the selected game's outer rail. */
body.habs-design-2026.habs-front-page #primary .habs-live-data.habs-scoreboard .hh-compact-hub .hh-compact-top {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 24px;
}
/* Legacy phone CSS puts the original second panel above the selected game. */
body.habs-design-2026.habs-front-page #primary .habs-live-data.habs-scoreboard .hh-compact-hub .hh-compact-top > .hh-mini-game {
  order: 0;
  width: 100%;
  min-width: 0;
  margin-inline: 0;
  box-sizing: border-box;
}
body.habs-design-2026.habs-front-page #primary .hh-compact-top > :is(.hh-matchup-sidebar, .hh-game-recap) {
  order: 1;
}
body.habs-design-2026.habs-front-page #primary .hh-matchup-sidebar {
  container: hh-matchup / inline-size;
  padding: 20px;
  border: 1px solid var(--hh-polish-line);
  border-radius: var(--hh-site-radius);
  background: var(--hh-polish-panel);
  color: var(--hh-polish-text);
}
body.habs-design-2026.habs-front-page #primary .hh-matchup-sidebar :is(.hh-h2h-host, .hh-h2h, .hh-period-sidebar) {
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body.habs-design-2026.habs-front-page #primary :is(.hh-h2h-heading, .hh-schedule-heading, .hh-period-sidebar > header) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 16px;
  min-height: 58px;
  margin: 0 0 20px;
  padding: 0 0 12px;
  border: 0;
  border-bottom: 1px solid var(--hh-polish-line);
}
body.habs-design-2026.habs-front-page #primary :is(.hh-h2h-heading h3, .hh-schedule-heading h3, .hh-period-sidebar > header h3) {
  min-width: 0;
  flex-shrink: 1;
  margin: 0;
  padding: 0 0 0 12px;
  border-left: 3px solid var(--hh-polish-red);
  color: var(--hh-polish-text);
  font: 700 var(--hh-flow-heading)/1.1 var(--global-heading-font-family, "Barlow Condensed", sans-serif);
  letter-spacing: .015em;
  text-transform: uppercase;
  white-space: normal;
}
body.habs-design-2026.habs-front-page #primary :is(.hh-h2h-heading > span, .hh-schedule-heading > a, .hh-period-sidebar > header > span) {
  max-width: none;
  color: var(--hh-polish-muted);
  font: 600 11px/1.5 var(--global-body-font-family, sans-serif);
}
body.habs-design-2026.habs-front-page #primary .hh-period-sidebar > header > small {
  color: var(--hh-polish-muted);
  font-size: 11px;
  line-height: 1.5;
}
body.habs-design-2026.habs-front-page #primary .hh-schedule-heading > a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  text-decoration: none;
}
body.habs-design-2026.habs-front-page #primary .hh-matchup-sidebar .hh-h2h-teams {
  gap: 20px;
  margin-bottom: 14px;
  border-color: var(--hh-polish-line);
}
body.habs-design-2026.habs-front-page #primary .hh-matchup-sidebar .hh-h2h-teams > div {
  border-bottom-color: var(--hh-polish-line);
}
body.habs-design-2026.habs-front-page #primary .hh-matchup-sidebar .hh-h2h-teams > div.is-mtl {
  border-bottom-color: var(--hh-polish-red);
}
body.habs-design-2026.habs-front-page #primary .hh-matchup-sidebar .hh-h2h-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
}
body.habs-design-2026.habs-front-page #primary .hh-matchup-sidebar .hh-h2h h4 {
  margin-bottom: 8px;
  color: var(--hh-polish-muted);
  font-size: 16px;
}
body.habs-design-2026.habs-front-page #primary .hh-matchup-sidebar :is(.hh-h2h-row, .hh-h2h-sample) {
  grid-template-columns: minmax(0, 1fr) minmax(90px, 1.25fr) minmax(0, 1fr);
  gap: 8px;
  border-color: var(--hh-polish-line);
}
body.habs-design-2026.habs-front-page #primary .hh-matchup-sidebar .hh-h2h-row {
  min-height: 34px;
  padding-block: 6px;
}
body.habs-design-2026.habs-front-page #primary .hh-matchup-sidebar .hh-h2h-sample > b {
  white-space: normal;
}
body.habs-design-2026.habs-front-page #primary .hh-matchup-sidebar .hh-h2h-special-row {
  margin-bottom: 12px;
}
body.habs-design-2026.habs-front-page #primary .hh-matchup-sidebar .hh-h2h-special-side {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 8px;
  align-items: baseline;
}
body.habs-design-2026.habs-front-page #primary .hh-matchup-sidebar .hh-h2h-special-side > strong {
  font-size: 23px;
}
body.habs-design-2026.habs-front-page #primary .hh-matchup-sidebar .hh-h2h-special-side > :is(i, small) {
  grid-column: 1 / -1;
}
body.habs-design-2026.habs-front-page #primary .hh-matchup-sidebar .hh-h2h-history {
  gap: 18px;
  margin-top: 16px;
  padding-top: 14px;
  border-color: var(--hh-polish-line);
}
/* The saved Additional CSS hides this original source disclosure. */
body.habs-design-2026.habs-front-page #primary .hh-matchup-sidebar .hh-h2h-method {
  display: block !important;
  margin-top: 12px;
  border-top: 1px solid var(--hh-polish-line);
  color: var(--hh-polish-muted);
}
body.habs-design-2026.habs-front-page #primary .hh-matchup-sidebar .hh-h2h-method > summary {
  min-height: 44px;
  align-content: center;
  cursor: pointer;
  font-size: 11px;
}
body.habs-design-2026.habs-front-page #primary .hh-matchup-sidebar :is(.hh-h2h-loading, .hh-h2h-state, .hh-period-note) {
  margin: 12px 0;
  color: var(--hh-polish-muted);
  font-size: 12px;
  line-height: 1.6;
}
body.habs-design-2026.habs-front-page #primary .hh-matchup-sidebar .hh-period-goals li {
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 5px 10px;
  border-color: var(--hh-polish-line);
}
body.habs-design-2026.habs-front-page #primary .hh-matchup-sidebar .hh-period-goals li > strong {
  grid-column: 2;
}
body.habs-design-2026.habs-front-page #primary .hh-period-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 20px;
}
body.habs-design-2026.habs-front-page #primary .hh-period-tabs > button {
  min-width: 44px;
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid var(--hh-polish-line);
  border-radius: var(--hh-site-radius);
  background: transparent;
  color: var(--hh-polish-muted);
  font: 600 12px/1.3 var(--global-body-font-family, sans-serif);
}
body.habs-design-2026.habs-front-page #primary .hh-period-tabs > button[aria-pressed="true"] {
  border-color: var(--hh-polish-red);
  background: var(--hh-palette-slate);
  color: var(--hh-polish-text);
}
body.habs-design-2026.habs-front-page #primary :is(.hh-period-team-head, .hh-period-comparison > div) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(110px, 1.5fr) minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  text-align: center;
}
body.habs-design-2026.habs-front-page #primary .hh-period-team-head {
  padding: 0 0 12px;
  border-bottom: 2px solid var(--hh-polish-line);
}
body.habs-design-2026.habs-front-page #primary .hh-period-team-head > b {
  color: var(--hh-polish-text);
  font: 700 20px/1.2 var(--global-heading-font-family, sans-serif);
}
body.habs-design-2026.habs-front-page #primary .hh-period-team-head > span {
  color: var(--hh-polish-muted);
  font-size: 10px;
  letter-spacing: .04em;
}
body.habs-design-2026.habs-front-page #primary .hh-period-comparison {
  margin: 0;
}
body.habs-design-2026.habs-front-page #primary .hh-period-comparison > div {
  min-height: 48px;
  padding-block: 8px;
  border-bottom: 1px solid var(--hh-polish-line);
}
body.habs-design-2026.habs-front-page #primary .hh-period-comparison :is(dt, dd) {
  margin: 0;
}
body.habs-design-2026.habs-front-page #primary .hh-period-comparison dt {
  color: var(--hh-polish-muted);
  font-size: 12px;
  line-height: 1.4;
}
body.habs-design-2026.habs-front-page #primary .hh-period-comparison dd {
  color: var(--hh-polish-text);
  font: 600 23px/1.2 var(--global-heading-font-family, sans-serif);
  font-variant-numeric: tabular-nums;
}
body.habs-design-2026.habs-front-page #primary .hh-sidebar-note {
  margin: 16px 0 0;
  color: var(--hh-polish-muted);
  font-size: 11px;
  line-height: 1.6;
}

/* Weekly workload is one strip; the icons identify existing source values. */
body.habs-design-2026.habs-front-page #primary .hh-glance-strip {
  display: grid;
  grid-template-columns: minmax(155px, .9fr) minmax(0, 4fr);
  gap: 16px 24px;
  align-items: center;
  padding: 20px;
  border: 1px solid var(--hh-polish-line);
  border-radius: var(--hh-site-radius);
  background: var(--hh-polish-panel);
}
body.habs-design-2026.habs-front-page #primary .hh-glance-range {
  margin: 0;
  color: var(--hh-polish-text);
  font: 600 22px/1.25 var(--global-heading-font-family, sans-serif);
}
body.habs-design-2026.habs-front-page #primary .hh-glance-range > span {
  display: block;
  margin-bottom: 6px;
  color: var(--hh-polish-muted);
  font: 600 10px/1.4 var(--global-body-font-family, sans-serif);
  letter-spacing: .04em;
}
body.habs-design-2026.habs-front-page #primary .hh-glance-range > strong {
  display: block;
  font: inherit;
}
body.habs-design-2026.habs-front-page #primary .hh-glance-strip .habs-week-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow: visible;
}
body.habs-design-2026.habs-front-page #primary .hh-glance-strip .habs-week-summary > div {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 12px;
  align-content: center;
  padding: 3px 16px;
  border: 0;
  border-left: 1px solid var(--hh-polish-line);
  background: transparent;
  min-width: 0;
}
body.habs-design-2026.habs-front-page #primary .hh-glance-strip .hh-glance-icon {
  grid-column: 1;
  grid-row: 1 / 3;
  align-self: center;
  display: block;
  width: 26px;
  height: 26px;
  color: var(--hh-polish-muted);
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  flex: none;
}
body.habs-design-2026.habs-front-page #primary .hh-glance-strip .habs-week-summary > div > strong {
  grid-column: 2;
  grid-row: 1;
  color: var(--hh-polish-text);
  font-size: 25px;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}
body.habs-design-2026.habs-front-page #primary .hh-glance-strip .habs-week-summary > div:nth-child(n+3) > strong {
  font-size: 17px;
  line-height: 1.35;
}
body.habs-design-2026.habs-front-page #primary .hh-glance-strip .habs-week-summary > div:nth-child(4) > strong {
  overflow-wrap: anywhere;
  hyphens: auto;
}
body.habs-design-2026.habs-front-page #primary .hh-glance-strip .habs-week-summary > div > span {
  grid-column: 2;
  grid-row: 2;
  margin-top: 4px;
  color: var(--hh-polish-muted);
  font-size: 11px;
  line-height: 1.4;
}
body.habs-design-2026.habs-front-page #primary .hh-glance-strip .habs-week-summary > div.is-active .hh-glance-icon {
  color: var(--hh-site-link);
}
body.habs-design-2026.habs-front-page #primary .hh-glance-strip > details {
  grid-column: 1 / -1;
  margin: 0;
  color: var(--hh-polish-muted);
}
body.habs-design-2026.habs-front-page #primary .hh-glance-strip > .hh-week-method {
  display: block !important; /* Saved Additional CSS hides the original notes. */
  padding-top: 8px;
  border-top: 1px solid var(--hh-polish-line);
}
body.habs-design-2026.habs-front-page #primary .hh-glance-strip > .hh-week-method > summary {
  min-height: 44px;
  align-content: center;
  cursor: pointer;
  font-size: 11px;
}

/* Team analysis and the upcoming games share one major row. */
body.habs-design-2026.habs-front-page #primary .hh-snapshot .hh-team-intel {
  grid-template-columns: minmax(0, 1fr);
  gap: 32px;
}
body.habs-design-2026.habs-front-page #primary .hh-schedule-status {
  margin: 0 0 16px;
  color: var(--hh-polish-muted);
  font: 400 12px/1.6 var(--global-body-font-family, sans-serif);
  overflow-wrap: anywhere;
}
body.habs-design-2026.habs-front-page #primary .hh-upcoming-schedule {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--hh-polish-line);
}
body.habs-design-2026.habs-front-page #primary .hh-upcoming-schedule :is(li, a) {
  min-width: 0;
  box-sizing: border-box;
}
body.habs-design-2026.habs-front-page #primary .hh-upcoming-schedule > a,
body.habs-design-2026.habs-front-page #primary .hh-upcoming-schedule > li > a {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto 12px;
  grid-template-rows: auto auto;
  align-items: center;
  gap: 3px 12px;
  min-height: 92px;
  padding: 14px 12px;
  border-bottom: 1px solid var(--hh-polish-line);
  background: var(--hh-polish-panel);
  color: var(--hh-polish-text);
  text-decoration: none;
}
body.habs-design-2026.habs-front-page #primary .hh-upcoming-game > time {
  grid-column: 1;
  grid-row: 1 / 3;
}
body.habs-design-2026.habs-front-page #primary .hh-upcoming-game > strong {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  grid-column: 2;
  grid-row: 1;
  font: 700 19px/1.2 var(--global-heading-font-family, sans-serif);
}
body.habs-design-2026.habs-front-page #primary .hh-upcoming-game > span {
  grid-column: 3;
  grid-row: 1;
  text-align: right;
  color: var(--hh-polish-text);
  font-size: 11px;
  line-height: 1.4;
}
body.habs-design-2026.habs-front-page #primary .hh-upcoming-game > small {
  grid-column: 2 / 4;
  grid-row: 2;
}
body.habs-design-2026.habs-front-page #primary .hh-upcoming-game > b {
  grid-column: 4;
  grid-row: 1 / 3;
  color: var(--hh-site-link);
  font-size: 16px;
}
body.habs-design-2026.habs-front-page #primary .hh-upcoming-schedule a:hover {
  background: var(--hh-palette-slate);
}
body.habs-design-2026.habs-front-page #primary .hh-upcoming-schedule img {
  width: 34px;
  height: 34px;
  object-fit: contain;
  flex: none;
}
body.habs-design-2026.habs-front-page #primary .hh-upcoming-schedule time {
  font-size: 12px;
  line-height: 1.4;
  color: var(--hh-polish-muted);
}
body.habs-design-2026.habs-front-page #primary .hh-upcoming-schedule :is(small, .hh-upcoming-note) {
  color: var(--hh-polish-muted);
  font-size: 11px;
  line-height: 1.5;
}
body.habs-design-2026.habs-front-page #primary .hh-schedule-column :is(.hh-week-results, .hh-standings-disclosure) {
  margin-top: 16px;
  border-top: 1px solid var(--hh-polish-line);
}
body.habs-design-2026.habs-front-page #primary .hh-schedule-column :is(.hh-week-results, .hh-standings-disclosure) > summary {
  min-height: 48px;
  padding-block: 12px;
  align-content: center;
  cursor: pointer;
  color: var(--hh-polish-text);
  font-size: 13px;
  font-weight: 600;
}
body.habs-design-2026.habs-front-page #primary .hh-schedule-column :is(.hh-week-results, .hh-standings-disclosure) > .habs-glance-panel {
  margin: 8px 0 16px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

/* Source rates keep their own denominator and a bounded visual scale. */
body.habs-design-2026.habs-front-page #primary .hh-performance-traditional {
  margin: 20px 0;
  background: var(--hh-polish-panel);
  border-top: 1px solid var(--hh-polish-line);
  border-bottom: 1px solid var(--hh-polish-line);
}
body.habs-design-2026.habs-front-page #primary .hh-performance-traditional > header {
  padding: 12px 20px 0;
}
body.habs-design-2026.habs-front-page #primary .hh-performance-traditional > header > h4 {
  margin: 0;
  color: var(--hh-polish-muted);
  font: 600 16px/1.3 var(--global-heading-font-family, sans-serif);
  text-transform: uppercase;
  letter-spacing: .04em;
}
body.habs-design-2026.habs-front-page #primary .hh-traditional-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
body.habs-design-2026.habs-front-page #primary .hh-traditional-grid > .hh-traditional-metric {
  min-width: 0;
  padding: 16px 20px;
  border-right: 1px solid var(--hh-polish-line);
}
body.habs-design-2026.habs-front-page #primary .hh-traditional-grid > .hh-traditional-metric:last-child {
  border-right: 0;
}
body.habs-design-2026.habs-front-page #primary .hh-traditional-metric > h4 {
  margin: 0 0 8px;
  min-height: 28px;
  color: var(--hh-polish-muted);
  font: 600 15px/1.3 var(--global-heading-font-family, sans-serif);
}
body.habs-design-2026.habs-front-page #primary .hh-traditional-metric > strong {
  display: block;
  margin: 0 0 10px;
  color: var(--hh-polish-text);
  font: 700 34px/1 var(--global-heading-font-family, sans-serif);
  font-variant-numeric: tabular-nums;
}
body.habs-design-2026.habs-front-page #primary .hh-traditional-metric > strong > small {
  margin-left: 2px;
  font-size: 16px;
  font-weight: 600;
}
body.habs-design-2026.habs-front-page #primary .hh-traditional-track {
  display: block;
  height: 4px;
  margin-bottom: 12px;
  overflow: hidden;
  background: var(--hh-polish-line);
}
body.habs-design-2026.habs-front-page #primary .hh-traditional-track > i {
  display: block;
  height: 100%;
  max-width: 100%;
  min-width: 0;
  background: var(--hh-polish-muted);
}
body.habs-design-2026.habs-front-page #primary .hh-traditional-metric > b {
  display: block;
  color: var(--hh-polish-text);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
}
body.habs-design-2026.habs-front-page #primary .hh-traditional-metric > :is(span:not(.hh-traditional-track), small) {
  display: block;
  color: var(--hh-polish-muted);
  font-size: 10px;
  line-height: 1.5;
}
body.habs-design-2026.habs-front-page #primary .hh-traditional-metric > small {
  margin-top: 8px;
}

/* A ruled transaction layout sits below the team/schedule row. */
body.habs-design-2026.habs-front-page #primary .hh-moves-region {
  margin-top: var(--hh-flow-gap);
}
body.habs-design-2026.habs-front-page #primary .hh-moves-region .hh-recent-moves {
  padding: 0;
  border: 0;
}
body.habs-design-2026.habs-front-page #primary .hh-moves-region .hh-recent-moves ol {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}
body.habs-design-2026.habs-front-page #primary .hh-moves-region .hh-recent-moves ol::before {
  content: none;
}
body.habs-design-2026.habs-front-page #primary .hh-moves-region .hh-recent-moves ol > li {
  position: relative;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 14px;
  min-width: 0;
  padding: 18px 0;
  border-bottom: 1px solid var(--hh-polish-line);
}
body.habs-design-2026.habs-front-page #primary .hh-moves-region .hh-recent-moves ol > li::before {
  left: 59px;
  top: 27px;
  width: 4px;
  height: 4px;
  background: var(--hh-polish-red);
}

/* A wide comparison uses adjacent tables; narrow sidebars keep full rows. */
@container hh-matchup (min-width: 480px) {
  body.habs-design-2026.habs-front-page #primary .hh-matchup-sidebar .hh-h2h-grid {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    gap: 20px;
  }
  body.habs-design-2026.habs-front-page #primary .hh-matchup-sidebar .hh-h2h-special-side > :is(span, strong) {
    grid-column: 1 / -1;
  }
  body.habs-design-2026.habs-front-page #primary .hh-matchup-sidebar .hh-h2h-special {
    padding-top: 0;
    border-top: 0;
  }
  body.habs-design-2026.habs-front-page #primary .hh-matchup-sidebar .hh-h2h-special h4 {
    flex-wrap: wrap;
    gap: 4px 8px;
  }
}

@media (min-width: 901px) {
  /* Match the hero title within the sidebar's unchanged 58px header row. */
  body.habs-design-2026.habs-front-page #primary .hh-matchup-sidebar .hh-h2h-heading {
    padding-bottom: 19px;
  }
  body.habs-design-2026.habs-front-page #primary .habs-live-data.habs-scoreboard .hh-compact-hub .hh-compact-top {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    align-items: stretch;
  }
  body.habs-design-2026.habs-front-page #primary .habs-live-data.habs-scoreboard .hh-compact-hub .hh-compact-top > .hh-mini-game {
    display: flex;
    flex-direction: column;
  }
  body.habs-design-2026.habs-front-page #primary .habs-live-data.habs-scoreboard .hh-compact-hub .hh-compact-top > .hh-mini-game > .hh-mini-slider {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    flex: 1 0 auto;
    align-items: center;
  }
  body.habs-design-2026.habs-front-page #primary .habs-live-data.habs-scoreboard .hh-compact-hub .hh-compact-top > .hh-mini-game > .hh-hub-toggle {
    flex-shrink: 0;
    margin-top: 16px;
  }
  body.habs-design-2026.habs-front-page #primary .hh-snapshot .hh-team-intel {
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
    gap: 24px;
  }
  body.habs-design-2026.habs-front-page #primary .hh-moves-region .hh-recent-moves ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 32px;
  }
}
@media (max-width: 900px) {
  body.habs-design-2026.habs-front-page #primary .hh-glance-strip {
    grid-template-columns: minmax(0, 1fr);
  }
  body.habs-design-2026.habs-front-page #primary .hh-glance-range {
    padding-bottom: 14px;
    border-bottom: 1px solid var(--hh-polish-line);
  }
  body.habs-design-2026.habs-front-page #primary .hh-glance-strip .habs-week-summary > div:first-child {
    border-left: 0;
    padding-left: 0;
  }
}
@media (max-width: 700px) {
  body.habs-design-2026.habs-front-page #primary :is(.hh-matchup-sidebar, .hh-glance-strip) {
    padding: 16px;
  }
  body.habs-design-2026.habs-front-page #primary .hh-glance-strip .habs-week-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 0;
  }
  body.habs-design-2026.habs-front-page #primary .hh-glance-strip .habs-week-summary > div {
    grid-template-columns: 24px minmax(0, 1fr);
    column-gap: 10px;
    padding-inline: 12px;
  }
  body.habs-design-2026.habs-front-page #primary .hh-glance-strip .habs-week-summary > div:nth-child(3) {
    border-left: 0;
    padding-left: 0;
  }
  body.habs-design-2026.habs-front-page #primary .hh-glance-strip .hh-glance-icon {
    width: 22px;
    height: 22px;
  }
  body.habs-design-2026.habs-front-page #primary .hh-traditional-grid > .hh-traditional-metric {
    padding: 14px 12px;
  }
  body.habs-design-2026.habs-front-page #primary .hh-performance-traditional > header {
    padding-inline: 12px;
  }
  body.habs-design-2026.habs-front-page #primary .hh-traditional-metric > strong {
    font-size: 30px;
  }
  body.habs-design-2026.habs-front-page #primary .hh-matchup-sidebar .hh-h2h-heading > span {
    text-align: left;
  }
}
@media (max-width: 450px) {
  body.habs-design-2026.habs-front-page #primary .hh-upcoming-schedule > .hh-upcoming-game {
    grid-template-columns: 64px minmax(0, 1fr) 12px;
    grid-template-rows: auto auto auto;
    row-gap: 4px;
  }
  body.habs-design-2026.habs-front-page #primary .hh-upcoming-game > time {
    grid-row: 1 / 4;
  }
  body.habs-design-2026.habs-front-page #primary .hh-upcoming-game > span {
    grid-column: 2;
    grid-row: 2;
    text-align: left;
  }
  body.habs-design-2026.habs-front-page #primary .hh-upcoming-game > small {
    grid-column: 2;
    grid-row: 3;
  }
  body.habs-design-2026.habs-front-page #primary .hh-upcoming-game > b {
    grid-column: 3;
    grid-row: 1 / 4;
  }
}
@media (max-width: 360px) {
  body.habs-design-2026.habs-front-page #primary .hh-glance-strip .habs-week-summary > div:nth-child(n+3) > strong {
    font-size: 16px;
  }
  body.habs-design-2026.habs-front-page #primary .hh-matchup-sidebar .hh-h2h-history {
    grid-template-columns: minmax(0, 1fr);
  }
}