/* /wellbeing hub, /wellbeing-wheel, /whos-drifted, and the "Built by IQorb" band (also on /caregivers). IQorb colors only. */
.page-wellbeing main{font-size:1.0625rem}
.wb-hero{position:relative;overflow:hidden;color:#fff;padding:clamp(48px,7vw,84px) 0;background:radial-gradient(circle at 88% 30%,rgba(226,179,134,.42) 0,rgba(226,179,134,0) 36%),radial-gradient(circle at 96% 85%,rgba(201,135,79,.35) 0,rgba(201,135,79,0) 30%),radial-gradient(circle at 70% 120%,rgba(84,130,159,.35) 0,rgba(84,130,159,0) 45%),linear-gradient(135deg,var(--ink) 0%,var(--navy) 100%)}
.wb-hero::after{content:"";position:absolute;right:-120px;top:50%;width:520px;height:520px;transform:translateY(-50%);border-radius:50%;border:2px dashed rgba(255,255,255,.18);box-shadow:0 0 0 70px rgba(255,255,255,.03),0 0 0 140px rgba(255,255,255,.025);pointer-events:none}
.wb-hero .wrap{position:relative;z-index:1}
.wb-crumb{margin:0;font:600 .95rem var(--f-head)}
.wb-crumb a{color:#CFE0EC}
.wb-display{font-family:var(--f-head);font-weight:700;font-stretch:normal;font-size:clamp(2.2rem,4.6vw,3.2rem);line-height:1.12;margin:10px 0 0;letter-spacing:-.01em;color:#fff}
.wb-lede{margin:16px 0 0;font-size:1.2rem;max-width:none;color:#DCE6EE}
.wb-sec{padding:clamp(44px,6vw,72px) 0}
.wb-sec>.wrap>.wb-intro:first-child{margin-top:0}
.wb-btn-solid{background:var(--navy);color:#fff;border-color:var(--navy)}
.wb-btn-solid:hover{background:var(--ink);color:#fff}
.wb-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:22px}
.wb-tool{--accent:var(--navy);--tint:#E6EEF5;background:#fff;border:1px solid var(--line);border-top:6px solid var(--accent);border-radius:8px;padding:28px;display:flex;flex-direction:column;gap:10px;box-shadow:0 10px 24px -18px rgba(22,33,62,.45)}
.wb-tool:nth-child(1){--accent:#C9874F;--tint:#F5EDE1;--ink-accent:#8A4F1F}
.wb-tool:nth-child(2){--accent:#E2B386;--tint:#FBF1E4;--ink-accent:#8A4F1F;--icon:#5E3714}
.wb-tool:nth-child(3){--accent:var(--slate);--tint:#E4EEF4;--ink-accent:var(--navy)}
.wb-tool h2{font:700 1.6rem var(--f-head);margin:6px 0 0;color:var(--ink)}
.wb-tool p{margin:0}
.wb-tool .wb-btn{margin-top:auto;align-self:flex-start}
.wb-tool>p:last-of-type{margin-bottom:12px}
.wb-time{font:600 .95rem var(--f-head);color:var(--ink-accent,var(--accent))}
.wb-ticon{width:60px;height:60px;border-radius:50%;background:var(--accent);color:var(--icon,#fff);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 6px var(--tint)}
.wb-ticon svg{width:30px;height:30px}
.wb-built{background:linear-gradient(120deg,var(--navy) 0%,var(--slate) 100%);color:#fff;padding:clamp(44px,6vw,72px) 0}
.wb-built .wb-kicker{color:#CFE0EC}
.wb-built .wb-h2{color:#fff}
.wb-built .wb-intro{color:#E6EEF5}
.wb-built .wb-btn-solid{background:#fff;color:var(--navy);border-color:#fff}
.wb-built .wb-btn-solid:hover{background:var(--mist);color:var(--ink)}
.wb-built .wb-split{align-items:center}
.wb-more{padding:36px 0 48px}
.wb-h3{font:700 1.3rem var(--f-head);margin:0;color:var(--ink)}
.wb-mini{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 24px;font:600 1.05rem var(--f-head)}
.wb-disclaim{padding:0 0 clamp(36px,5vw,56px)}
.wb-fine{margin:0;max-width:none;font-size:.95rem;color:var(--fg);background:var(--mist);border-left:4px solid var(--slate);border-radius:6px;padding:16px 20px}
.wb-split{display:flex;flex-wrap:wrap;gap:clamp(28px,4vw,56px);align-items:center}
.wb-col{flex:1 1 420px;min-width:0}
.wb-wide{flex:2 1 520px}
.wb-center{display:flex;flex-direction:column;align-items:center;gap:14px}
.wb-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.wb-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:4px;font:650 1rem var(--f-head);text-decoration:none;cursor:pointer;border:1px solid transparent;line-height:1.1}
.wb-btn-blue{background:var(--navy);color:#fff;border-color:var(--navy)}
.wb-btn-blue:hover{background:var(--ink);color:#fff}
.wb-btn-outline{background:#fff;color:var(--navy);border-color:var(--navy)}
.wb-btn-outline:hover{background:var(--mist);color:var(--ink)}
.wb-btn-quiet{background:transparent;color:var(--muted);border-color:var(--line);font-weight:500}
.wb-btn-quiet:hover{color:var(--ink);border-color:var(--muted)}
.wb-kicker{margin:0;font:650 .95rem var(--f-head);color:var(--navy)}
.wb-h2{font-family:var(--f-head);font-weight:700;font-stretch:normal;font-size:clamp(2rem,4vw,2.75rem);margin:10px 0 0;letter-spacing:0}
.wb-intro{margin:14px 0 0;max-width:44em;color:var(--fg)}
.wb-intro strong{color:var(--ink)}
.wb-note,.wb-muted{font-size:.9rem;color:var(--muted);margin:10px 0 0}
.wb-card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:clamp(20px,3vw,32px)}
/* Wheel */
.wb-wheel{margin-top:32px}
.wb-slider{display:flex;flex-direction:column;gap:2px;margin-bottom:16px}
.wb-slider .row{display:flex;justify-content:space-between;gap:12px;font-family:var(--f-head);font-size:1rem}
.wb-slider label{font-weight:650}
.wb-slider label span{font-weight:400;color:var(--muted)}
.wb-slider output{font-weight:650;color:var(--navy)}
.wb-slider input{width:100%;min-height:32px;accent-color:var(--navy)}
#wb-radar{width:100%;max-width:380px;height:auto}
#wb-radar .grid{fill:none;stroke:var(--line)}
#wb-radar .lbl{font:500 14px var(--f-head);fill:var(--fg)}
#wb-radar .shape{fill:var(--slate);fill-opacity:.28;stroke:var(--navy);stroke-width:2.5;stroke-linejoin:round}
.wb-wheel+.wb-card{margin-top:32px;align-items:flex-start}
.wb-card h3{font-family:var(--f-head);font-size:1.15rem}
.wb-tips{margin:14px 0 0;padding-left:22px;display:flex;flex-direction:column;gap:10px}
.wb-tips b{color:var(--navy)}

/* Forms */
.wb-mail{display:flex;flex-direction:column;gap:10px}
.wb-mail label,.wb-add label{font:650 .95rem var(--f-head)}
.page-wellbeing input[type=email],.page-wellbeing input:not([type]),.page-wellbeing select{min-height:48px;padding:0 14px;border:1px solid #9FB0C0;border-radius:4px;font:1rem var(--f-body);background:#fff;color:var(--ink)}
.wb-mail .wb-actions{margin-top:4px}
.wb-inline{display:flex;flex-wrap:wrap;gap:10px}
.wb-inline input{flex:1 1 200px}
.wb-msg{margin:0;font-size:.95rem;color:#1F6B45;min-height:1.2em}
.wb-msg.is-err,.wb-err{color:#B42318}
.wb-err{margin:0;font-size:.95rem;align-self:center}

/* People map */
.wb-add{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.wb-add>div{display:flex;flex-direction:column;gap:4px}
.wb-add input{width:200px}
.wb-mapwrap{margin-top:28px}
.wb-map{position:relative;width:400px;max-width:100%;aspect-ratio:1/1}
.wb-map svg{position:absolute;inset:0;width:100%;height:100%}
.wb-map circle{fill:none;stroke:var(--line);stroke-dasharray:4 5}
.wb-map .r0{fill:#EAF4EE;stroke:#9CC7AE}
.wb-map .r3{fill:#FBF1EC;fill-opacity:.5;stroke:#E2B49C}
.wb-map .you{fill:var(--ink);stroke:none}
.wb-map text{font:600 14px var(--f-head);fill:#fff}
.wb-node{position:absolute;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;border:2px solid #fff;color:#fff;font:600 13px var(--f-head);cursor:pointer;padding:0}
.wb-node[aria-pressed="true"]{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--ink)}
.w0{background:#1F7A55}.w1{background:#1C426D}.w2{background:#9A6516}.w3{background:#B4471E}
.wb-legend{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;font:.85rem var(--f-head);color:var(--muted)}
.wb-legend li{display:inline-flex;align-items:center;gap:6px}
.wb-legend i{width:12px;height:12px;border-radius:50%}
.wb-legend .c0{background:#1F7A55}.wb-legend .c1{background:#1C426D}.wb-legend .c2{background:#9A6516}.wb-legend .c3{background:#B4471E}
#wb-note-panel{display:flex;flex-direction:column;gap:14px;background:var(--mist)}
.wb-note-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.wb-note-head h3{margin:0}
.wb-letter{margin:0;padding:20px;background:#fff;border:1px solid var(--line);border-radius:4px;font-family:var(--f-body);font-size:1.25rem;line-height:1.5;color:var(--ink);max-width:none}
.wb-empty{margin:0;padding:20px;background:#fff;border:1px dashed #9FB0C0;border-radius:4px;color:var(--muted)}
#wb-note-panel .wb-mail{border-top:1px solid var(--line);padding-top:16px}

.wb-pager{display:flex;align-items:center;gap:12px;margin-bottom:4px}
.wb-arrow{width:44px;height:44px;border-radius:50%;border:1px solid var(--navy);background:#fff;color:var(--navy);font:600 1.6rem/1 var(--f-head);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0 0 3px}
.wb-arrow:hover{background:var(--navy);color:#fff}
.wb-count{font:500 .95rem var(--f-head);color:var(--muted)}
.wb-countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.wb-countdown div{background:rgba(255,255,255,.06);border:1px solid rgba(214,182,110,.4);border-radius:4px;padding:12px 4px;text-align:center;display:flex;flex-direction:column}
.page-wellbeing .wb-sec{background:linear-gradient(180deg,#F5F8FB 0%,#fff 60%)}
.page-wellbeing .wb-card{border-top:4px solid var(--slate)}
#wb-note-panel{border-top:4px solid var(--navy)}
.wb-mini a{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:var(--mist);text-decoration:none;color:var(--navy)}
.wb-mini a:hover{background:var(--navy);color:#fff}
/* Warm caregiver-tool accents (from /caregivers) on the hub and the wheel */
.wb-why{margin-top:26px;padding:20px 24px;border-radius:8px;background:rgba(251,247,240,.1);border:1px solid rgba(235,201,162,.45);border-left:4px solid #E2B386}
.wb-why h2{margin:0;font:700 1.2rem var(--f-head);color:#EBC9A2}
.wb-why p{margin:8px 0 0;max-width:none;color:#E6EEF5;font-size:1.08rem}
.page-wb-hub .wb-sec,.page-wb-wheel .wb-sec{background:linear-gradient(180deg,#FBF7F0 0%,#fff 70%)}
.page-wb-hub .wb-fine,.page-wb-wheel .wb-fine{background:#F5EDE1;border-left-color:#C9874F}
.page-wb-wheel .wb-slider input{accent-color:#9A5A26}
.page-wb-wheel .wb-slider output{color:#8A4F1F}
.page-wb-wheel #wb-radar .grid{stroke:#E6D9C6}
.page-wb-wheel #wb-radar .shape{fill:#C9874F;fill-opacity:.3;stroke:#9A5A26}
.page-wb-wheel .wb-card{border-top-color:#E2B386;background:#fff}
.page-wb-wheel .wb-tips b{color:#8A4F1F}
.page-wb-wheel .wb-tips li::marker{color:#C9874F;font-weight:700}