/* Texto del recorrido de cada demo guiada: accesible y legible por buscadores sin JavaScript. */
.demo-transcript{position:relative;z-index:1;max-width:960px;margin:32px auto 48px;padding:0 24px;font:15px/1.6 Inter,system-ui,sans-serif;color:#3b4766}
.demo-transcript summary{cursor:pointer;display:inline-flex;gap:8px;align-items:center;padding:10px 18px;border:1px solid #dce3ee;border-radius:999px;background:#fff;color:#20498c;font-weight:600;list-style:none}
.demo-transcript summary::-webkit-details-marker{display:none}
.demo-transcript summary::before{content:"▸";transition:transform .2s}
.demo-transcript details[open] summary::before{transform:rotate(90deg)}
.demo-transcript summary:focus-visible{outline:3px solid #0076be;outline-offset:3px}
.demo-transcript h2{margin:24px 0 8px;font-size:20px;color:#0f172a}
.demo-transcript ol{padding-left:22px}.demo-transcript li{margin:14px 0}
.demo-transcript h3{margin:0 0 4px;font-size:17px;color:#0f172a}.demo-transcript h4{margin:8px 0 2px;font-size:14px;color:#20498c}
.demo-transcript p{margin:2px 0}.demo-transcript .demo-transcript-context{font-size:13px;color:#6b7690}
.demo-transcript-back a{color:#0076be;font-weight:600}