:root{--ink:#143f37;--muted:#526960;--line:#d2ded0;--bg:#f4f4ea}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,sans-serif;overflow-wrap:anywhere}.lab-shell{max-width:1500px;padding:22px}.hero{padding:30px;background:#073d35;color:#fffce9;border-radius:20px;margin-bottom:18px;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:26px 26px}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:750;color:#b6dfc5}.hero h1{font-size:clamp(28px,4vw,44px);line-height:1.12;margin:14px 0}.hero p{max-width:900px}.chips,.toolbar,.record-totals{display:flex;flex-wrap:wrap;gap:9px}.chips span{border:1px solid #72a58c;padding:4px 10px;border-radius:99px;font-size:12px}.runtime-note{padding:15px 18px;background:#e5eed8;border-radius:12px;font-size:14px}.lab-card{padding:22px;border:1px solid var(--line);border-radius:16px;background:#fffef8;margin-bottom:18px}.lab-card h2{font-size:20px;font-weight:750;margin-bottom:16px}.form-label{font-size:14px;font-weight:650}.form-select{min-height:46px;font-size:14px;color:var(--ink);border-color:#adc2b2}.purpose{font-weight:600;margin:16px 0 8px}.small{font-size:13px}.muted{color:var(--muted)}.btn{min-height:44px;font-size:13px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;white-space:normal}.btn-primary{--bs-btn-bg:#16634e;--bs-btn-border-color:#16634e;--bs-btn-hover-bg:#084b3a;--bs-btn-hover-border-color:#084b3a}.btn-outline-dark{--bs-btn-color:#164b3c;--bs-btn-border-color:#91ad9d;--bs-btn-hover-bg:#164b3c;--bs-btn-hover-border-color:#164b3c}.status{padding:12px;background:#e9f3e3;border-radius:10px;margin-top:15px;min-height:49px;font-weight:600;font-size:14px;white-space:pre-wrap}.status.error{background:#fff0e7;color:#83391e}.code-box{font:12px/1.6 Consolas,monospace;white-space:pre;overflow:auto;padding:17px;background:#123b32;color:#eef7df;border-radius:10px;max-height:330px;min-height:150px}.test-code{max-height:400px}.record-totals{margin-bottom:14px}.record-totals span{padding:5px 10px;border:1px solid #bfd1ba;border-radius:8px;font-size:13px}.record-totals .failed{background:#fff0e7;border-color:#e4baa6;color:#81351f}.fix-note{border-left:3px solid #c5a850;padding:12px 15px;background:#f6f1d9;font-size:14px}.coverage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.coverage-grid div{border:1px solid #cddcc4;border-radius:10px;padding:12px}.coverage-grid strong{display:block;font-size:23px}.demo-component{padding:12px;border:1px solid #d0dec8;border-radius:10px;background:#f8fbf1;min-height:260px}.demo-component pre{font:13px/1.6 Consolas,monospace;background:#edf2e5;padding:12px;white-space:pre-wrap;overflow-wrap:anywhere}.demo-component .demo-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.demo-component .demo-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.demo-component [type=checkbox]{width:auto;display:inline-block;vertical-align:middle;margin:0 8px 0 0}.demo-component [type=range]{padding:0}.demo-component output{display:block;margin-top:12px;font-weight:700}button:focus-visible,a:focus-visible,select:focus-visible,pre:focus-visible{outline:3px solid #b47a1b!important;outline-offset:3px}[hidden]{display:none!important}@media(max-width:600px){.lab-shell{padding:10px}.hero{padding:23px 17px}.hero p{font-size:14px}.lab-card{padding:17px 13px}.toolbar .btn{flex:1 1 135px}.form-select{font-size:16px}.coverage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-component .demo-row{grid-template-columns:1fr}.code-box{padding:12px;font-size:12px}.demo-component input{font-size:16px}.lab-card h2{font-size:19px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}