.hler-story{margin:22px 0;padding:22px;border:1px solid #d7dfd4;border-radius:24px;background:linear-gradient(135deg,#faf2df,#edf4eb 60%,#eee6f4)}
.hler-story-heading h3{margin:.25rem 0;font-size:clamp(1.5rem,3vw,2.25rem)}
.hler-story-heading p{margin:.35rem 0 1.15rem;color:#526158}
.hler-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.hler-story-grid article{position:relative;padding:18px;border:1px solid #dce3d9;border-radius:18px;background:rgba(255,255,255,.94)}
.hler-story-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#f4ebd6;font-size:1.65rem}
.hler-story-grid h4{margin:.7rem 0 .35rem;font-size:1.15rem}
.hler-story-grid p{margin:0;color:#34443a;line-height:1.55}
.hler-story-grid blockquote{margin:13px 0 0;padding:10px 12px;border-left:4px solid #8a6f98;border-radius:0 10px 10px 0;background:#f1eaf5;color:#4c3d55;font-weight:700}
.hler-open-questions{width:100%;margin-top:18px;padding:15px;border:0;border-radius:15px;background:#496b55;color:#fff;font:inherit;font-weight:900;cursor:pointer}
@media(max-width:700px){.hler-story{padding:15px}.hler-story-grid{grid-template-columns:1fr}}
.hler-credit{margin:28px 8px 0;padding:18px 0;border-top:1px solid #d8ded7;color:#627066;font-size:.86rem;text-align:center}