.demo-grid{display:grid;gap:32px;grid-template-columns:minmax(0,1fr);align-items:start}
.demo-qr{margin:0;display:grid;gap:14px;justify-items:center;text-align:center;background:#fff;border:1px solid #dce2da;border-radius:24px;padding:22px}
.demo-qr img{width:min(260px,70vw);height:auto;border-radius:12px}
.demo-qr figcaption{font-weight:700}
.demo-grid ol{padding-left:1.2em;display:grid;gap:10px}
@media(min-width:820px){.demo-grid{grid-template-columns:300px minmax(0,1fr);gap:48px}}