.eba-record--blood .eba-record__hero { background:linear-gradient(125deg,var(--record-hero-start),var(--record-hero-end)); }
.eba-record--blood .eba-blood__layout { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--record-space-lg); align-items:start; }
.eba-record--blood .eba-record__metric { text-decoration:none; }
.eba-record--blood .eba-blood__notes { margin-top:var(--record-space-xl); }
.eba-record--blood .eba-blood__notes p { white-space:pre-wrap; overflow-wrap:anywhere; color:var(--dash-ink); line-height:1.7; }
.eba-record--blood .eba-blood__history { margin-top:var(--record-space-lg); }
.eba-record--blood .eba-blood__muted { color:var(--dash-muted); font-size:var(--record-body-size); }
.eba-record--blood .eba-blood__timeline { padding:0; margin:var(--record-space-lg) 0; list-style:none; display:grid; gap:var(--record-space-md); }
.eba-record--blood .eba-blood__timeline li { padding:var(--record-space-lg); display:flex; justify-content:space-between; align-items:center; gap:var(--record-space-lg); border:var(--record-hairline) solid var(--dash-border); border-radius:var(--record-radius-sm); background:var(--dash-canvas); }
.eba-record--blood .eba-blood__timeline li > div { min-width:0; overflow-wrap:anywhere; }
.eba-record--blood .eba-blood__timeline h3 { margin:var(--record-space-sm) 0; }
.eba-record--blood .eba-blood__pagination { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--record-space-md); margin-block:var(--record-space-lg); }
.eba-record--blood [id^="blood-"],.eba-record--blood [id^="donation-"] { scroll-margin-top:var(--record-space-xl); }
.eba-record--blood :is(a,section,summary,dt):focus-visible { outline:var(--record-focus-width) solid var(--record-focus); outline-offset:var(--record-focus-width); }
@media(max-width:48rem) {
.eba-record--blood .eba-blood__layout,.eba-record--blood .eba-record__metrics,.eba-record--blood .eba-record__facts-grid { grid-template-columns:minmax(0,1fr); }
.eba-record--blood .eba-blood__timeline li { flex-direction:column; align-items:stretch; }
.eba-record--blood .eba-record__metric { flex-direction:row; text-align:left; }
}
@media(prefers-reduced-motion:reduce) { .eba-record--blood { scroll-behavior:auto; } }