*{box-sizing:border-box}.comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.comparison .demo{min-width:0}.comparison .page{min-height:12rem}.why{border-left:5px solid #326c82;background:#edf5f8;padding:1rem;margin-top:1rem}.why h3{margin-top:0}.sandbox{padding:1.3rem;border:1px solid #a5b6c2;border-radius:12px;margin:.7rem 0}.sandbox button{padding:.7rem 1rem;border-radius:8px;cursor:pointer}input[type=text],select{display:block;width:100%;max-width:100%;padding:.75rem;margin:.4rem 0 1rem;border:1px solid #6d8593;border-radius:8px;font:inherit}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;padding:1rem;border-radius:10px;background:#172334;color:#fff;font-size:.88rem;line-height:1.5}.page button[hidden]{display:none}.page button{max-width:100%;overflow-wrap:anywhere}@media(max-width:700px){.comparison{grid-template-columns:1fr}.comparison .page{min-height:0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}