.er-stats { display:flex; flex-wrap:wrap; gap:24px 50px; padding-block:24px; border-block:1px solid var(--border); margin-top:28px; }
.er-stats span { display:flex; flex-direction:column; color:var(--text-dim); font-size:.9rem; }
.er-stats strong { font-size:2.2rem; color:var(--text); }
.dg-page .er-anatomy { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); list-style:none; padding:0; gap:14px; margin-top:28px; }
.dg-page .er-anatomy li { margin:0; padding:22px; border-top:3px solid var(--accent-ink); background:var(--surface); }
.er-anatomy span { display:block; font:.72rem/1.7 var(--mono); color:var(--accent-ink); margin-bottom:14px; }
.er-anatomy strong { display:block; font-size:1.07rem; }
.er-anatomy p { font-size:.87rem; color:var(--text-dim); margin-block:12px; }
.er-anatomy code { font-size:.76rem; }
.er-outcome-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.er-spaced { margin-top:24px; }
.er-example-bar { display:flex; flex-wrap:wrap; gap:16px; align-items:end; padding:22px; border:1px solid var(--border); background:var(--surface); margin-block:26px; border-radius:8px; }
.er-example-bar>div { flex:1 1 230px; }
.er-example-bar button { margin-bottom:0; }
.er-errors { border:2px solid var(--bad-ink); padding:22px; margin-block:22px; }
.er-errors a { text-decoration:underline; color:var(--accent-ink); }
.er-field-error { color:var(--bad-ink); margin-top:8px; font-size:.88rem; }
.er-output { margin-top:25px; }
.er-output pre { font-size:.78rem; max-height:560px; overflow:auto; }
.er-output pre:focus-visible { outline:3px solid var(--accent-ink); outline-offset:3px; }
.er-small { font-size:.83rem; color:var(--text-dim); line-height:1.8; }
.er-term { background:var(--surface); }
.er-term summary span { margin-left:15px; font:.72rem/1.7 var(--mono); color:var(--accent-ink); }
.er-term p { font-size:.9rem; line-height:1.8; }
#er-builder fieldset { background:var(--surface); }
#er-builder fieldset .dg-fields { align-items:start; }
@media(max-width:900px) { .dg-page .er-anatomy { grid-template-columns:repeat(2,minmax(0,1fr)); } .er-outcome-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:640px) { .dg-page .er-anatomy,.er-outcome-grid { grid-template-columns:1fr; } .er-output { padding:18px; } .er-output pre { padding:12px; } .er-stats { gap:20px 28px; } }
@media print {
 #er-term-controls,#er-form,.er-example-bar,#er-errors,#er-status { display:none!important; }
 .er-output pre { max-height:none; overflow:visible; }
 .er-term::details-content,.er-output details::details-content { display:block; content-visibility:visible; }
 .er-anatomy,.er-outcome-grid { display:block!important; }
 .er-anatomy li { margin-bottom:12px!important; }
 .er-stats span,.er-stats strong,.er-small,.er-term summary span { color:#111!important; }
}