/* Start my protocol on the live site. Answers are real form controls: yes/no radio buttons styled as the design's
   option buttons, the date of birth in the design's measurement boxes, and the closed-state waitlist. With JavaScript one
   screen shows at a time (hidden here until the script takes over, so the steps don't flash); without it every screen
   of the step shows in order and the form posts as it is. */
.welm-js .q-app:not([data-js]) .q-step:not([data-start]){display:none}
/* Each new screen scrolls the questions to the top of the window; keep them (and Back) clear of the sticky header. */
.q-app{scroll-margin-top:96px}
.q-app label.q-option{position:relative}
.q-app label.q-option input[type=radio]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.q-app label.q-option:has(input:checked){box-shadow:inset 0 0 0 2px #47181c}
.q-app label.q-option:has(input:focus-visible){outline:2px solid #47181c;outline-offset:3px}
@supports not selector(:has(*)){.q-app label.q-option:focus-within{outline:2px solid #47181c;outline-offset:3px}}
/* A question's Continue: shown without JavaScript, and to keyboard users when they reach it. */
.welm-q-next{display:block;min-width:200px;margin:20px auto 0}
.q-app[data-js] .welm-q-next:not(:focus){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.welm-dob{grid-template-columns:auto}
.welm-dob .q-unit input{padding:0 14px;text-align:center}
.welm-dob .q-unit--wide input{width:130px}
.welm-begin-notice{margin:0 0 4px}
.welm-wl{max-width:520px;margin:22px auto 0;text-align:center}
.welm-wl-p{color:#6e3438;font-size:15px;line-height:1.55}
.welm-wl-p strong{color:#47181c}
.welm-wl-row{display:flex;gap:10px;margin-top:14px}
.welm-wl-row input[type=email]{flex:1;min-width:0;height:52px;padding:0 16px;border:1px solid #d3c7bf;border-radius:12px;background:#fff;color:#47181c;font:inherit}
.welm-wl-row input[type=email]:focus{outline:none;border-color:#47181c;box-shadow:0 0 0 1px #47181c}
.welm-wl-row .button{min-height:52px}
.welm-wl-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.q-app:not([data-js]) .welm-wl{display:none}
.q-results .tx-info .q-error{margin:12px 0 0;text-align:left}
@media (max-width:560px){.welm-wl-row{flex-direction:column}}