.mk-demo{grid-template-columns:minmax(0,1fr);align-items:start;gap:32px;display:grid}@media (min-width:1024px){.mk-demo{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:44px}}.mk-demo__glyph{border-radius:var(--os-r-sm);background:var(--os-brand-soft);width:32px;height:32px;color:var(--os-brand-deep);justify-content:center;align-items:center;display:inline-flex}.mk-demo__card{border:1px solid var(--os-line);border-radius:var(--os-r-md);background:var(--os-surface);box-shadow:var(--os-shadow-pop);overflow:hidden}@media (min-width:1024px){.mk-demo__card{position:sticky;top:88px}}.mk-demo__cardhead{background:var(--os-surface-1);color:var(--os-ink);border-bottom:1px solid var(--os-line);padding:18px 24px}.mk-demo__cardtitle{margin:0;font-size:18px;font-weight:600;line-height:24px}.mk-demo__cardsub{font-size:var(--mk-caption,13px);color:var(--os-ink-2);margin:4px 0 0;line-height:18px}.mk-field:focus{box-shadow:0 0 0 3px var(--os-focus-halo)}