/* Source explanations shared by public and member pages. */
.health-info-link { display: inline-flex; align-items: baseline; gap: .3rem; margin-left: .25rem; color: var(--green, #365848); font-weight: 400; text-decoration: none; vertical-align: baseline; }
.health-info-link:hover, .health-info-link:focus-visible { text-decoration: underline; }
.health-info-link:focus-visible { outline: 2px solid var(--green, #365848); outline-offset: 3px; }
.health-info-icon { font: 400 1rem/1.2 Arial, sans-serif; }
.health-info-source { max-width: 100%; margin: .3rem 0; font-size: .82rem; overflow-wrap: anywhere; }
.health-info-tooltip { position: fixed; z-index: 100; width: max-content; max-width: min(27rem, calc(100vw - 24px)); max-height: calc(100dvh - 24px); overflow: auto; padding: .7rem .85rem; border: 1px solid var(--line, #d9ddd6); background: #fff; color: var(--ink, #303a34); font-size: .86rem; line-height: 1.5; overflow-wrap: anywhere; }
.health-info-tooltip[hidden] { display: none; }