.hr-hero{background:#080a52;color:white;display:grid;grid-template-columns:1.1fr 1fr;gap:4vw;align-items:center;padding:75px 6vw}.hr-hero h1{font-size:clamp(2.5rem,5.4vw,5.6rem);line-height:1.07;overflow-wrap:normal}.hr-hero p{max-width:620px}.hr-strap{font-size:1.45rem;color:#ffd230;font-weight:700}.hr-hero figure,.hr-contrast figure{margin:0}.hr-hero img,.hr-contrast img{width:100%;border-radius:20px;display:block}.hr-hero figcaption,.hr-contrast figcaption{font-size:.74rem;margin-top:10px;opacity:.8}.hr-banner{background:#23bed1;padding:28px 6vw;display:flex;gap:24px;justify-content:space-between;flex-wrap:wrap}.hr-banner strong{font-size:1.4rem}.hr-light{background:#f7f6ff}.hr-intro{max-width:850px;font-size:1.2rem}.hr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:32px 0}.hr-grid article{padding:30px;background:white;border-top:5px solid #ed1689;border-radius:4px 4px 16px 16px}.hr-grid article:nth-child(2){border-color:#23bed1}.hr-grid article:nth-child(3){border-color:#ffd230}.hr-grid h3{font-size:1.45rem}.hr-label{font-size:.8rem;font-weight:800;letter-spacing:.08em}.hr-contrast{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center}.hr-contrast h2{font-size:clamp(2rem,3.6vw,3.4rem)}.hr-timing ol{list-style:none;margin:35px 0 0;padding:0;max-width:950px}.hr-timing li{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:20px 0;border-top:1px solid #ccd0df}.hr-timing b{color:#b30a65}.hr-timing h3{margin:0;font-size:1.3rem}.hr-timing p{margin:8px 0 0}.hr-story{background:#080a52;color:white}.hr-story p{max-width:880px;font-size:1.14rem}.hr-note{border-left:4px solid #23bed1;padding:15px 22px;max-width:1000px}.hr-end{background:#e4ddff}.hr-end h2{max-width:1000px}.hr-hero .button,.hr-story .button{white-space:normal;max-width:100%}@media(max-width:850px){.hr-hero,.hr-contrast{grid-template-columns:1fr}.hr-grid{grid-template-columns:1fr}.hr-hero{padding:45px 6vw}.hr-hero figure{max-width:650px}.hr-timing li{grid-template-columns:72px 1fr;gap:12px}.hr-story .button{font-size:.9rem}}
.hr-timing li{display:block}.hr-timing li>div{max-width:850px}

/* Compact spacing and alternating brand-tinted section backgrounds. */
.healthy-relationships-page .section-pad{padding-top:clamp(40px,4.5vw,64px);padding-bottom:clamp(40px,4.5vw,64px)}
.healthy-relationships-page #session{background:#dff4f5}
.healthy-relationships-page .hr-contrast{background:#ffede5;gap:clamp(24px,3.5vw,50px)}
.healthy-relationships-page .hr-ages{background:#ebe5ff}
.healthy-relationships-page .hr-timing{background:#fff4c9}
.healthy-relationships-page .hr-grid{gap:20px;margin:24px 0 0}
.healthy-relationships-page .hr-grid article{padding:24px}
.healthy-relationships-page .hr-grid h3{margin-bottom:12px}
.healthy-relationships-page .section-pad h2{margin-bottom:20px}
.healthy-relationships-page .hr-contrast p+p{margin-top:16px}
.healthy-relationships-page .hr-timing ol{margin-top:24px}
.healthy-relationships-page .hr-timing li{padding:16px 0;border-color:#d9cba1}
.healthy-relationships-page .hr-timing li:last-child{padding-bottom:0}
@media(max-width:850px){.healthy-relationships-page .section-pad{padding-top:36px;padding-bottom:36px}.healthy-relationships-page .hr-grid{gap:16px}.healthy-relationships-page .hr-contrast{gap:24px}}
