/* WAITLIST PAGE (#/waitlist): hero, book intro, benefits and the sign-up card. */
.wl-hero .w{padding-top:clamp(44px,9vw,92px);padding-bottom:clamp(44px,9vw,84px)}
.wl-hero h1{font-size:clamp(2.5rem,9.5vw,6rem);line-height:.98;max-width:16ch;margin-bottom:.55em}
.wl-hero .cta{padding:14px 26px;font-size:1.05rem}

.wl-intro{background:var(--bg);background:color-mix(in srgb,var(--acc) 16%,var(--bg));border-block:1px solid var(--line)}
.wl-intro .w{display:grid;grid-template-columns:minmax(96px,34%) 1fr;grid-template-areas:"cover head" "body body";gap:22px;align-items:center;padding-top:36px;padding-bottom:42px}
.wl-copy{display:contents}.wl-cover{grid-area:cover}.wl-head{grid-area:head}.wl-body{grid-area:body}
.wl-cover{width:100%;height:auto;display:block;box-shadow:8px 8px 0 var(--acc);border:1px solid var(--ink)}
.wl-pre{display:block;font:italic 400 clamp(1rem,2.6vw,1.3rem)/1.3 Georgia,serif;margin-bottom:.35em}
.wl-head h2{font-size:clamp(1.55rem,6vw,3.1rem);margin:0 0 .25em}
.wl-sub{font-family:Georgia,serif;font-size:clamp(1.05rem,2.6vw,1.4rem);margin:0}
.wl-body p{margin:0 0 .9em;max-width:60ch}
.wl-body .wl-q{font:600 clamp(1.3rem,3.4vw,1.9rem)/1.25 Georgia,serif;margin:1em 0}
@media(min-width:800px){
 .wl-intro .w{grid-template-columns:260px 1fr;grid-template-areas:none;gap:56px;align-items:center}
 .wl-copy{display:block}.wl-cover,.wl-head,.wl-body{grid-area:auto}.wl-head{margin-bottom:1.2em}
}

.wl-join .w{display:grid;gap:44px}
@media(min-width:900px){.wl-join .w{grid-template-columns:1fr minmax(380px,470px);gap:72px;align-items:start}}
.wl-join h2{font-size:clamp(1.6rem,4.4vw,2.5rem)}
.wl-list{list-style:none;margin:22px 0 0;padding:0;border-top:1px solid var(--line)}
.wl-list li{position:relative;padding:16px 0 16px 32px;border-bottom:1px solid var(--line);font-size:1.1rem}
.wl-list li::before{content:"";position:absolute;left:0;top:1.45em;width:12px;height:12px;background:var(--acc);border:1px solid var(--ink)}
.wl-free{margin:26px 0 0;padding-left:16px;border-left:4px solid var(--acc);font-weight:600}

.wl-card{--bad:#b3261e;scroll-margin-top:84px;border:1.5px solid var(--fg);background:var(--bg);padding:clamp(20px,4vw,32px);box-shadow:10px 10px 0 var(--acc)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .wl-card{--bad:#ff9a90}}
:root[data-theme=dark] .wl-card{--bad:#ff9a90}
.wl-card h2{font-size:clamp(1.35rem,3.4vw,1.8rem);line-height:1.15}
.wl-card .err,.wl-status{color:var(--bad)}
.wl-form input[aria-invalid=true]{border-color:var(--bad)}
.wl-check{display:flex;gap:12px;align-items:flex-start;margin:20px 0 0;font-weight:400;cursor:pointer}
.wl-check input{appearance:none;-webkit-appearance:none;flex:none;width:24px;height:24px;margin:1px 0 0;padding:0;border:1.5px solid var(--fg);border-radius:4px;background:transparent;display:grid;place-content:center;cursor:pointer}
.wl-check input::after{content:"";width:6px;height:11px;border:solid var(--ink);border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px);opacity:0}
.wl-check input:checked{background:var(--acc)}.wl-check input:checked::after{opacity:1}
.wl-check input:focus-visible{outline-color:var(--fg);background:transparent}.wl-check input:checked:focus-visible{background:var(--acc)}
.wl-privacy{font-size:.9rem;margin:16px 0 0}
.wl-form .cta{width:100%;margin-top:16px;padding:14px 20px;font-size:1.05rem}
.wl-form .cta[disabled]{opacity:.65;cursor:progress;transform:none}
.wl-status{margin:12px 0 0;min-height:1.4em;font-size:.95rem}
.wl-done:focus{outline:none}.wl-done p{margin:.6em 0}