/* Support paths: colour is decoration; words and a check mark convey selection. */
#heartHavenDialog .hh-support-space{margin:20px 0 12px;padding:20px;border:1px solid #dfd3eb;border-radius:24px;background:linear-gradient(140deg,#fffdf6,#f7f1ff);box-shadow:0 5px 0 #e8dfed}
.hh-support-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
#heartHavenDialog .hh-support-heading h2{font-size:clamp(21px,2vw,28px);line-height:1.25;margin:5px 0 0;color:#49375f}
.hh-support-note{max-width:140px;text-align:right;font-size:12px;line-height:1.5;color:#786287}
.hh-support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#heartHavenDialog .hh-support-card{--support-tint:#edf3ff;--support-accent:#5775ad;position:relative;display:flex;align-items:flex-start;gap:10px;min-width:0;min-height:92px;padding:14px 23px 13px 12px;text-align:left;white-space:normal;background:linear-gradient(150deg,#fff,var(--support-tint));color:#3c354e;border:1px solid #ddd6e6;border-radius:17px;box-shadow:0 3px 0 #ddd6e6;transition:transform .16s,box-shadow .16s}
#heartHavenDialog .hh-support-card[data-id=comfort]{--support-tint:#fff0d8;--support-accent:#966123}
#heartHavenDialog .hh-support-card[data-id=brighter]{--support-tint:#ffe6ef;--support-accent:#aa4f77}
#heartHavenDialog .hh-support-card[data-id=calm]{--support-tint:#def5ed;--support-accent:#367c6c}
#heartHavenDialog .hh-support-card[data-id=confidence]{--support-tint:#fff6cd;--support-accent:#887021}
#heartHavenDialog .hh-support-card[data-id=worry]{--support-tint:#e3efff;--support-accent:#516f9d}
#heartHavenDialog .hh-support-card[data-id=friends]{--support-tint:#ffeadf;--support-accent:#ad6845}
#heartHavenDialog .hh-support-card[data-id=step]{--support-tint:#eaf1d9;--support-accent:#638034}
#heartHavenDialog .hh-support-card[data-id=rest]{--support-tint:#ece5ff;--support-accent:#7a5ba5}
#heartHavenDialog .hh-support-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 0 #d4c7df}
#heartHavenDialog .hh-support-card.active{border:2px solid var(--support-accent);padding:13px 22px 12px 11px;box-shadow:0 3px 0 var(--support-accent);background:var(--support-tint)}
.hh-support-icon{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:12px;background:#ffffffcf;font-size:25px;box-shadow:0 2px 5px #56406d0c}
.hh-support-copy{min-width:0}.hh-support-copy strong{display:block;font-size:14px;line-height:1.35;font-weight:850}.hh-support-copy small{display:block;margin-top:5px;font-size:11px;line-height:1.4;font-weight:500;color:#6c607b}
.hh-support-check{position:absolute;right:8px;top:7px;font-size:12px;font-weight:900;color:var(--support-accent)}
.hh-support-detail{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;margin-top:19px;padding:18px;border:1px solid #e0d5ec;border-radius:17px;background:#fffdf9}
.hh-support-r{display:inline-block;padding:4px 9px;border-radius:20px;background:#f0e9f9;color:#675181;font-size:11px;font-weight:800}
#heartHavenDialog .hh-support-detail h3{font-size:20px;margin:8px 0 5px;color:#4e3a63}
#heartHavenDialog .hh-support-detail p{font-size:13px;line-height:1.6;margin:0;color:#6a587c}
.hh-support-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;max-width:230px}
#heartHavenDialog .hh-support-actions .hh-button{white-space:normal;min-height:44px;font-size:13px;padding:9px 13px;line-height:1.4}
.hh-support-actions small{font-size:10px;line-height:1.5;text-align:center;color:#76657e}
#heartHavenDialog .hh-support-hint{margin:12px 2px 0;font-size:11px;line-height:1.5;color:#776781}
#heartHavenDialog .hh-support-card:focus-visible,#heartHavenDialog .hh-support-actions .hh-button:focus-visible{outline:3px solid #663bab;outline-offset:4px}
@media(max-width:1000px){.hh-support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hh-support-detail{grid-template-columns:1fr;gap:13px}.hh-support-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}.hh-support-actions small{grid-column:1/-1}.hh-support-actions>.hh-primary:only-of-type{grid-column:1/-1}}
@media(max-width:560px){#heartHavenDialog .hh-support-space{padding:14px;border-radius:20px}.hh-support-note{display:none}.hh-support-heading{margin-bottom:12px}.hh-support-grid{gap:8px}#heartHavenDialog .hh-support-card{display:block;min-height:123px;padding:12px}#heartHavenDialog .hh-support-card.active{padding:11px}.hh-support-icon{width:33px;height:33px;font-size:23px;margin-bottom:8px}.hh-support-copy strong{font-size:13px}.hh-support-copy small{font-size:11px}.hh-support-detail{padding:14px}}
@media(max-width:350px){.hh-support-grid,.hh-support-actions{grid-template-columns:1fr}#heartHavenDialog .hh-support-card{display:flex;min-height:75px}.hh-support-icon{margin:0}}
@media(prefers-reduced-motion:reduce){#heartHavenDialog .hh-support-card{transition:none;transform:none}}
#heartHavenDialog.hh-reduced .hh-support-card{transition:none;transform:none}