.demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0}.demo-card{border:1px solid #7775;border-radius:12px;padding:1.5rem}.demo-card h2{margin-top:0}dl{display:grid;grid-template-columns:1fr auto;gap:.8rem}dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}.actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}button{font:inherit;background:#6652e8;color:white;border:1px solid transparent;border-radius:7px;padding:.7rem 1rem;cursor:pointer}button:hover{background:#5140c5}button:focus-visible,summary:focus-visible{outline:3px solid #9f94ff;outline-offset:4px}.secondary{background:transparent;color:inherit;border-color:#7778}#outcome{min-height:3em}details{border:1px solid #7775;border-radius:10px;padding:1.3rem;margin:2rem 0}summary{cursor:pointer;font-weight:600}pre{overflow:auto;padding:1rem;max-width:100%;background:#7771}footer{font-size:.85rem;border-top:1px solid #7775;margin-top:3rem;padding-top:1rem}@media(max-width:700px){.demo-layout{grid-template-columns:1fr}.demo-card{padding:1rem}}