/* ============================================================
   RAR MEDICAL MICROBIOLOGY · "Corynebacterium diphtheriae" page styles
   Reuses the shared canonical bug-page layout classes (.sp-card,
   .sp-figrow(--labs), .sp-figure(--sm), .sp-vf(--lg), .sp-pearl — from
   strep-pyogenes.css, loaded globally). Only the id-scoped bits live
   here: heading color + the high-yield toxin section's larger bold text.
   Prefix: dip-.
   ============================================================ */

.rar-topic-content #dip-labid h3,
.rar-topic-content #dip-toxin h3,
.rar-topic-content #dip-clinical h3 { color: #111111; margin: 2px 0 12px; }

/* The toxin is the high-yield core — bold terms one size larger (mirrors the
   Streptococcus pyogenes virulence-factors convention). */
.rar-topic-content #dip-toxin .sp-vf strong { font-size: 15px; }

/* Section 3 — figure LEFT, mechanism text RIGHT */
.rar-topic-content .dip-toxin-split {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(260px, 1fr);
    gap: 24px;
    align-items: center;   /* center the text vertically against the figure */
    margin-top: 6px;
}
@media (max-width: 900px) {
    .rar-topic-content .dip-toxin-split { grid-template-columns: 1fr; }
}
/* the ZoomableFigure fills its column (don't center within the wide card) */
.rar-topic-content .dip-toxin-figcol .zf-stage,
.rar-topic-content .dip-toxin-figcol .zf-caption,
.rar-topic-content .dip-toxin-figcol .zf-controls { max-width: 100%; margin-left: 0; margin-right: 0; }
.rar-topic-content .dip-toxin-textcol .sp-vf { margin-top: 0; }
.rar-topic-content .dip-toxin-lead { margin: 14px 0 0; font-size: 12.5px; line-height: 1.5; color: #5a6473; }