.demo-rail{box-sizing:border-box;padding:var(--b-space-3);background:var(--b-surface-sunken);border-block-end:1px solid var(--b-line);font:var(--b-type-body)}.demo-rail__note{display:grid;gap:var(--b-space-1);margin:0 0 var(--b-space-3);padding:var(--b-space-3);border-radius:var(--b-radius-md);background:var(--b-warning-soft);font:var(--b-type-caption-lg)}.demo-rail__note strong{font-weight:500}.demo-rail__app{margin:0 0 var(--b-space-1);font:var(--b-type-body-strong)}.demo-rail__links{display:flex;flex-wrap:wrap;gap:var(--b-space-1);margin:0;padding:0;list-style:none}.demo-rail__links a{display:block;padding:var(--b-space-2) var(--b-space-3);border-radius:var(--b-radius-control);color:var(--b-ink);text-decoration:none}.demo-rail__links a[aria-current=page]{background:var(--b-surface);font-weight:500;box-shadow:var(--b-elev-1)}@media(min-width:900px){.demo-rail{position:fixed;inset-block:0;inset-inline-start:0;z-index:5;inline-size:220px;overflow-y:auto;border-block-end:0;border-inline-end:1px solid var(--b-line)}.demo-rail__links{display:grid}body:has(.demo-rail){padding-inline-start:220px}}