.demo-layout{grid-template-columns:minmax(180px,240px) minmax(0,1fr);align-items:start;gap:24px;display:grid}@media (max-width:760px){.demo-layout{grid-template-columns:minmax(0,1fr)}}.demo-steps ol{gap:4px;margin:0 0 12px;padding:0;list-style:none;display:grid}.demo-steps li button{text-align:left;width:100%;min-height:44px;font:inherit;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.demo-steps li button:hover{background:var(--surface-2);color:var(--ink)}.demo-steps li button[aria-current=step]{background:var(--surface-2);color:var(--ink);box-shadow:inset 3px 0 0 var(--accent);font-weight:600}.demo-n{border:1px solid var(--line);width:24px;height:24px;font:500 12px var(--font-mono), monospace;border-radius:50%;flex:none;place-items:center;display:inline-grid}.demo-actions{gap:10px;margin-top:18px;display:flex}.demo-end{flex-wrap:wrap;align-items:center;gap:16px;margin-top:16px;display:flex}.demo-end p{margin:0}.demo-start{justify-items:start;gap:14px;max-width:36rem;display:grid}.demo-view .tbl,.demo-view.tbl,.demo-view .card.tbl{overflow-x:auto}.demo-owners{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:12px 0;display:grid}.demo-qs{flex-wrap:wrap;gap:8px;display:flex}.demo-qs .btn{text-align:left;white-space:normal}.demo-report table{min-width:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.demo-layout>*{min-width:0}.demo-scroll{max-width:100%;position:relative;overflow-x:auto}.demo-view .btn,.demo-actions .btn,.demo-qs .btn{min-height:44px}.demo-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.demo-brandbar{border:1px solid var(--line);border-left:6px solid var(--accent);background:var(--surface);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;padding:10px 14px;display:flex}.demo-brandbar img{background:#fff;border-radius:6px;padding:3px}