/* Flattened 2026-08-10: was a bordered card with a gradient fill,
     a left accent bar, and a box shadow, sitting directly above the
     Explore-more card below with the same treatment. Two identical
     boxes back to back read as clutter; this is now a plain section
     with a hairline top rule, more vertical air, and one obvious
     action (the red button). */
  /* Fold redesign 2026-08-10: one centered column (title, form, fine
     print) instead of a copy column beside a form column. A hairline
     top rule separates it from the chapter pills above; the section now
     sits AFTER the pills via the relocated #waitlist-slot. */
  /* 2026-08-11: this block leads the band now, so it carries the air
     under the hero that .lm-wl-row used to hold. */
  #waitlist{padding-top:clamp(48px,7vh,96px) !important;padding-bottom:0 !important}
  #waitlist{scroll-margin-top:84px}
  #waitlist .wrap{max-width:1120px !important}
  /* 2026-08-11: the hairline moved off this block and onto .lm-wl-row
     below it. The waitlist now comes FIRST, so a rule above it would
     separate it from the hero rather than from the tour ask. */
  #waitlist .wl-grid{position:relative;display:grid;grid-template-columns:1fr;justify-items:center;text-align:center;gap:16px;width:min(560px,100%);margin:0 auto;padding:clamp(30px,4vw,44px) 0 clamp(18px,2.5vw,26px)}
  #waitlist .wl-copy{min-width:0}
  #waitlist .wl-action{min-width:0;width:100%}
  #waitlist .wl-title{margin:0;font-size:clamp(1.3rem,2vw,1.6rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--text,#1a1a1e)}
  #waitlist .wl-sub{margin:9px 0 0;max-width:52ch;font-size:.9rem;line-height:1.5;color:var(--text-dim)}
  /* waitlist_copy_v1 arm swap. Attribute is stamped on <html> before
     paint by the assignment IIFE in <head>, so only one arm has ever
     been painted. Default (no attribute, JS off) shows the control. */
  #waitlist .wl-arm-b{display:none}
  html[data-waitlist-copy="opponent"] #waitlist .wl-arm-a{display:none}
  html[data-waitlist-copy="opponent"] #waitlist .wl-arm-b{display:inline}
  #waitlist .wl-form{max-width:none;margin:0}
  #waitlist .wl-row{display:flex;gap:8px}
  #waitlist .wl-row input{flex:1;min-width:0;font-family:inherit;font-size:.96rem;padding:12px 15px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text,#1a1a1e);transition:border-color .15s}
  #waitlist .wl-row input:focus{outline:none;border-color:var(--accent,#ef4444);box-shadow:0 0 0 3px rgba(239,68,68,.10)}
  #waitlist .wl-btn{font-family:inherit;font-size:.88rem;font-weight:800;letter-spacing:.01em;cursor:pointer;border:0;border-radius:10px;padding:12px 20px;background:var(--accent,#ef4444);color:#fff;transition:background .15s,transform .15s;white-space:nowrap}
  #waitlist .wl-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}
  #waitlist .wl-btn:disabled{opacity:.6;cursor:wait}
  #waitlist .wl-err{display:none;margin:10px 0 0;font-size:.88rem;color:var(--accent,#ef4444);text-align:center}
  #waitlist .wl-err.is-on{display:block}
  #waitlist .wl-foot{margin:8px 0 0;font-size:.7rem;color:var(--text-dim);line-height:1.45;text-align:center}
  #waitlist .wl-foot a{color:var(--text-dim);text-decoration:underline;text-underline-offset:2px}
  #waitlist .wl-foot a:hover{color:var(--text)}
  /* Google-first action (2026-08-10): the primary waitlist move is an
     account, not an email row. Standard white Google button; the email
     form survives hidden behind the "Prefer email updates?" link and as
     the automatic fallback when the Firebase SDK is blocked. */
  #waitlist .wl-google-btn{display:inline-flex;align-items:center;gap:11px;font-family:inherit;font-size:.94rem;font-weight:800;letter-spacing:.01em;cursor:pointer;border:1px solid var(--border);border-radius:10px;padding:13px 24px;background:#fff;color:#1a1a1e;transition:border-color .15s,box-shadow .15s,transform .15s}
  #waitlist .wl-google-btn:hover{border-color:var(--accent,#ef4444);box-shadow:0 4px 14px rgba(0,0,0,.08);transform:translateY(-1px)}
  #waitlist .wl-g{width:18px;height:18px;flex:none}
  #waitlist .wl-notif-btn{margin-top:12px}
  #waitlist .wl-success{max-width:none;margin:0;border:1px solid var(--accent,#ef4444);border-radius:12px;padding:18px 20px;background:rgba(220,38,38,.04)}
  #waitlist .wl-success b{display:block;font-size:1.1rem;color:var(--text,#1a1a1e);margin-bottom:6px}
  #waitlist .wl-success p{margin:0;font-size:.92rem;color:var(--text-dim);line-height:1.55}
  @media (max-width:540px){
    #waitlist .wl-row{flex-direction:column}
    #waitlist .wl-btn{width:100%}
  }
  /* Dark themes: the section inherits page tokens; only the hardcoded
     input surface needs a flip. */
  [data-theme="grey"] #waitlist .wl-row input,
  [data-theme="crimson"] #waitlist .wl-row input,
  [data-theme="stone"] #waitlist .wl-row input{background:rgba(255,255,255,.04);border-color:var(--border-strong,rgba(255,255,255,.18))}