/* PDB Academy diagram + shared content styles. Diagrams are inline SVG drawn by tools/academy/diagrams.py and take their colors from these tokens,
   so the same SVG reads correctly on the dark Academy hub and on the public term pages (which follow the visitor's light or dark setting). */
:root {
  --dg-ink: #d6dde6; --dg-mu: #7f8a97; --dg-ac: #2f95f4; --dg-am: #e8a63b;
  --dg-up: #22b07f; --dg-dn: #ea5a58; --dg-wash: rgba(120, 135, 155, .16);
}
@media (prefers-color-scheme: light) {
  :root:not([data-academy-dark]) {
    --dg-ink: #1f2a37; --dg-mu: #6b7787; --dg-ac: #1565c0; --dg-am: #b5700f;
    --dg-up: #138a62; --dg-dn: #c93a38; --dg-wash: rgba(90, 105, 125, .14);
  }
}
.dg { display: block; width: 100%; height: auto; font-family: Inter, "Segoe UI", system-ui, sans-serif; }
.dg .s-ink { stroke: var(--dg-ink); } .dg .s-mu { stroke: var(--dg-mu); } .dg .s-ac { stroke: var(--dg-ac); }
.dg .s-am { stroke: var(--dg-am); } .dg .s-up { stroke: var(--dg-up); } .dg .s-dn { stroke: var(--dg-dn); }
.dg .f-ink { fill: var(--dg-ink); } .dg .f-ac { fill: var(--dg-ac); } .dg .f-am { fill: var(--dg-am); }
.dg .f-up { fill: var(--dg-up); } .dg .f-dn { fill: var(--dg-dn); } .dg .f-wash { fill: var(--dg-wash); }
.dg .t-ink { fill: var(--dg-ink); } .dg .t-mu { fill: var(--dg-mu); } .dg .t-ac { fill: var(--dg-ac); }
.dg .t-am { fill: var(--dg-am); } .dg .t-up { fill: var(--dg-up); } .dg .t-dn { fill: var(--dg-dn); }
.dg text { font-family: inherit; }