/* Shared return navigation for standalone demos. */
:root{--demo-navigation-height:52px}
.demo-navigation{
  position:sticky;top:0;z-index:100000;display:flex;align-items:center;justify-content:space-between;
  gap:12px;width:100%;height:var(--demo-navigation-height);box-sizing:border-box;padding:0 18px;
  border-bottom:1px solid #2d3d30;background:#050805;color:#c6fac6;
  font:400 11px/1.4 "GT America Mono",ui-monospace,monospace;
}
.demo-navigation a{
  display:inline-flex;align-items:center;min-height:44px;padding:0 10px;margin-left:-10px;
  color:#c6fac6;text-decoration:none;text-transform:uppercase;letter-spacing:.04em;
}
.demo-navigation a:hover{background:#132016;color:#e8ede3}
.demo-navigation a:focus-visible{outline:2px solid #c6fac6;outline-offset:-3px}
.demo-navigation-version{color:#9dac9f;font-size:10px;white-space:nowrap}
.demo-navigation-page--logo>.shell,.demo-navigation-page--alternative>.app{height:calc(100svh - var(--demo-navigation-height))}
.demo-navigation-page--alternative .boot{top:var(--demo-navigation-height)}
.demo-navigation-page--screen>.site-shell{min-height:calc(100svh - var(--demo-navigation-height))}
.demo-navigation-page--screen .crt{height:min(calc(94svh - var(--demo-navigation-height)),1080px)}
.demo-navigation-page--screen .lab-toggle{top:calc(14px + var(--demo-navigation-height))}
.demo-navigation-page--screen .lab{top:calc(56px + var(--demo-navigation-height));max-height:calc(100svh - 72px - var(--demo-navigation-height))}
@media(max-width:900px){.demo-navigation-page--screen .crt{height:calc(100svh - var(--demo-navigation-height))}}
@media(max-width:600px){.demo-navigation{padding:0 12px}}