.eba-unit .eba-unit__cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--record-space-lg); margin-top:var(--record-space-lg); }
.eba-unit .eba-unit__cards article { display:flex; flex-direction:column; align-items:stretch; }
.eba-unit .eba-unit__cards article > a { margin-top:auto; }
.eba-unit .eba-unit__code { overflow-wrap:anywhere; word-break:normal; font-family:monospace; font-size:var(--record-body-size); line-height:1.7; }
.eba-unit .eba-unit__cards h2 { font-size:var(--record-section-size); }
.eba-unit .eba-unit__state { padding:var(--record-space-xs) var(--record-space-sm); border-radius:var(--record-radius-sm); background:var(--dash-canvas); color:var(--record-blue-text); align-self:flex-start; }
.eba-unit .eba-unit__filters { display:flex; flex-wrap:wrap; gap:var(--record-space-md); align-items:end; }
.eba-unit .eba-unit__filters > div { flex:1 1 var(--record-aside); min-width:0; }
.eba-unit .eba-unit__form { display:grid; gap:var(--record-space-sm); margin-top:var(--record-space-md); }
.eba-unit :is(input,select,textarea) { width:100%; min-width:0; min-height:var(--record-touch); padding:var(--record-space-sm); border:var(--record-hairline) solid var(--dash-border); border-radius:var(--record-radius-sm); background:var(--dash-canvas); color:var(--dash-ink); font:inherit; }
.eba-unit :is(label,summary) { font-weight:600; }
.eba-unit :is(a,button,input,select,textarea,summary,dt,section):focus-visible { outline:var(--record-focus-width) solid var(--record-focus); outline-offset:var(--record-focus-width); }
.eba-unit .eba-unit__form p,.eba-unit .eba-unit__scope { color:var(--dash-muted); font-size:var(--record-body-size); line-height:1.7; }
.eba-unit .eba-unit__scope { margin-top:var(--record-space-lg); }
.eba-unit .eba-unit__logo { width:var(--record-aside); max-width:100%; height:auto; padding:var(--record-space-sm); background:var(--record-hero-text); border-radius:var(--record-radius-sm); }
.eba-unit .eba-unit__feedback { padding:var(--record-space-lg); border:var(--record-hairline) solid var(--dash-border); border-radius:var(--record-radius-sm); color:var(--dash-ink); background:var(--dash-canvas); margin:var(--record-space-md) 0; }
.eba-unit .eba-unit__feedback--error { border-color:var(--record-focus); }
.eba-unit .eba-unit__recent { margin-top:var(--record-space-lg); }
.eba-unit summary { min-height:var(--record-touch); cursor:pointer; }
.eba-unit [id^="unit-"] { scroll-margin-top:var(--record-space-xl); }
@media(max-width:64rem) { .eba-unit .eba-unit__cards { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:48rem) { .eba-unit .eba-unit__cards { grid-template-columns:minmax(0,1fr); } .eba-unit .eba-unit__filters > div { flex-basis:100%; } }

.eba-unit .eba-record__metric > span > strong,
.eba-unit .eba-record__metric > span > span { display: block; }
.eba-unit .eba-unit__screen-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--record-space-md); }
.eba-unit .eba-unit__results { padding:0; list-style:none; display:grid; gap:var(--record-space-sm); }
.eba-unit .eba-unit__results li { display:flex; flex-wrap:wrap; gap:var(--record-space-sm); justify-content:space-between; padding:var(--record-space-sm); border-radius:var(--record-radius-sm); background:var(--dash-canvas); color:var(--dash-ink); }
.eba-unit .eba-unit__confirmation { display:flex; align-items:start; gap:var(--record-space-md); min-height:var(--record-touch); }
.eba-unit .eba-unit__confirmation input { width:var(--record-space-lg); min-height:var(--record-space-lg); flex:none; }
.eba-unit [id^="screen-"] { scroll-margin-top:var(--record-space-xl); }
.eba-unit span[tabindex]:focus-visible { outline:var(--record-focus-width) solid var(--record-focus); outline-offset:var(--record-focus-width); }
@media(max-width:48rem){ .eba-unit .eba-unit__screen-grid { grid-template-columns:minmax(0,1fr); } }

.eba-unit span[tabindex] { display:inline-flex; align-items:center; justify-content:center; min-width:var(--record-touch); min-height:var(--record-touch); }
.eba-unit .eba-storage__attestation { display:flex; align-items:flex-start; gap:var(--record-space-sm); }
.eba-unit .eba-storage__attestation input { width:var(--record-space-lg); min-height:var(--record-space-lg); flex-shrink:0; }