/* Terugbalk + demo-menubalk, gedeeld door alle demo-pagina's */
.backbar,.demobar{--db-bg:#100c0a;--db-bg2:#16110d;--db-fg:#f3e7d9;--db-muted:#b59f8a;--db-line:#3a2d23;--db-accent:#ff8a3d;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));
  font:500 13px system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.backbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;background:var(--db-bg);border-bottom:1px solid var(--db-line)}
.backbar a{color:var(--db-fg);text-decoration:none;padding:6px 10px;margin-left:-10px;border-radius:4px}
.backbar a:hover{background:rgba(255,255,255,.06)}
.backbar span{color:var(--db-muted);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.demobar{display:flex;align-items:center;min-height:38px;background:var(--db-bg2);border-bottom:1px solid var(--db-line);overflow-x:auto;scrollbar-width:none}
.demobar::-webkit-scrollbar{display:none}
.demobar ul{display:flex;gap:4px;margin:0;padding:0;list-style:none}
.demobar a{display:block;padding:6px 12px;border-radius:4px;color:var(--db-fg);text-decoration:none;white-space:nowrap}
.demobar a:hover{background:rgba(255,255,255,.06)}
.demobar a[aria-current="page"]{color:var(--db-accent);background:rgba(255,138,61,.12);box-shadow:inset 0 -2px 0 var(--db-accent)}
.backbar a:focus-visible,.demobar a:focus-visible{outline:2px solid var(--db-accent);outline-offset:2px}