/* The diagram palette — every bootstrap/diagrams/*.svg is drawn with these
   classes and NO hard-coded colours (the build refuses them), so one drawing
   renders in the dark house palette, in light mode, and in print, and picks up
   the accent of whatever domain it sits in (--tc). See meta/STANDARDS.md §8.

   Stroke classes come FIRST and fill classes AFTER, at equal specificity, so
   "fl ln" means "card fill, ink outline" whichever order the classes are
   written in. */
.dg svg{display:block;width:100%;height:auto;max-height:70vh;overflow:visible}
.dg svg :where(path,rect,circle,ellipse,polygon,polyline,line){fill:none;stroke:var(--ink);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.dg svg :where(text){fill:var(--ink);stroke:none;font-family:var(--ui,system-ui,sans-serif);font-size:14px}
.dg svg .ln{stroke:var(--ink);stroke-width:2;fill:none}
.dg svg .mu{stroke:var(--ink2);stroke-width:1.5;fill:none}
.dg svg .ac{stroke:var(--tc);stroke-width:2.5;fill:none}
.dg svg .wa{stroke:var(--warn);stroke-width:2;fill:none}
.dg svg .dim{stroke:var(--ink2);stroke-width:1;fill:none}
.dg svg .fl{fill:var(--card)}
.dg svg .fm{fill:color-mix(in srgb,var(--ink) 14%,var(--card))}
.dg svg .fa{fill:var(--tc)}
.dg svg .fw{fill:color-mix(in srgb,var(--warn) 32%,transparent)}
.dg svg .tx{fill:var(--ink);stroke:none;font-size:15px;font-weight:600}
.dg svg .ts{fill:var(--ink2);stroke:none;font-size:12.5px}
.dg svg .ta{fill:var(--tc);stroke:none;font-size:12px;font-weight:700;letter-spacing:.12em}