/* The labs root (SITE_PLAN §5): the motif fills the screen; the name and Labs in the top corners, the
   links in a bar at the bottom. brand.css (copied from deploy/brand) holds the shared look. */
.corner { position: fixed; top: 0; z-index: 1; padding: max(var(--pad), env(safe-area-inset-top)) var(--pad) var(--pad); }
.corner a { display: inline-flex; align-items: center; min-height: 24px; text-decoration: none; }
.corner a:hover { color: var(--fg); }
.tl { left: 0; }
.tr { right: 0; }
.bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1; display: flex; justify-content: center;
  padding: var(--pad) var(--pad) max(var(--pad), env(safe-area-inset-bottom)); }
.bar .links { justify-content: center; }