/* The waitlist, on paper. Shared by the walk-in's sheet and the replay. */
.wl-title { margin: 0 0 8px; font: 800 clamp(1.75rem, 1.3rem + 1.2vw, 2.25rem)/1.02 var(--display); color: var(--ink); letter-spacing: -.012em; }
.wl-sub { margin: 0 0 20px; font: 400 1.02rem/1.5 var(--voice); color: var(--ink-2); text-wrap: pretty; }
.wl-field { display: grid; gap: 7px; margin-bottom: 14px; font: 700 .92rem/1 var(--display); color: var(--ink-2); }
.wl-field input {
  min-height: 50px; box-sizing: border-box; width: 100%; border-radius: 14px; border: 2px solid #dcc9a6; background: var(--paper-2);
  padding: .15em 14px 0; font: 500 1.08rem/1 var(--display); color: var(--ink);
}
.wl-field input:focus-visible { outline: 3px solid var(--gold); outline-offset: 1px; border-color: var(--gold-edge); }
.wl-check { display: flex; gap: 10px; align-items: center; min-height: 44px; margin: 2px 0 18px; font: 600 .98rem/1.2 var(--display); color: var(--ink-2); cursor: pointer; }
.wl-check input { width: 22px; height: 22px; margin: 0; accent-color: var(--wood); }
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.wl-send { width: 100%; min-height: 54px; font-size: 1.1rem; }
.wl-send:focus-visible { outline: 3px solid var(--wood); outline-offset: 3px; }
.wl-note { margin: 12px 0 0; font: 600 .92rem/1.35 var(--display); color: #9c3a2c; }
.wl-note:empty { display: none; }
.wl-done { outline: none; }
.wl-done .wl-title::before { content: ""; display: block; width: 44px; height: 44px; margin-bottom: 14px; border-radius: 50%; background: var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%233a2410' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/26px no-repeat; box-shadow: 0 3px 0 var(--gold-edge); }
.wl-turnstile:empty { display: none; }
.wl-turnstile { margin-bottom: 14px; }