/* Shared chrome for standalone beta lessons. */
.lab-shell { min-height: 100vh; }
.lab-nav {
  position: fixed; z-index: 1000; top: 0; right: 0; left: 0;
  display: flex; height: 3rem; align-items: center; padding: 0 1rem;
  border-bottom: 1px solid rgb(255 255 255 / 12%);
  background: rgb(9 13 22 / 88%); backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.lab-nav a { color: #dce5f5; font: 600 0.8rem/1.4 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; text-decoration: none; }
.lab-nav a:hover, .lab-nav a:focus-visible { color: #fff; text-decoration: underline; text-underline-offset: 0.2em; }
.lab-content { min-height: 100vh; padding-top: 3rem; }
body .lab-content > #app { position: relative; width: 100%; min-height: calc(100vh - 3rem); height: calc(100vh - 3rem); }
@media (max-width: 700px) {
  .lab-nav { height: 2.75rem; }
  .lab-content { padding-top: 2.75rem; }
  body .lab-content > #app { min-height: calc(100vh - 2.75rem); height: calc(100vh - 2.75rem); }
}