/* Injury might-have-beens (injuries.js). */
.inj-chart { width: 100%; height: auto; max-height: 280px; display: block; }
.inj-grid { stroke: var(--line); stroke-opacity: .7; }
.inj-ax { fill: var(--dim); font-size: 11px; }
.inj-band { fill: var(--bad); fill-opacity: .12; }
.inj-proj { stroke: var(--dim); stroke-width: 2; stroke-dasharray: 6 4; }
.inj-act { stroke: var(--accent); stroke-width: 2.5; }
.inj-dot { fill: var(--accent); stroke: var(--panel); stroke-width: 1.5; }
.inj-dot.hollow { fill: var(--panel); stroke: var(--accent); }
.inj-legend { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; margin-top: 4px; }
.inj-legend .k::before { content: ""; display: inline-block; width: 22px; height: 0; border-top: 3px solid var(--accent); margin-right: 6px; vertical-align: middle; }
.inj-legend .k.proj::before { border-top: 3px dashed var(--dim); }
.inj-q { width: 100%; max-width: 320px; margin-bottom: 8px; }