/* GENERATED from web-assets/figures/one-health-venn/one-health-venn.css (f5458fd8a8e0). Edit the source there, then run figures/sync.mjs. */
/* One Health Venn (V-28). Three lobes in one teal, the overlap stacking the tint, a solid core. Coloured by custom
   properties so each site themes it without forking it: per-figure --oh-* properties win (--oh-fill-0/1/2 give a
   lobe its own hue, --oh-stroke-0/1/2 its ring), then the shared chart tokens (--ch-*, the m3agtech.com chart card), then light-card values.
   On phones the host lists leave the circles for the key below (.oh__key), so the labels can grow to about
   12 px rendered (m3agtech.com, 2026-11-02). */
svg.oh { display: block; width: 100%; height: auto; overflow: visible; }
.oh text { font-family: inherit; }
.oh__lobe { fill: var(--oh-fill, var(--ch-fill-1, rgba(42,161,170,.16))); }
.oh__pillar--0 .oh__lobe { fill: var(--oh-fill-0, var(--oh-fill, var(--ch-fill-1, rgba(42,161,170,.16)))); }
.oh__pillar--1 .oh__lobe { fill: var(--oh-fill-1, var(--oh-fill, var(--ch-fill-1, rgba(42,161,170,.16)))); }
.oh__pillar--2 .oh__lobe { fill: var(--oh-fill-2, var(--oh-fill, var(--ch-fill-1, rgba(42,161,170,.16)))); }
.oh__ring { fill: none; stroke: var(--oh-stroke, var(--ch-stroke, #14535e)); stroke-width: 2.2; }
.oh__pillar--0 .oh__ring { stroke: var(--oh-stroke-0, var(--oh-stroke, var(--ch-stroke, #14535e))); }
.oh__pillar--1 .oh__ring { stroke: var(--oh-stroke-1, var(--oh-stroke, var(--ch-stroke, #14535e))); }
.oh__pillar--2 .oh__ring { stroke: var(--oh-stroke-2, var(--oh-stroke, var(--ch-stroke, #14535e))); }
.oh__disc { fill: var(--oh-stroke, var(--ch-stroke, #14535e)); }
.oh__t1 { fill: var(--oh-core-ink, #fff); font-size: 15px; font-weight: 700; letter-spacing: 1.4px; }
.oh__t2 { fill: var(--oh-core-ink, #fff); font-size: 11.5px; letter-spacing: .3px; }
.oh__l { fill: var(--oh-ink, var(--ch-ink, #14535e)); font-size: 12px; font-weight: 700; letter-spacing: 1.2px; }
.oh__h { fill: var(--oh-muted, var(--ch-muted, #4f6a70)); font-size: 10.5px; }
.oh__key { display: none; }
@media (max-width: 720px) {
  .oh__t1 { font-size: 17px; } .oh__t2 { font-size: 13px; } .oh__l { font-size: 11.5px; letter-spacing: .5px; } .oh__h { font-size: 11px; }
}
@media (max-width: 600px) {
  .oh__hosts, .oh__t2 { display: none; }
  .oh__l { font-size: 16px; letter-spacing: .2px; }
  .oh__key { display: grid; gap: 10px; margin: 14px 0 0; }
  .oh__key dt { font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--oh-ink, var(--ch-ink, #14535e)); }
  .oh__key dd { margin: 2px 0 0; font-size: .9375rem; line-height: 1.45; color: var(--oh-muted, var(--ch-muted, #4f6a70)); }
}
/* The finished Venn is the markup; the draw-on only hides parts of it. */
@media print { .oh__lobe, .oh__core, .oh__labels, .oh__hosts { opacity: 1 !important; } .oh__ring { stroke-dashoffset: 0 !important; stroke-dasharray: none !important; } }