@charset "utf-8";
/* Inner Balance Care Journey (#happy/care) and the country picker in "Need urgent support?". Builds on css/happy.css. */
.cj{display:grid;gap:14px}
.cj > *{margin:0}
.cj p{margin:0;line-height:1.65}
.cj-bar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.cj-bar .mh-btn{flex:0 1 auto;min-height:44px}
.cj-bar .cj-exit{margin-left:auto}
.mh-btn.cj-safe,.mh-choice.cj-safe{border-color:#F3A996}
.mh-choice.cj-safe{color:#F8C9BB}
.cj-honest{font-size:.95rem}
.cj-group{display:grid;gap:8px}
.cj-group + .cj-group{margin-top:6px}
.cj-choices{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr))}
.mh-choice:focus-visible,.cj-res:focus-visible,.cj-bar .mh-btn:focus-visible{outline:3px solid var(--gold-hi);outline-offset:2px}
a.mh-choice{display:flex;align-items:center;text-decoration:none}
.cj-reslist{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.cj-res{display:grid;gap:6px;width:100%;min-height:56px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(16,21,58,.8);color:var(--text);font:inherit;text-align:left;cursor:pointer}
.cj-res:hover{border-color:var(--gold)}
.cj-res-t{font-weight:600;color:var(--gold-hi);line-height:1.35}
.cj-res-m{display:flex;flex-wrap:wrap;gap:6px}
.cj-tag{padding:.1rem .55rem;border:1px solid var(--line-soft);border-radius:999px;font-size:.8rem;color:var(--mist)}
.cj-tag.sp{border-color:rgba(150,120,235,.6)}
.cj-action h2{margin:0}
.cj-here{display:grid;gap:12px;padding:18px;border-radius:18px;background:radial-gradient(120% 100% at 50% 0%,rgba(122,92,200,.2),rgba(10,14,38,0) 70%);border:1px solid var(--line-soft)}
.cj-here p{font:400 1.12rem/1.7 var(--serif)}
.cj-lab{font-weight:600}
.cj-ta{min-height:140px}
.cj-sec{display:grid;gap:10px;padding-top:14px;border-top:1px solid var(--line-soft)}
.cj-sec h2{margin:0}
.mh-care-back{margin-bottom:8px}
/* country picker (shared with the Make Me Happy support panel) */
.mh-cc-box{display:grid;gap:8px}
.mh-cc-box label{font-weight:600}
.mh-cc{width:100%;min-height:48px;padding:.6rem .9rem;border-radius:12px;border:1px solid var(--line);background:rgba(10,14,38,.7);color:var(--text);font:400 1rem/1.4 var(--sans)}
.mh-sheet .mh-cc{background:#fff;color:var(--warm-ink);border-color:#C9B58A}
.mh-cc-out{display:grid;gap:10px}
.mh-cc-out h3{margin:0}
.mh-urgent{font-weight:600}
.mh-cc:focus-visible{outline:3px solid var(--gold-hi);outline-offset:2px}
/* home: how can we support you today */
.cj-home{padding-block:28px 8px}
.cj-home .grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr))}
.cj-home .card{display:grid;gap:10px;align-content:start}
.cj-home .card p{margin:0}
.cj-home .card .btn{justify-self:start}
.cj-home .cj-urgent{border-color:#F3A996}
@media (prefers-reduced-motion:reduce){.cj *{transition:none!important;animation:none!important}}
#p-happy.cj-active .ex-next{display:none}