/* ═══════════════════════════════════════════════════════════════════════════
   css/slab.css — the wall's booking slab, for pages that are not the wall.

   These declarations are css/link-wall.css `.link.primary` (lines ~363-395
   on 8 Sep 2026), copied rather than imported: wall.css is GENERATED from
   link-wall.css and scoped under .lw, so the wall's own rule cannot be
   reached from client.html without dragging 47KB of wall styling in with
   it. TWINS: if the wall's slab changes shape, this changes with it.
   The one deliberate edit is the token mapping — the wall speaks --accent /
   --on-accent / --r, the client form speaks --red / --ink and a fixed 14px
   radius (tokens.css) — everything else is verbatim, Anton pinned by name
   for the same reason the wall pins it.
   ═══════════════════════════════════════════════════════════════════════════ */
.lt-slab{display:flex;align-items:center;gap:14px;text-decoration:none;
  background:var(--red,var(--accent));border:1px solid var(--red,var(--accent));color:var(--ink,#fff);
  padding:22px 20px;border-radius:calc(var(--radius,14px) - 4px);
  justify-content:center;text-align:center;
  box-shadow:0 20px 44px -22px color-mix(in srgb,var(--red,var(--accent)) 60%,rgb(0 0 0/.4));
  transition:transform .14s ease,border-color .14s ease}
.lt-slab .t{flex:none;min-width:0}
.lt-slab .t b{display:block;font:400 26px/1 'Anton','Helvetica Neue',sans-serif;letter-spacing:.08em;
  text-transform:uppercase}
.lt-slab .t b i{font-style:normal;opacity:.75}
.lt-slab:hover{transform:translateX(0) scale(1.012)}
.lt-slab:focus-visible{outline:2px solid var(--paper,#fff);outline-offset:3px}
@media(min-width:600px){
  .lt-slab{padding:30px 26px}
  .lt-slab .t b{font-size:34px;letter-spacing:.1em}
}