/* Loaded only by health guides; existing pages retain their original styles. */
.health-page .article-header { max-width:960px; }
.health-page .article-header h1 { text-wrap:balance; }
.health-page .article-meta { font-size:13px; line-height:1.9; }
.health-layout { grid-template-columns:minmax(0,760px) minmax(210px,270px); gap:64px; }
.health-outline { grid-column:2; grid-row:1; position:sticky; top:120px; padding:26px; background:var(--sky); border-radius:24px; font-size:14px; line-height:1.55; }
.health-outline .eyebrow { margin-bottom:15px; }
.health-outline ol { list-style:none; padding:0; margin:0 0 10px; }
.health-outline a { display:block; padding:10px 0; text-decoration:underline; text-underline-offset:4px; }
.health-body { grid-column:1; grid-row:1; min-width:0; font-size:17px; line-height:1.8; }
.health-body h2 { scroll-margin-top:120px; text-wrap:balance; }
.health-body .citation { white-space:nowrap; font-size:.8em; font-weight:650; padding:3px; }
.health-sources { margin-top:52px; padding-top:32px; border-top:1px solid var(--line); scroll-margin-top:120px; }
.health-sources h2 { margin-top:0; }
.health-sources .source-note { font-size:14px; color:var(--muted); }
.health-sources ol { font-size:14px; }
.health-sources li { scroll-margin-top:120px; padding-block:5px; }
.health-sources .source-publisher { display:block; color:var(--muted); font-size:12px; margin-bottom:3px; }
.health-sources a { overflow-wrap:anywhere; }
.health-related { margin-top:40px; padding-top:5px; border-top:1px solid var(--line); }
.health-related ul { list-style:none; padding:0; }
.health-related li { margin:0; padding:0; }
.health-related a { display:block; padding:13px 0; }
.health-app { background:var(--sky); border-radius:24px; padding:30px; margin-top:42px; }
.health-app .eyebrow { font-size:12px; }
.health-app h2 { font-size:26px; margin:12px 0; }
.health-app p { font-size:15px; }
.health-app .store-button { margin-top:24px; color:#fff; text-decoration:none; }
@media (max-width:1000px) {
  .health-layout { gap:32px; grid-template-columns:minmax(0,1fr) 230px; }
}
@media (max-width:760px) {
  .health-layout { display:flex; flex-direction:column; gap:36px; }
  .health-outline { position:static; width:100%; padding:22px; }
  .health-outline a { min-height:44px; }
  .health-body { width:100%; font-size:16px; }
  .health-page .article-header h1 { font-size:clamp(34px,8.5vw,43px); }
  .health-app { padding:24px; }
}