.demo-bar{max-width:62rem;margin:20px auto;padding:12px 18px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;border:1px dashed var(--rule);font:13px/1.6 system-ui;color:var(--ink-soft)}.demo-bar a{margin-right:auto}.demo-bar button{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--rule);border-radius:5px;padding:5px 10px;cursor:pointer}.demo-hero{width:100%;border-radius:8px;margin:16px 0 28px}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}.demo-card{border:1px solid var(--rule);background:var(--card);padding:24px;border-radius:4px 15px 5px 12px}.demo-card h2{margin-top:0}.demo-card a{font-weight:600}.demo-label{font:13px var(--mono);color:var(--blue);letter-spacing:.08em}.demo-footer{margin-top:48px;padding-top:18px;border-top:1px solid var(--rule);font-size:14px}.slide img{width:100%}@media(max-width:600px){.demo-grid{grid-template-columns:1fr}.demo-bar{margin:16px}.demo-bar span{width:100%}}