/* ═══════════════════════════════════════════════════════════════
   THE LAB — universal home button
   Required on EVERY page published to lab.statemode.io
   (except the dashboard itself, which IS the Lab home).

   Usage — two lines per page:
     <link rel="stylesheet" href="/assets/lab-home.css">
     <a class="lab-home" href="/">&larr; The Lab</a>

   Design: fixed top-left, charcoal pill, coral on hover.
   Single source of truth — change it here, every page follows.
   ═══════════════════════════════════════════════════════════════ */

@font-face {
  font-family: 'LabHomeAptos';
  src: url('/assets/fonts/Aptos.ttf') format('truetype');
  font-display: swap;
}

.lab-home {
  position: fixed;
  top: 14px;
  left: 14px;
  z-index: 2000;
  font-family: 'LabHomeAptos', 'Aptos', 'Helvetica Neue', Arial, sans-serif;
  font-size: 11.5px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  text-decoration: none;
  background: #201C20;
  color: #ffffff;
  padding: 10px 18px;
  border-radius: 99px;
  box-shadow: 0 2px 12px rgba(32, 28, 32, 0.22);
  transition: background 0.15s ease;
}
.lab-home:hover { background: #F8783E; color: #ffffff; }
.lab-home:focus-visible { outline: 2px solid #F8783E; outline-offset: 3px; }

@media print { .lab-home { display: none; } }