.demo-banner { position:fixed; z-index:100; inset:0 0 auto; min-height:56px; padding:10px 24px; display:flex; align-items:center; justify-content:space-between; gap:12px; background:#e4b863; color:#101516; font:13px/1.5 system-ui,sans-serif; }
.demo-banner strong { font-weight:750; margin-right:12px; }
.demo-banner button { padding:5px 12px; border:1px solid #10151666; border-radius:6px; background:transparent; color:inherit; cursor:pointer; white-space:nowrap; }
.demo-banner button:focus-visible { outline:2px solid #101516; outline-offset:3px; }
:root { --demo-offset:56px; }
body { padding-top:var(--demo-offset); }
.sidebar { top:var(--demo-offset); height:calc(100dvh - var(--demo-offset)); }
.topbar { top:var(--demo-offset); }
@media(max-width:640px) { .demo-banner { padding:8px 12px; font-size:11px; gap:8px; } .demo-banner strong { margin-right:6px; } .demo-banner small { display:block; } }