/* ============================================================
   LIFEMAX CLUB — "Get the weekly email" (16 Oct 2026, weekly.js).
   One small block on the landing (after the closing ask), on about and on
   help, before the footer. Never a popup. Built from ds.css: .card, .input,
   .btn, .eyebrow and the type and colour tokens.
     .wk        the section: room above and below
     .wk-card   the card, centred like the closing ask above it
     .wk-row    the address and the button: side by side, stacked on a phone
     .wk-hp     the honeypot, off screen (never display:none: some bots skip
                fields that are not rendered)
   ============================================================ */
.wk{padding-top:clamp(56px,7vw,88px);padding-bottom:clamp(64px,8vw,104px)}
.wk-card{max-width:720px;margin:0 auto;padding:clamp(24px,3.2vw,36px) clamp(20px,3.2vw,40px);border-radius:var(--r-widget);text-align:center}
.wk-h{margin-top:12px;font-size:clamp(26px,2.8vw,32px);font-weight:800;letter-spacing:-.035em;line-height:1.12;text-wrap:balance}
.wk-p{max-width:46ch;margin:10px auto 0;font-size:16px;line-height:1.5;color:var(--text-2);text-wrap:pretty}
.wk-form{margin-top:22px}
.wk-form[hidden]{display:none}
.wk-row{display:flex;gap:8px;max-width:520px;margin:0 auto}
.wk-row[hidden]{display:none}
.wk-in{flex:1;min-width:0;min-height:52px;font-size:16px}
.wk-go{flex:none}
.wk-fine{margin-top:12px;font-size:13px;line-height:1.45;color:var(--text-3)}
.wk-fine[hidden]{display:none}
.wk-fine a{color:var(--text-2);text-underline-offset:3px}
.wk-fine a:hover{color:var(--text)}
.wk-msg{max-width:46ch;margin:12px auto 0;font-size:14.5px;line-height:1.45;color:var(--text)}
.wk-msg:empty{display:none}
.wk-msg.err{color:var(--danger)}
.wk-form.is-done .wk-msg{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:4px;font-size:15.5px;font-weight:600}
.wk-form.is-done .wk-msg .ic{--ic:18px;flex:none;color:var(--good, var(--text))}
.wk-hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
@media (pointer:coarse){
  .wk-fine a{display:inline-block;padding:13px 0;margin:-13px 0}
}
@media (max-width:540px){
  .wk-card{text-align:left}
  .wk-p{margin-left:0}
  .wk-row{flex-direction:column}
  .wk-go{width:100%}
  .wk-msg{margin-left:0}
  .wk-form.is-done .wk-msg{justify-content:flex-start}
}
/* the arrival: the card rises with the page's other reveals; nothing moves
   for reduced motion (ds.css/motion.js own html.mo) */
@media (prefers-reduced-motion:no-preference){
  html.mo .wk-form.is-done .wk-msg{animation:wk-in .5s var(--spring-soft, ease) both}
}
@keyframes wk-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}