.public-demo-banner{background:#dff9ed;color:#123e2e;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 25px;font-size:13px;border-bottom:1px solid #b9e3ce}.public-demo-banner a{text-decoration:underline;white-space:nowrap}.demo-guide{display:flex;align-items:center;gap:24px;justify-content:space-between;margin-bottom:24px}.demo-guide p{max-width:730px;line-height:1.65;margin:8px 0 0;font-size:15px;color:var(--muted)}.demo-mode{display:flex;gap:8px;flex-shrink:0}.nav button:disabled{opacity:.45;cursor:default}.demo-card-stage{max-width:460px;margin:0 auto 30px}.demo-end{max-width:760px;margin:0 auto}.demo-end p{line-height:1.7}.demo-footnote{font-size:13px;line-height:1.7;color:var(--muted);margin:26px 0 0}.demo-results{margin:24px 0;grid-template-columns:repeat(3,minmax(0,1fr))}.profile>.btn{margin-top:15px}.title h1:focus{outline:none}.btn:focus-visible,.nav button:focus-visible,a:focus-visible{outline:3px solid #4fa67e;outline-offset:3px}
@media(max-width:900px){.demo-guide{align-items:stretch;flex-direction:column}.demo-results{grid-template-columns:1fr}.public-demo-banner{padding:12px 16px;font-size:12px}.public-demo-banner span{max-width:235px}.demo-card-stage{width:100%;max-width:460px}.demo-guide p{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}