/* round 3: episode, video, header, login fixes (misc agent) */
/* 1. phone header on the doc (red) bar: the white SVG logo collapsed to 0x0 under height:auto; give it a real size */
.ds-hdr--doc .ds-hdr__logo img{height:38px;width:auto;aspect-ratio:311.5/80;max-width:none}
@media(max-width:820px){.ds-hdr--doc .ds-hdr__logo img{height:38px;width:148px;max-height:none;max-width:none}}

/* 2. Facebook comments card: the widget draws nothing (0px high) until Facebook's script has loaded and approved the domain.
   Until a tiny script in the page marks it .has-comments, the card is collapsed (not display:none, so the widget can still render). */
.fn-ep .fn-ep-comments:not(.has-comments){padding:0;background:none}
.fn-ep .fn-ep-comments:not(.has-comments) .fn-comments{padding:0;border:0;box-shadow:none;background:none;min-height:0}

/* 4. /video/ hero (and every page using the same band--image + video hero) */
.fam-letter .band--image:has(.video) .wrap{max-width:900px}
.fam-letter .band--image:has(.video) .t-h1{font-size:clamp(24px,3.4vw,40px);line-height:1.18;max-width:900px;margin-left:auto;margin-right:auto}
.fam-letter .band--image:has(.video){padding-top:28px;padding-bottom:28px}
.fam-letter .band--image:has(.video) .t-sub{margin-bottom:8px}
.fam-letter .band--image:has(.video) .t-h1{margin-bottom:16px}
.fam-letter .band--image:has(.video) .video{margin-bottom:.6em}

/* 5. login footer links: lighten for contrast on near-black */
.ds-ftr--funnel .ds-ftr__links a,.ds-ftr--funnel a{color:#f5e9e9}
.ds-ftr--funnel .ds-ftr__links a:hover{color:#fff;text-decoration:underline}

/* 6. "More articles" cards with no picture: a tinted panel with the Diabetes Smarts heart so the row looks intentional */
.related a.card:not(:has(img))::before{content:"";display:block;height:0;padding-top:56%;border-radius:12px;
  background:#fbeeee url(../img/favicon.png) center/auto 38% no-repeat;border:1px solid #f1d6d7}