/* Future of Wellness growth loops: quiz page, quiz callout, share block. Site palette (nec.css variables). */
.fow-grow{margin:48px 0 8px;display:grid;gap:22px}
.fow-qc{border:1px solid var(--line);border-left:4px solid var(--aqua);border-radius:8px;padding:22px 24px;background:#fff}
.fow-qc-k{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--champ-ink);margin:0 0 6px;font-weight:500}
.fow-qc-h{font-family:var(--display);font-size:22px;line-height:1.25;color:var(--ink);margin:0 0 6px}
.fow-qc-s{font-size:16px;color:var(--muted);margin:0 0 14px}
.fow-feat + .fow-qc{margin:8px 0 40px}
.fow-share{background:var(--gray);border-radius:8px;padding:24px}
.fow-share h2{font-size:24px;margin:0 0 6px}
.fow-share p{font-size:16px;color:var(--ink-2);margin:0 0 14px}
.fow-share-row{display:flex;flex-wrap:wrap;gap:10px}
.fow-share-row .btn{min-height:44px;padding:0 18px;font-size:15px}
.fow-share-msg{margin:10px 0 0!important;min-height:1em;color:var(--navy)!important}
.fow-share-link input{width:100%;min-height:46px;padding:10px 12px;font:inherit;font-size:15px;border:1px solid #B9C2D0;border-radius:var(--r);background:#fff;color:var(--ink)}
.fow-share-mine{margin:28px 0}
/* quiz */
.fowq .fowq-h{font-size:clamp(30px,4vw,46px);margin:0 0 14px}
.fowq-note{font-size:15px;color:var(--muted);margin:14px 0 28px}
.fowq-form{display:grid;gap:22px}
.fowq-form[hidden],.fowq-result[hidden],.fowq-err[hidden]{display:none}
.fowq-q{border:1px solid var(--line);border-radius:8px;padding:20px 20px 12px;margin:0;background:#fff}
.fowq-q legend{float:left;width:100%;font-family:var(--display);font-size:21px;line-height:1.3;color:var(--ink);padding:0;margin:0 0 8px}
.fowq-q legend + label{clear:both}
.fowq-n{display:block;font-family:var(--body);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--champ-ink);margin-bottom:4px}
.fowq-q label{display:flex;gap:12px;align-items:flex-start;padding:11px 8px;font-size:17px;line-height:1.4;border-radius:6px;cursor:pointer}
.fowq-q label:hover{background:var(--gray)}
.fowq-q input{width:20px;height:20px;margin-top:2px;accent-color:var(--navy);flex:none}
.fowq-err{color:#B3261E;font-size:15px;margin:0}
.fowq-form .btn{justify-self:start}
.fowq-result{margin-top:8px;outline:none}
.fowq-result h2{font-size:clamp(26px,3vw,36px);margin:0 0 12px}
.fowq-result h3{font-size:22px;margin:26px 0 10px}
.fowq-result ol{padding-left:22px;font-size:17px;line-height:1.55}
.fowq-result ol li{margin:0 0 8px}
.fowq-why{font-size:14px;color:var(--muted);margin-top:18px}
.fowq-care{font-size:15px;background:var(--gray);border-radius:6px;padding:14px 16px;margin:18px 0}
.fowq-sign{margin:28px 0 12px}
.fowq-again{font-size:15px;margin-top:16px}
/* the quiz sits inside .reading, whose paragraph colour outranks the signup panel's own */
.fowq .fow-signup .fow-signup-k{color:var(--champagne)}
.fowq .fow-signup .fow-signup-s{color:#C9D2E0}
.fowq .fow-signup .fow-consent{color:#AEB9CB}
.fowq .fow-signup .fow-msg{color:#fff}
/* personalization + lead magnets (fow_magnets.py, 2026-10-09) */
.fow-tailor{flex:1 1 100%;margin:4px 0 2px;font-size:15px;color:inherit}
.fow-tailor summary{cursor:pointer;opacity:.85;text-decoration:underline;text-underline-offset:3px}
.fow-tailor fieldset{border:0;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px}
.fow-tailor legend{padding:0;margin-bottom:4px;font-weight:500}
.fow-t-opt{display:inline-flex;gap:6px;align-items:center;min-height:32px}
.fow-t-name{display:flex;gap:8px;align-items:center;margin-top:8px}
.fow-t-name input{min-height:40px;padding:6px 10px;font:inherit;border-radius:var(--r);border:1px solid rgba(0,0,0,.25);max-width:220px}
.fow-t-note{font-size:13px;opacity:.75;margin:6px 0 0}
.fow-mag{margin:28px 0;padding:20px 22px;border:1px solid rgba(206,183,142,.6);border-radius:10px;background:#FBF8F1}
.fow-mag-k{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#7A6338;margin:0 0 6px}
.fow-mag-h{font-family:var(--display,Georgia,serif);font-size:22px;line-height:1.25;margin:0 0 6px}
.fow-mag-s{margin:0 0 12px}
.fow-magnet h1{margin-top:28px}.fow-magnet .fow-sub{font-size:19px;margin-bottom:22px}
.fow-days{padding-left:22px;margin:10px 0 22px}.fow-days li{margin:0 0 12px}
.fow-print h2{margin-top:26px}.fow-print li{margin:0 0 10px}
@media print{header,footer,.mbar,.fow-print button{display:none!important}.fow-print{font-size:12pt}}