.dashboard-injury-report {
  margin-top: 48px;
  padding-top: 38px;
  border-top: 1px solid var(--line);
}

.injury-report-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  margin-bottom: 18px;
}

.injury-report-heading h2 {
  margin: 7px 0 5px;
  font: 700 clamp(30px,4vw,46px)/1 Georgia,serif;
  letter-spacing: -.035em;
}

.injury-report-heading p { margin: 0; color: var(--muted); }
.injury-source { padding: 6px 9px; border-radius: 7px; background: var(--soft); color: var(--muted); font-size: 8px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.injury-report-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.injury-player-heading { display: flex; justify-content: space-between; gap: 12px; align-items: center; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.injury-player-heading > div { display: flex; gap: 9px; align-items: center; min-width: 0; }
.injury-player-heading img { width: 34px; height: 34px; object-fit: contain; }
.injury-player-heading strong,.injury-player-heading span { display: block; }
.injury-player-heading strong { font-size: 13px; }
.injury-player-heading > div span { color: var(--muted); font-size: 9px; }
.injury-designation { flex: none; padding: 4px 7px; border-radius: 6px; font-size: 8px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.injury-designation.questionable { background: #f6ecc5; color: #76652d; }
.injury-designation.doubtful { background: #f4dfca; color: #84572f; }
.injury-designation.out { background: #f1dddd; color: #805858; }
.injury-detail-card dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; margin: 12px 0; }
.injury-detail-card dl div { padding: 8px 9px; background: var(--soft); border-radius: 8px; }
.injury-detail-card dt { color: var(--muted); font-size: 8px; font-weight: 750; text-transform: uppercase; letter-spacing: .06em; }
.injury-detail-card dd { margin: 2px 0 0; font-size: 10px; font-weight: 700; }
.injury-source-detail { margin: -3px 0 12px; padding: 9px 10px; border-radius: 8px; background: var(--soft); color: var(--muted); font-size: 9px; line-height: 1.45; }
.injury-source-detail strong { color: var(--ink); }
.injury-article { display: block; padding: 11px; border: 1px solid var(--line); border-radius: 9px; color: inherit; text-decoration: none; }
.injury-article:hover { border-color: #9db7a5; background: #f8faf7; }
.injury-article > span { color: var(--green); font-size: 8px; font-weight: 850; letter-spacing: .1em; }
.injury-article strong { display: block; margin-top: 3px; font-size: 11px; }
.injury-article p { margin: 4px 0; color: var(--muted); font-size: 9px; line-height: 1.45; }
.injury-article small { font-size: 8px; }
.injury-article.unavailable { border-style: dashed; }
.injury-timeline,.injury-attribution { color: var(--muted); font-size: 9px; }
.injury-timeline { margin: 9px 1px 0; }
.injury-attribution { margin: 11px 2px 0; }
.injury-clear { display: flex; align-items: center; gap: 12px; }
.injury-clear > span { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: #dfeee3; color: #39704e; font-weight: 850; }
.injury-clear strong { font-size: 12px; }
.injury-clear p { margin: 2px 0 0; color: var(--muted); font-size: 10px; }
.weekly-injury-list > div { display: grid; grid-template-columns: auto 1fr; gap: 8px; align-items: start; padding: 9px 0; border-bottom: 1px solid var(--line); }
.weekly-injury-list p,.weekly-injury-list strong { display: block; margin: 0; font-size: 10px; }
.weekly-injury-list p { color: var(--muted); }
.weekly-injury-list a { color: var(--green); }

html[data-theme="dark"] .dashboard-injury-report { border-top-color: #48504c; }
html[data-theme="dark"] .injury-report-heading h2 { color: #f2f4f1; }
html[data-theme="dark"] .injury-report-heading p { color: #bdc5c0; }
html[data-theme="dark"] .injury-article:hover { background: #ffffff08; border-color: #6a7d71; }
html[data-theme="dark"] .injury-designation.questionable { background: #665b2e; color: #f6dc72; }
html[data-theme="dark"] .injury-designation.doubtful { background: #65472f; color: #efc18c; }
html[data-theme="dark"] .injury-designation.out { background: #683b3b; color: #f2aaaa; }

@media(max-width:760px) {
  .injury-report-heading { align-items: flex-start; flex-direction: column; }
  .injury-report-grid { grid-template-columns: 1fr; }
}