.health-hero { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:52px; padding-block:30px 44px; }
.health-hero h1 { font-size:clamp(2.7rem,4.6vw,4.4rem); }
.health-hero > div > p:not(.health-byline) { font-size:19px; line-height:1.6; color:var(--muted); margin-top:24px; }
.health-hero .text-link { margin-top:24px; font-size:15px; }
.health-hero figure img { height:340px; width:100%; object-fit:cover; object-position:50% 38%; border-radius:26px 74px 26px 26px; }
.health-page figcaption { margin-top:10px; font-size:11px; }
.health-principles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; padding-block:28px 38px; border-block:1px solid var(--line); }
.health-principles h2 { display:flex; align-items:center; gap:12px; font-size:22px; letter-spacing:-.035em; line-height:1.2; }
.health-principles h2 .icon { width:26px; height:26px; color:#ad480f; }
.health-principles p { margin-top:16px; font-size:15px; color:var(--muted); line-height:1.65; }
.health-source { display:inline-flex; align-items:center; gap:7px; font-size:11px; min-height:44px; line-height:1.5; text-decoration:underline; text-underline-offset:3px; color:var(--petrol); }
.health-source .icon { width:14px; height:14px; flex-shrink:0; }
.health-guides { padding-block:44px; }.health-guides h2 { font-size:clamp(1.8rem,3vw,2.8rem); }
.health-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-top:28px; }
.health-card { display:grid; grid-template-columns:155px minmax(0,1fr); align-items:stretch; background:white; border:1px solid #d3dfd7; border-radius:20px; overflow:hidden; }
.health-card > img { width:100%; height:100%; object-fit:cover; object-position:42% center; }
.health-card > div { padding:26px; }
.health-card h3 { display:flex; gap:10px; align-items:start; font-size:23px; line-height:1.15; }
.health-card h3 .icon { flex-shrink:0; width:21px; height:21px; margin-top:3px; }
.health-card p { font-size:14px; line-height:1.6; color:var(--muted); margin-top:14px; }
.health-card div > span { display:flex; align-items:center; gap:10px; font-size:13px; font-weight:650; margin-top:18px; }.health-card div > span .icon { width:18px; height:18px; }
.health-watch { display:flex; align-items:center; justify-content:space-between; gap:32px; padding:28px 0; border-block:1px solid var(--line); }
.health-watch > div { display:grid; grid-template-columns:34px 1fr; gap:12px; }.health-watch h2 { font-size:26px; letter-spacing:-.035em; }.health-watch p { grid-column:2; color:var(--muted); font-size:15px; max-width:620px; }.health-watch .text-link { flex-shrink:0; font-size:13px; }
.health-method { padding-block:32px; max-width:1000px; }.health-scope { display:flex; gap:12px; font-size:13px; color:var(--muted); line-height:1.6; }.health-scope .icon { flex-shrink:0; width:19px; height:19px; margin-top:2px; }
.health-article-hero h1 { font-size:clamp(2.2rem,3.6vw,3.4rem); }
.health-byline { font-size:11px; color:var(--muted); margin-top:20px; }
.health-takeaway { display:flex; align-items:center; gap:18px; background:#e7efe8; padding:22px 28px; border-radius:18px; }.health-takeaway > .icon { flex-shrink:0; width:28px; height:28px; color:var(--petrol); }.health-takeaway p { font-size:17px; max-width:960px; line-height:1.6; }
.health-page .article-body .health-source { margin-top:10px; }.health-page .article-body .health-scope { font-size:13px; padding:20px 0; border-top:1px solid var(--line); }
.health-more { display:grid; gap:10px; padding-top:16px; border-top:1px solid var(--line); }
@media(min-width:740px) and (max-width:1199px) {
 .health-hero { gap:32px; padding-block:24px 32px; }.health-hero h1 { font-size:clamp(2.3rem,4.4vw,3.3rem); }.health-article-hero h1 { font-size:clamp(2rem,3.8vw,2.8rem); }
 .health-hero > div > p:not(.health-byline) { font-size:16px; margin-top:18px; }.health-hero figure img { height:290px; border-radius:22px 54px 22px 22px; }
 .health-principles { gap:24px; }.health-principles h2 { font-size:19px; gap:10px; }.health-principles p { font-size:14px; }.health-principles h2 .icon { width:23px; height:23px; }
 .health-grid { grid-template-columns:1fr; gap:16px; }.health-card { grid-template-columns:190px minmax(0,1fr); }.health-card > img { max-height:205px; }.health-card > div { padding:22px 26px; }.health-card h3 { font-size:23px; }
 .health-watch { gap:26px; }.health-watch h2 { font-size:23px; }.health-watch p { font-size:14px; }.health-watch > .text-link { max-width:210px; }
}
@media(max-width:739px) {
 .health-hero { grid-template-columns:1fr; gap:24px; padding-block:18px 30px; }.health-hero h1 { font-size:clamp(2.3rem,9vw,3rem); }.health-article-hero h1 { font-size:clamp(2.05rem,8vw,2.75rem); }
 .health-hero > div > p:not(.health-byline) { font-size:16px; margin-top:18px; }.health-hero figure img { height:230px; border-radius:20px 50px 20px 20px; }
 .health-principles { grid-template-columns:1fr; gap:22px; }.health-principles h2 { font-size:22px; }.health-principles p { margin-top:12px; }
 .health-grid { grid-template-columns:1fr; gap:14px; }.health-card { grid-template-columns:90px minmax(0,1fr); border-radius:16px; }.health-card > div { padding:20px 16px; }.health-card h3 { font-size:19px; gap:8px; }.health-card p { font-size:13px; }.health-card h3 .icon { width:18px; height:18px; }
 .health-guides { padding-block:32px; }.health-watch { display:block; }.health-watch h2 { font-size:23px; }.health-watch > .text-link { margin-top:22px; }
 .health-takeaway { padding:20px; align-items:flex-start; }.health-takeaway p { font-size:15px; }.health-takeaway > .icon { width:23px; height:23px; }
}
@media(hover:hover) and (pointer:fine) { .health-card { transition:border-color .2s,box-shadow .2s; }.health-card:hover { border-color:var(--petrol); box-shadow:0 6px 20px #23535c15; } }
@media(prefers-reduced-motion:reduce) { .health-card { transition:none; } }