.demo-main{padding-top:32px;padding-bottom:40px}.demo-main h1{max-width:900px}.demo-main .lead{max-width:800px;margin:16px 0}.example-note{border-left:3px solid var(--accent);padding:12px 16px;background:var(--panel);font-size:.94rem;margin-bottom:28px}.demo-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.4fr);gap:28px;align-items:start}.demo-controls,.demo-result{border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:26px}.demo-controls h2,.demo-result h2{font-size:1.6rem}.demo-controls label{display:block;font-weight:650;margin-bottom:8px}.demo-controls select{font:inherit;color:var(--text);background:#213339;border:1px solid #607277;border-radius:9px;padding:12px;width:100%;margin-bottom:22px}.demo-controls fieldset{padding:14px 0;margin:0 0 12px;border:0;border-top:1px solid var(--line)}.demo-controls legend{font-weight:700;padding:0 0 10px}.demo-controls fieldset label{display:flex;gap:12px;align-items:center;padding:8px 0;margin:0;min-height:44px;font-weight:500}.demo-controls input{width:22px;height:22px;accent-color:var(--accent);flex-shrink:0}.demo-controls button{border:0;width:100%;cursor:pointer}.demo-controls .quiet,.demo-main>.quiet{font-size:.875rem!important}.demo-station{border:1px solid var(--line);border-radius:12px;padding:18px;margin:16px 0}.demo-station h3{color:var(--accent);font-size:1.2rem;margin-bottom:12px}.demo-station p:last-child{margin:0}.demo-station strong{color:var(--text)}.demo-score{background:#101c20;padding:18px;border-radius:12px;margin:16px 0}.demo-score strong{color:var(--accent);font-size:1.5rem}.demo-score li{color:var(--muted);line-height:1.55;margin:8px 0}.demo-score p{margin:8px 0 0}.demo-pause{font-size:.9rem}.demo-cta{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;border:1px solid #c7e94b66;border-radius:20px;background:linear-gradient(110deg,#254137,#142328);padding:28px;margin:30px 0}.demo-cta h2{font-size:1.8rem}.demo-cta p:last-child{margin-bottom:0}.demo-main a:not(.button){color:var(--accent)}#demoError{margin:12px 0 0;color:#ffd09b}.demo-result[aria-busy=true]{opacity:.8}@media(max-width:750px){.demo-layout,.demo-cta{grid-template-columns:1fr}.demo-controls,.demo-result,.demo-cta{padding:20px}.demo-main h1{font-size:2.35rem}.demo-cta .button{width:100%}.demo-main{padding-top:20px}}

.demo-main h1{font-size:clamp(2.1rem,3.3vw,3.2rem)}