.demo-page{max-width:1100px;padding-top:40px}.demo-page h1{font-size:clamp(2rem,5vw,3.5rem)}.demo-label{font-size:.8rem!important;font-weight:800;letter-spacing:.04em;color:#24535d!important}.demo-steps{display:flex;flex-wrap:wrap;gap:1rem 2rem;padding:1rem 1.5rem;background:#edf2f4;border-radius:12px}.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0}.demo-card{border:1px solid #ccd6dc;border-radius:16px;padding:1.3rem;background:white;scroll-margin-top:110px}.demo-card:target{outline:3px solid #24535d}.demo-card h2{font-size:1.35rem}.demo-card p,.demo-page .demo-footnote{font-size:.9rem;line-height:1.6}.demo-card button{font-size:.9rem;white-space:normal;min-height:44px;width:100%}.demo-panel{background:#edf2f4;border-radius:16px;padding:clamp(1rem,4vw,2rem);margin:2rem 0}.demo-panel[hidden]{display:none}.demo-panel h2{font-size:1.7rem}.demo-panel dt{font-weight:800;margin-top:1rem}.demo-panel dd{margin:.3rem 0;line-height:1.6;overflow-wrap:anywhere}.demo-consent{display:flex;align-items:flex-start;gap:.75rem;margin:1.5rem 0;line-height:1.6}.demo-consent input{width:22px;height:22px;flex-shrink:0;margin-top:3px}.demo-sample{padding:1rem;background:white;border-radius:8px;line-height:1.7}.demo-panel button:disabled{opacity:.45;cursor:not-allowed}.demo-page button:focus-visible,.demo-page a:focus-visible{outline:3px solid #287d91;outline-offset:4px}@media(max-width:760px){.demo-grid{grid-template-columns:1fr}.demo-steps{font-size:.9rem}.demo-page{padding:30px 20px 60px}}