/* The batch comparison stays inside one optional, independently usable drawer. */
.batch-lab { position: relative; margin: 24px 0; scroll-margin-top: 120px; }
/* A link to #full-batch-lab (Function, Research Context) lands on the drawer's top edge,
   so the scroll padding under the sticky navigation keeps its title in view. */
#full-batch-lab { position: absolute; top: 0; }
.batch-lab > summary { font-size: 1.06rem; }
.batch-controls { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 10px; }
.batch-controls button { padding: 10px 13px; border: 1px solid #9eafc1; border-radius: 7px; color: #21324b; background: #fff; font: inherit; font-size: .9rem; font-weight: 650; text-align: left; cursor: pointer; }
.batch-controls button[aria-pressed="true"] { color: #fff; background: #235f9e; border-color: #235f9e; }
.batch-controls button:focus-visible, .batch-scrub input:focus-visible { outline: 3px solid #d9a528; outline-offset: 3px; }
.batch-rate-note { font-size: .9rem; color: #465a70; }
.batch-horizon { margin-bottom: 17px; }
.batch-legend { display: flex; flex-wrap: wrap; gap: 8px 20px; font-size: .85rem; color: #405267; }
.batch-legend > span { display: inline-flex; align-items: center; gap: 7px; }
.batch-key { display: inline-block; width: 25px; height: 0; border-top: 3px solid; }
.batch-key.batch-test { border-color: #388352; }
.batch-key.batch-train { border-color: #af5836; }
.batch-key.batch-zero { border-top: 2px dashed #7c8da1; }
.batch-risk-plot { display: block; width: 100%; max-width: 100%; height: auto; margin: 12px 0 4px; background: #fafcfe; border: 1px solid #dce4ec; border-radius: 9px; }
.batch-risk-plot { cursor: ew-resize; touch-action: pan-y; }
.batch-scrub { display: block; font-size: .9rem; font-weight: 650; }
.batch-scrub output { font-weight: 400; margin-left: 7px; }
.batch-scrub input { width: 100%; display: block; margin: 11px 0 18px; accent-color: #235f9e; }
.batch-scorecards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 14px 0; }
.batch-scorecards > div { padding: 12px; background: #edf3f8; border-radius: 7px; }
.batch-scorecards dt { font-size: .8rem; color: #42566e; }
.batch-scorecards dd { margin: 4px 0 0; font-size: clamp(1.05rem, 2.3vw, 1.6rem); font-weight: 700; font-variant-numeric: tabular-nums; }
.batch-verdict { border-left: 3px solid #235f9e; padding-left: 12px; }
@media (max-width: 520px) {
  .batch-controls { gap: 7px; }
  .batch-controls button { flex: 1 1 135px; font-size: .85rem; padding: 10px; }
  .batch-legend { font-size: .8rem; gap: 7px 13px; }
  .batch-scorecards { gap: 6px; }
  .batch-scorecards > div { padding: 9px 7px; }
  .batch-scorecards dt { font-size: .75rem; }
  .batch-scrub output { display: block; margin: 3px 0 0; }
}