.s-demo{--demo-ink:#183c3e;--demo-muted:#4f6463;--demo-gold:#a46017;--demo-line:#c6d2cc;margin:2rem 0;padding:clamp(1rem,3vw,2rem);border:1px solid var(--demo-line);border-radius:1rem;background:#f6f5ef;color:var(--demo-ink)}
.s-demo *{box-sizing:border-box}.s-demo fieldset{min-width:0;margin:0 0 1.4rem;padding:0;border:0}.s-demo legend{font-weight:700;font-size:1.15rem;padding:0 0 .75rem}.s-demo .demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.5rem}.s-demo .demo-control label{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;font-weight:600;line-height:1.5}.s-demo .demo-control output{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}.s-demo input[type=range]{width:100%;min-height:44px;margin:.15rem 0;accent-color:#225754;cursor:pointer}.s-demo input:focus-visible,.s-demo button:focus-visible{outline:3px solid #a46017;outline-offset:4px}.s-demo .demo-hint{font-size:.9rem;line-height:1.6;color:var(--demo-muted);margin:.5rem 0 1rem}.s-demo button{background:#183c3e;color:#fff;border:0;border-radius:.45rem;min-height:44px;padding:.65rem 1.1rem;font:inherit;font-weight:600;cursor:pointer}.s-demo button:hover{background:#285b59}.s-demo button:disabled{cursor:default}.s-demo .demo-output{font-size:1.05rem;font-weight:600;line-height:1.75;background:white;border-left:4px solid #a46017;padding:.8rem 1rem;margin:1rem 0;min-height:4.5rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.s-demo svg{display:block;width:100%;height:auto;background:#fff;border-radius:.6rem;overflow:visible}.s-demo svg text{font-family:system-ui,sans-serif;fill:#183c3e;font-size:17px}.s-demo svg .small{font-size:14px}.s-demo svg .label{font-size:19px;font-weight:650}.s-demo svg .axis{stroke:#738b86;stroke-width:1.5}.s-demo svg .grid{stroke:#e4e9e4;stroke-width:1}.s-demo svg .curve{fill:none;stroke:#225754;stroke-width:3}.s-demo svg .accent{stroke:#a46017;fill:#a46017}.s-demo svg .muted{fill:#e5ece5;stroke:#99b3a7}.s-demo .demo-table{overflow:auto;margin-top:1rem}.s-demo table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:.95rem}.s-demo th,.s-demo td{padding:.5rem;text-align:left;border-bottom:1px solid var(--demo-line)}.s-demo caption{text-align:left;font-weight:650;margin:.4rem 0}.s-demo .demo-error{color:#8a2515;background:#fff1ec;padding:.75rem}.s-demo .demo-scope{font-size:.9rem;line-height:1.7;color:var(--demo-muted);margin-bottom:0}.s-demo .demo-group-heading{grid-column:1/-1;margin:.5rem 0 -.4rem;font-size:1rem}
@media(max-width:560px){.s-demo .demo-grid{grid-template-columns:1fr}.s-demo{border-radius:.6rem}.s-demo svg text{font-size:19px}.s-demo svg .small{font-size:16px}.s-demo .demo-output{font-size:1rem}.s-demo .demo-hint{font-size:.88rem}}
@media print{.s-demo fieldset{display:none}.s-demo{break-inside:avoid;background:white}.s-demo .demo-output{min-height:0}.s-demo svg{max-height:19cm}}