.demo-workbench{display:flex;flex-direction:column;gap:1.3rem;max-width:1500px;margin:auto}
.demo-readout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:1.5rem 2rem;border-top:3px solid var(--blue)}
.demo-readout h2{font-size:clamp(1.5rem,2.4vw,2.1rem);line-height:1.25}
.demo-readout>div>p{max-width:800px}
.demo-count{background:#f0f5ff;border:1px solid #d9e4f8;border-radius:6px;padding:1.2rem;text-align:center;align-self:start}
.demo-count>span{display:block;font-size:.8rem;color:var(--muted)}
.demo-count>strong{display:block;font-size:4.5rem;font-weight:500;line-height:1.1;margin:.5rem 0;color:var(--blue)}
.demo-count>p{font-size:.8rem;line-height:1.5;border-top:1px solid #d9e4f8;padding-top:1rem;margin-top:1rem;margin-bottom:0}
.demo-support{grid-column:1/-1;border-top:1px solid var(--line);padding-top:1.25rem}
.demo-support th[scope=row]{background:white;color:var(--ink);font-weight:500;font-size:.875rem}
.demo-next{display:flex;align-items:center;justify-content:space-between;gap:2rem;background:#f7faff}
.demo-next>div{max-width:820px}
.demo-next h2{margin-bottom:.5rem}
.demo-next p{margin-bottom:0}
.demo-next>a{flex-shrink:0}
.demo-contribute-intro{margin-bottom:-1.5rem}
.demo-settings>summary,.demo-full-results>summary{cursor:pointer;font-weight:600;line-height:1.5}
.demo-settings>summary>span,.demo-full-results>summary>span{display:block;font-weight:400;margin-left:1.2rem;margin-top:.25rem}
.demo-settings[open]>summary,.demo-full-results[open]>summary{margin-bottom:1.5rem}
.demo-settings form[method=get]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:1rem;align-items:end;margin-bottom:1rem}
.demo-settings form[method=get] .form-field{margin:0}
.demo-full-results>.work-results{padding-top:.3rem}
.demo-preview-context{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem;margin-top:1.5rem;padding-top:1.3rem;border-top:1px solid var(--line)}
.demo-preview-context h3{font-size:1rem}
.demo-preview-context p{font-size:.875rem;color:var(--muted);margin-bottom:0}
.demo-receipt{border:1px solid var(--line);border-radius:6px;background:#f7faff;max-width:760px;padding:1.2rem;margin-top:1rem}
.demo-receipt>p:last-child{margin-bottom:0;font-size:.875rem;color:var(--muted)}
.demo-receipt .badge{display:inline-block;margin-bottom:.5rem}
.demo-workbench .table-scroll table th[scope=row]{background:transparent;color:var(--ink);font-weight:500}
.demo-workbench .table-scroll td{white-space:nowrap}
#preview-observations td{overflow-wrap:anywhere;min-width:90px;vertical-align:top}
#preview-observations td small{display:block;font-size:.7rem;color:var(--muted)}
.demo-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.demo-next{align-items:flex-start;flex-direction:column;gap:1rem}.demo-settings form[method=get]{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-readout{grid-template-columns:minmax(0,1fr) 190px;gap:1.2rem}.demo-count{padding:1rem}.demo-count>strong{font-size:3.5rem}}
@media(max-width:650px){.demo-readout{grid-template-columns:minmax(0,1fr)}.demo-count{display:grid;grid-template-columns:auto 1fr;gap:.2rem 1rem;text-align:left}.demo-count>.eyebrow{grid-column:1/-1;margin:0}.demo-count>strong{grid-row:2/4;margin:0;font-size:3.5rem}.demo-count>span:not(.eyebrow){align-self:end}.demo-count>p{border:0;padding:0;margin:0}.demo-preview-context{grid-template-columns:minmax(0,1fr)}.demo-settings form[method=get]{grid-template-columns:minmax(0,1fr)}.demo-contribute-intro{margin-bottom:0}.demo-workbench .panel-heading{display:block}.demo-workbench .panel-heading>a{display:inline-block;margin-bottom:1rem}}