.games-context-nav { max-width: 1500px; margin: 0 auto; padding: 0 5vw 20px; display: flex; gap: 9px; }
.games-context-nav a { min-height: 43px; padding: 13px 17px; display: inline-flex; align-items: center; gap: 12px; border: 1px solid #243850; color: #b8c6d8; font-size: 9px; font-weight: 900; letter-spacing: .09em; text-decoration: none; text-transform: uppercase; }
.games-context-nav a:hover, .games-context-nav a.is-current { border-color: var(--cyan); background: #0d2845; color: var(--white); }
.games-context-nav a span { color: var(--cyan); font-size: 7px; }
.injury-main { background: #081522; }
.injury-main .games-breadcrumbs { max-width: 1500px; margin: auto; padding-top: 20px; }
.injury-hero { padding: 56px 5vw 66px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(270px, 390px); gap: clamp(30px, 7vw, 110px); align-items: end; border-bottom: 1px solid rgba(150,174,201,.17); background: radial-gradient(ellipse at 12% 25%, rgba(17,68,105,.56), transparent 48%), linear-gradient(120deg, #0a1d30, #071321 72%); }
.injury-hero__copy h1 { max-width: 900px; margin: 12px 0 22px; color: var(--white); font: 900 clamp(48px, 7vw, 92px)/.87 var(--display); letter-spacing: -.045em; text-transform: uppercase; }
.injury-hero__copy h1 em { color: var(--cyan); font-style: normal; }
.injury-hero__copy > p:last-child { max-width: 720px; color: #b6c5d6; font-size: 15px; line-height: 1.65; }
.injury-update { padding: 23px; border-top: 2px solid var(--cyan); background: rgba(14,36,59,.82); box-shadow: 12px 12px 0 rgba(224,68,74,.08); }
.injury-update__signal, .injury-stat > span, .injury-coverage > span { color: var(--cyan); font-size: 8px; font-weight: 900; letter-spacing: .14em; }
.injury-update__signal { display: flex; gap: 9px; align-items: center; }
.injury-update__signal i { width: 7px; height: 7px; border-radius: 50%; background: #f3bf55; box-shadow: 0 0 12px #f3bf55; }
.injury-update > strong { display: block; margin-top: 18px; color: var(--white); font: 800 19px var(--display); }
.injury-update > p { margin: 12px 0 0; color: #9eafc1; font-size: 10px; line-height: 1.6; }
.games-context { max-width: 1500px; margin: auto; padding: 25px 5vw; display: grid; grid-template-columns: minmax(180px, .5fr) minmax(210px, .7fr) auto 1fr; gap: 13px; align-items: end; }
.games-context label { display: grid; gap: 7px; color: #9fb0c2; font-size: 8px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.games-context select { min-height: 45px; padding: 0 12px; border: 1px solid #354b65; background: #09192b; color: var(--white); font: 600 13px var(--body); }
.games-context button { min-height: 45px; padding: 0 17px; border: 1px solid rgba(224,68,74,.6); background: transparent; color: #f4a6a9; font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.games-context button:hover { background: rgba(224,68,74,.13); }
.games-context output { justify-self: end; padding-bottom: 12px; color: #aebed0; font-size: 10px; font-weight: 800; }
.injury-summary { max-width: 1500px; margin: auto; padding: 0 5vw 26px; display: grid; grid-template-columns: repeat(3, minmax(110px, .55fr)) minmax(280px, 1.5fr); gap: 11px; }
.injury-stat, .injury-coverage { min-height: 116px; padding: 17px 18px; border: 1px solid rgba(142,164,190,.2); background: #0c1d30; }
.injury-stat { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.injury-stat strong { color: var(--white); font: 900 36px/.95 var(--display); }
.injury-stat small { color: #aab9cb; font-size: 10px; }
.injury-stat--out { border-top: 2px solid #ef7478; }
.injury-stat--out > span { color: #ff9b9f; }
.injury-stat--questionable { border-top: 2px solid #f0c461; }
.injury-stat--questionable > span { color: #f0c461; }
.injury-stat--pending { border-top: 2px solid #6ca7d9; }
.injury-stat--pending > span { color: #84b9e4; }
.injury-coverage { border-top: 2px solid #7ed2a0; }
.injury-coverage > strong { display: block; margin-top: 8px; color: var(--white); font: 800 18px var(--display); }
.injury-coverage > p { margin: 6px 0 0; color: #aab9cb; font-size: 10px; line-height: 1.5; }
.injury-legend { position: sticky; top: 64px; z-index: 5; max-width: 1500px; margin: auto; padding: 10px 5vw; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; background: #07182c; }
.injury-designated-toggle { min-height: 44px; display: flex; align-items: center; gap: 8px; font-size: 12px !important; }
.injury-designation-note { max-width: 1500px; margin: 0 auto; padding: 8px 5vw 20px; color: var(--steel); font-size: 12px; }
.injury-legend p { margin: 0; padding: 12px 14px; border-left: 2px solid var(--cyan); background: rgba(18,43,67,.65); color: #aab9cb; font-size: 10px; line-height: 1.55; }
.injury-legend b { color: var(--white); }
.injury-results { padding: 70px 5vw 82px; background: #0b1b2d; }
.injury-results__heading { max-width: 1500px; margin: 0 auto 30px; display: flex; justify-content: space-between; gap: 25px; align-items: end; }
.injury-results__heading h2 { margin: 8px 0 0; color: var(--white); font: 900 clamp(36px, 4vw, 58px)/.95 var(--display); letter-spacing: -.03em; text-transform: uppercase; }
.injury-results__heading > p { max-width: 490px; margin: 0; color: #aebed0; font-size: 11px; line-height: 1.6; }
.injury-games { max-width: 1500px; margin: auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.injury-game { min-width: 0; border: 1px solid rgba(150,174,201,.2); background: #081727; }
.injury-game__head { padding: 16px 18px; display: flex; justify-content: space-between; align-items: center; gap: 12px; border-bottom: 1px solid rgba(150,174,201,.16); }
.injury-game__head small { color: #8fa4bb; font-size: 8px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.injury-game__head time { color: var(--cyan); font-size: 11px; font-weight: 900; white-space: nowrap; }
.injury-game__matchup { min-width: 0; padding: 17px 18px 12px; display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.injury-game__teams { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.injury-game__teams > span { color: #7489a0; font: 900 11px var(--display); }
.injury-team-link { color: var(--white); font: 900 24px/.95 var(--display); text-decoration: none; }
.injury-team-link:hover { color: var(--cyan); }
.injury-game__detail-link { padding: 9px 10px; border: 1px solid rgba(33,212,253,.36); color: var(--cyan); font-size: 8px; font-weight: 900; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
.injury-game__detail-link:hover { background: rgba(33,212,253,.1); }
.injury-game__team-counts { padding: 0 18px 14px; display: flex; flex-wrap: wrap; gap: 6px; }
.injury-mini { padding: 5px 8px; border: 1px solid #263b52; color: #aebed0; font-size: 8px; font-weight: 800; }
.injury-mini--out { border-color: rgba(239,116,120,.42); color: #ff9b9f; }
.injury-mini--questionable { border-color: rgba(240,196,97,.42); color: #f0c461; }
.injury-mini--pending { border-color: rgba(108,167,217,.42); color: #84b9e4; }
.injury-team-details { border-top: 1px solid rgba(150,174,201,.12); }
.injury-team-details > summary { min-height: 48px; padding: 13px 18px; display: flex; justify-content: space-between; align-items: center; gap: 12px; color: #e6edf5; font-size: 10px; font-weight: 900; cursor: pointer; list-style: none; }
.injury-team-details > summary::-webkit-details-marker { display: none; }
.injury-team-details > summary:after { content: "+"; color: var(--cyan); font-size: 17px; }
.injury-team-details[open] > summary:after { content: "−"; }
.injury-team-details > summary span { color: #94a8be; font-size: 8px; font-weight: 700; }
.injury-team-details__coverage { padding: 0 18px 12px; color: #a8b8ca; font-size: 9px; line-height: 1.55; }
.injury-team-details__coverage a { color: var(--cyan); }
.injury-player-list { margin: 0; padding: 0 18px 17px; list-style: none; }
.injury-player { padding: 11px 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px 12px; border-top: 1px solid rgba(150,174,201,.12); }
.injury-player__identity { min-width: 0; }
.injury-player__identity strong { display: block; color: var(--white); font-size: 11px; line-height: 1.35; }
.injury-player__identity span { color: #8ea3ba; font-size: 8px; }
.injury-player__status { display: grid; justify-items: end; gap: 5px; }
.injury-player__designation { padding: 5px 7px; border: 1px solid #39516c; color: #c0ccda; font-size: 8px; font-weight: 900; white-space: nowrap; }
.injury-player__designation--out { border-color: #9e4c55; background: rgba(158,76,85,.15); color: #ff9b9f; }
.injury-player__designation--questionable, .injury-player__designation--doubtful { border-color: #9d7d35; background: rgba(157,125,53,.13); color: #f0c461; }
.injury-player__designation--pending { border-color: #3a6386; background: rgba(58,99,134,.15); color: #a8d4fa; }
.injury-player__designation--none { border-color: #53677d; color: #b8c6d4; }
.injury-player__reason { grid-column: 1 / -1; margin: 0; color: #abb9c8; font-size: 9px; line-height: 1.45; }
.injury-practice { grid-column: 1 / -1; }
.injury-practice span { padding: 4px 6px; border: 1px solid #253b52; color: #adc0d3; font-size: 8px; }
.injury-practice b { color: var(--white); }
.injury-practice strong, .injury-practice small { display: block; font-size: 12px; }
.injury-practice .practice--dnp { border-color: rgba(239,116,120,.4); color: #ffb1b4; }
.injury-practice .practice--lp { border-color: rgba(240,196,97,.4); color: #f0d481; }
.injury-practice .practice--fp { border-color: rgba(126,210,160,.4); color: #94e2b2; }
.injury-player__designation-date { grid-column: 1 / -1; color: #8398af; font-size: 8px; }
.injury-team-empty { padding: 0 18px 17px; color: #a5b5c6; font-size: 9px; line-height: 1.55; }
.injury-provenance { margin-top: 0; }
.injuries-page > footer { margin-top: 0; }
@media (max-width: 1050px) {
  .injury-summary { grid-template-columns: repeat(3, minmax(120px, 1fr)); }
  .injury-coverage { grid-column: 1 / -1; }
}
@media (max-width: 720px) {
  .games-context-nav { padding: 0 18px 12px; gap: 6px; }
  .games-context-nav a { min-height: 44px; padding: 9px 11px; flex: 1; justify-content: center; font-size: 8px; text-align: center; }
  .games-context-nav a span { display: none; }
  .injury-main .games-breadcrumbs { padding: 16px 18px; }
  .injury-hero { padding: 39px 18px 45px; grid-template-columns: 1fr; gap: 24px; }
  .injury-hero__copy h1 { font-size: clamp(42px, 12vw, 64px); }
  .injury-hero__copy > p:last-child { font-size: 13px; }
  .injury-update { padding: 18px; }
  .games-context { padding: 19px 18px; grid-template-columns: 1fr; }
  .games-context label,
  .games-context select,
  .games-context output { min-width: 0; max-width: 100%; width: 100%; }
  .games-context button { grid-column: 1; }
  .games-context output { align-self: start; }
  .injury-summary { padding: 0 18px 19px; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .injury-stat { min-height: 102px; padding: 12px 9px; }
  .injury-stat > span { min-height: 20px; font-size: 6px; letter-spacing: .07em; }
  .injury-stat strong { font-size: 30px; }
  .injury-stat small { font-size: 8px; }
  .injury-coverage { grid-column: 1 / -1; min-height: 0; }
  .injury-legend { padding: 0 18px 27px; grid-template-columns: 1fr; gap: 8px; }
  .injury-results { padding: 49px 18px 58px; }
  .injury-results__heading { display: block; }
  .injury-results__heading > p { margin-top: 16px; }
  .injury-games { grid-template-columns: 1fr; gap: 10px; }
  .injury-game__head { padding: 13px 12px; }
  .injury-game__head small { font-size: 7px; }
  .injury-game__matchup { padding: 14px 12px 10px; align-items: flex-start; flex-direction: column; }
  .injury-team-link { font-size: 22px; }
  .injury-game__detail-link { align-self: flex-end; }
  .injury-game__team-counts { padding: 0 12px 11px; }
  .injury-team-details > summary { padding: 12px; }
  .injury-team-details__coverage { padding: 0 12px 10px; }
  .injury-player-list { padding: 0 12px 12px; }
  .injury-player { grid-template-columns: minmax(0, 1fr); gap: 5px; }
  .injury-player__status { justify-items: start; }
  .injury-player__designation-date { grid-column: 1; }
}
@media (prefers-reduced-motion: reduce) { .injuries-page *, .injuries-page *:before, .injuries-page *:after { animation-duration: .01ms !important; scroll-behavior: auto !important; transition-duration: .01ms !important; } }

/* Utility header: filters remain visible without scrolling through a manifesto. */
.injury-hero { padding-block: 26px 30px; gap: clamp(20px, 4vw, 56px); }
.injury-hero__copy h1 { font-size: clamp(32px, 4vw, 48px); line-height: 1; }
.injury-update { padding: 18px; }
.injury-update > strong { margin-top: 10px; font-size: 16px; }
.injury-update > p { margin-top: 8px; }
.injuries-page .injury-player :is(strong, span, p, small), .injuries-page .injury-legend p { font-size: 12px; }
@media (max-width: 720px) {
  .injury-hero { padding-block: 22px 24px; gap: 14px; }
  .injury-hero__copy h1 { font-size: 32px; }
}