#article-content div[style*="font-family:var(--font-mono)"],
#article-content div[style*="font-family: var(--font-mono)"] {
    text-align: left !important;
    direction: ltr;
}

/* ── Inline dark panels inside content (code blocks, terminal/diagram
   mockups) carry their own literal dark background but have no way to
   locally redeclare the --gold-* custom properties the way our themed
   <section> wrappers do. Any var(--gold-*) accent used on a descendant
   (e.g. a <strong> or <span> label) would otherwise inherit the *page's*
   theme value (black, on a light page) instead of a value appropriate for
   this dark box. Re-declare the scale here so it resolves correctly. ── */
[style*="background:#1a1a1a"],
[style*="background:#0F1115"],
[style*="background:#161920"] {
    --gold-50:  #ffffff;
    --gold-100: #f2f2f2;
    --gold-200: #e0e0e0;
    --gold-300: #c9c9c9;
    --gold-400: #ffffff;
    --gold-500: #ffffff;
    --gold-600: #e6e6e6;
    --gold-700: #aaaaaa;
    --gold-800: #777777;
    --gold-900: #4d4d4d;
    --gold-950: #262626;
}