/* Health catalog: common heading roles remain owned by site typography. */
body .hh-health-refresh { color:#1c3e34; }
body .hh-health-refresh [hidden] { display:none!important; }
body .hh-health-refresh .hh-health-intro,
body .hh-health-refresh .hh-health-feature { background:#faf8f1; }
body .hh-health-refresh .hh-health-intro__inner { display:block; }
body .hh-health-refresh .hh-health-intro__lead { width:100%; margin:14px 0 0; color:#65706a; }
body .hh-health-refresh .hh-health-intro__lead br { display:none; }
body .hh-health-refresh .hh-health-feature { padding-bottom:40px; }
body .hh-health-refresh .hh-health-feature__card { grid-template-columns:1fr 1fr; min-height:0; border-radius:12px; box-shadow:none; border:1px solid #e2e6de; }
body .hh-health-refresh .hh-health-feature__card>.hh-health-visual { min-height:0; aspect-ratio:auto; border-radius:0; }
body .hh-health-refresh .hh-health-feature__copy { padding:32px 40px; min-height:300px; }
body .hh-health-refresh .hh-health-feature__copy h2 { max-width:460px; margin-top:12px; text-wrap:balance; }
body .hh-health-refresh .hh-health-feature__copy p { margin-top:12px; }
body .hh-health-refresh .hh-health-feature__copy>small { margin-top:10px; }
body .hh-health-refresh .hh-health-feature__copy>strong { margin-top:22px; padding-bottom:0; border:0; }
body .hh-health-refresh .hh-health-meta { gap:0; color:#698072; font-size:12px; }
body .hh-health-refresh .hh-health-meta b,
body .hh-health-refresh .hh-health-meta em { height:auto; padding:0; border-radius:0; background:none; color:inherit; font-size:12px; font-weight:600; }
body .hh-health-refresh .hh-health-meta em:before { content:'·'; margin:0 7px; color:#a2aaa4; }
body .hh-health-refresh .hh-health-catalog { padding:32px 0 56px; background:white; scroll-margin-top:110px; }
body .hh-health-refresh .hh-health-filter-panel { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0; border:0; border-radius:0; background:none; }
body .hh-health-refresh .hh-health-filter-group { display:block; min-width:0; }
body .hh-health-refresh .hh-health-filter-group nav { gap:6px; flex-wrap:wrap; }
body .hh-health-refresh .hh-health-filter-group a { min-height:40px; height:auto; padding:8px 16px; font-size:13px; border:1px solid transparent; background:#f3f5ef; color:#64736a; }
body .hh-health-refresh .hh-health-filter-group a:hover { border-color:#99aaa0; }
body .hh-health-refresh .hh-health-filter-group a.is-active { background:#e9eee5; border-color:#64806f; color:#174d3c; }
body .hh-health-refresh .hh-health-filter-group--types nav { gap:20px; }
body .hh-health-refresh .hh-health-filter-group--types a { padding:10px 4px; min-width:44px; border:0; border-bottom:2px solid transparent; border-radius:0; background:none; font-size:16px; font-weight:600; }
body .hh-health-refresh .hh-health-filter-group--types a.is-active { border-bottom-color:#194f3f; background:none; color:#194f3f; }
body .hh-health-refresh .hh-health-list-head { margin:28px 0 24px; padding-top:28px; border-top:1px solid #e2e6df; }
body .hh-health-refresh .hh-health-list-head p { display:none; }
body .hh-health-refresh .hh-health-grid { gap:32px 28px; }
body .hh-health-refresh .hh-health-card { border:0; background:none; border-radius:0; box-shadow:none; transform:none; }
body .hh-health-refresh .hh-health-card>.hh-health-visual { aspect-ratio:16/10; padding:0; border-radius:10px; }
body .hh-health-refresh .hh-health-card .hh-health-visual>img { transition:transform .3s ease; }
body .hh-health-refresh .hh-health-card:hover .hh-health-visual>img { transform:scale(1.025); }
body .hh-health-refresh .hh-health-card:hover .hh-health-card__body>strong { color:#367355; }
body .hh-health-refresh .hh-health-card__body { padding:17px 0 0; }
body .hh-health-refresh .hh-health-card__body>strong { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; width:100%; height:2.8em; margin-top:9px; }
body .hh-health-refresh .hh-health-card__body>p { width:100%; height:3.3em; margin-top:10px; font-size:14px; line-height:1.65; }
body .hh-health-refresh .hh-health-card__body>small { margin:0; padding-top:14px; color:#78857d; font-size:12px; }
body .hh-health-refresh .hh-health-visual__play { right:16px; bottom:16px; width:44px; height:44px; border:1px solid #ffffffba; background:#174e3edb; color:white; }
body .hh-health-refresh .hh-health-visual__play svg { fill:currentColor; stroke:none; }
body .hh-health-refresh .hh-health-principle { padding:32px 0 40px; background:#f6f7f2; }
body .hh-health-refresh .hh-health-principle__inner { display:flex; align-items:center; justify-content:space-between; gap:32px; }
body .hh-health-refresh .hh-health-principle__inner>div>p { margin-bottom:8px; font-size:10px; }
/* This is an editorial note, not another major page section. */
@layer hhTypography { body .hh-health-refresh .hh-health-principle-title { font-size:18px!important; font-weight:600!important; } }
body .hh-health-refresh .hh-health-principle__list { border:0; }
body .hh-health-refresh .hh-health-principle__list span { display:flex; gap:10px; min-height:0; border:0; padding:4px 0; }
body .hh-health-refresh .hh-health-principle__list strong { font-size:13px; font-weight:400; color:#66766b; }
body .hh-health-refresh a:focus-visible { outline:2px solid #2f7054; outline-offset:4px; }
.hh-health-sr-only { position:absolute!important; width:1px!important; height:1px!important; margin:-1px!important; padding:0!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; }
body .hh-health-video-page .hh-health-detail__header { padding:40px 0 28px; }
body .hh-health-video-page .hh-health-detail__back { display:block; margin-bottom:24px; }
body .hh-health-video-page .hh-health-detail__article { width:min(1000px,calc(100% - 40px)); padding:0 0 56px; }
body .hh-health-video-page .hh-health-detail__product { padding:40px 0; }
@media(max-width:920px) {
 body .hh-health-refresh .hh-health-feature__copy { padding:24px; }
 body .hh-health-refresh .hh-health-filter-panel { align-items:flex-start; flex-direction:column; gap:16px; }
 body .hh-health-refresh .hh-health-principle__inner { align-items:flex-start; flex-direction:column; gap:16px; }
}
@media(max-width:680px) {
 body .hh-health-refresh { padding-bottom:0; }
 body .hh-health-refresh .hh-health-intro__lead { margin-top:12px; }
 body .hh-health-refresh .hh-health-intro__lead br { display:block; }
 body .hh-health-refresh .hh-health-feature { padding-bottom:28px; }
 body .hh-health-refresh .hh-health-feature__card { grid-template-columns:1fr; }
 body .hh-health-refresh .hh-health-feature__card>.hh-health-visual { aspect-ratio:16/9; min-height:0; padding:0; }
 body .hh-health-refresh .hh-health-feature__copy { padding:22px; min-height:0; }
 body .hh-health-refresh .hh-health-feature__copy>small { font-size:11px; }
 body .hh-health-refresh .hh-health-feature__copy>strong { margin-top:16px; }
 body .hh-health-refresh .hh-health-catalog { padding:24px 0 36px; scroll-margin-top:86px; }
 body .hh-health-refresh .hh-health-filter-group nav { margin:0; padding:0; overflow:visible; flex-wrap:wrap; }
 body .hh-health-refresh .hh-health-filter-group a { padding:8px 12px; font-size:12px; min-width:0; }
 body .hh-health-refresh .hh-health-filter-group--types a { font-size:15px; padding:10px 4px; min-width:44px; }
 body .hh-health-refresh .hh-health-list-head { margin:22px 0 20px; padding-top:22px; gap:12px; }
 body .hh-health-refresh .hh-health-list-head>span { font-size:12px; white-space:nowrap; }
 body .hh-health-refresh .hh-health-grid { gap:28px; }
 body .hh-health-refresh .hh-health-card>.hh-health-visual { aspect-ratio:16/10; }
 body .hh-health-refresh .hh-health-card__body { padding-top:14px; }
 body .hh-health-refresh .hh-health-card__body>p { font-size:13px; }
 body .hh-health-refresh .hh-health-principle { padding:28px 0; }
 body .hh-health-refresh .hh-health-principle__list strong { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) { body .hh-health-refresh .hh-health-card .hh-health-visual>img { transition:none; } }