.demo-lab{margin:2rem 0;padding:clamp(1rem,3vw,2rem);border:1px solid #bfd3e7;border-radius:1.25rem;background:#f5faff;min-width:0}
.demo-controls{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.25rem 0}
.demo-controls .button{white-space:normal;max-width:100%}
.demo-controls [aria-pressed="true"]{background:#174b77;color:#fff;border-color:#174b77}
.demo-controls [aria-pressed="true"]:hover{background:#103754}
.demo-controls button:focus-visible,.demo-scroll:focus-visible{outline:3px solid #1551ba;outline-offset:4px}
.demo-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.25rem 0}
.demo-metrics>div{padding:1rem;border:1px solid #c9dce9;border-radius:1rem;background:#fff;min-width:0}
.demo-metrics span{display:block;font-size:.9rem;color:#355371}
.demo-metrics strong{display:block;margin-top:.4rem;font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.3;color:#143756;overflow-wrap:anywhere}
.demo-exercise{display:flex;gap:.75rem;align-items:flex-start;padding:1rem;border:1px solid #b5cbdf;border-radius:.75rem;background:#e6f1fb;color:#173c5c;font-weight:650;cursor:pointer;margin:1.25rem 0}
.demo-exercise input{flex:0 0 auto;min-width:1.25rem;width:1.25rem;height:1.25rem;margin:.3rem 0 0;accent-color:#174b77}
.demo-scroll{max-width:100%;overflow-x:auto;border:1px solid #c9dce9;border-radius:.75rem;background:#fff}
.demo-scroll table{width:100%;min-width:740px;margin:0}
.demo-scroll th,.demo-scroll td{white-space:normal;overflow-wrap:normal}
.demo-scroll th{background:#eaf1f8;color:#193c5d}
.demo-scroll caption{padding:.75rem;text-align:left;color:#355371;font-size:.9rem;line-height:1.5}
.demo-definitions dt{font-weight:750;color:#19496f;margin-top:1.1rem}
.demo-definitions dd{margin:.3rem 0 0}
.settlement-demo-page [id]{scroll-margin-top:8rem}
.demo-lab .article-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
.demo-lab .article-actions a{overflow-wrap:anywhere;max-width:100%}
@media(min-width:1100px){.demo-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:440px){.demo-metrics{grid-template-columns:1fr}.demo-controls{display:grid;grid-template-columns:1fr}.demo-controls .button{width:100%}.demo-exercise{padding:.8rem}.settlement-demo-page [id]{scroll-margin-top:7rem}}