/* ====================================================
   Arms — Contenu Markdown rendu (pages dynamiques)
   ==================================================== */

.markdown-content {
  max-width: 720px;
  color: var(--c-text-muted);
  font-size: 15.5px;
  line-height: 1.75;
}
.markdown-content h1,
.markdown-content h2,
.markdown-content h3,
.markdown-content h4,
.markdown-content h5,
.markdown-content h6 {
  color: var(--c-text);
  margin-top: 36px;
  margin-bottom: 14px;
}
.markdown-content h1 { font-size: 26px; }
.markdown-content h2 { font-size: 21px; }
.markdown-content h3 { font-size: 18px; }
.markdown-content h4 { font-size: 16px; }
.markdown-content h5 { font-size: 14.5px; text-transform: uppercase; letter-spacing: 0.03em; }
.markdown-content h6 { font-size: 13px; text-transform: uppercase; letter-spacing: 0.03em; color: var(--c-text-dim); }
.markdown-content p { margin-bottom: 16px; }
.markdown-content a { color: var(--c-red-glow); }
.markdown-content a.accent { color: var(--c-red-glow); text-decoration: none; font-weight: 600; }
.markdown-content a.accent:hover { text-decoration: underline; }
.markdown-content u { text-decoration: underline; text-decoration-color: var(--c-text-dim); }
.markdown-content del { color: var(--c-text-dim); }
.markdown-content ul, .markdown-content ol { margin: 0 0 16px; padding-left: 24px; }
.markdown-content li { margin-bottom: 6px; }
.markdown-content li::marker { color: var(--c-text-dim); }

/* Listes à puces imbriquées : alterne point plein (disc) / cercle creux
   (circle) à chaque niveau d'imbrication, indéfiniment. Couvre 10 niveaux
   explicitement (largement suffisant en pratique) ; au-delà, le dernier
   niveau défini se répète plutôt que de planter, ce qui n'est jamais
   gênant à une telle profondeur d'imbrication. */
.markdown-content ul { list-style: disc; }
.markdown-content ul ul { list-style: circle; }
.markdown-content ul ul ul { list-style: disc; }
.markdown-content ul ul ul ul { list-style: circle; }
.markdown-content ul ul ul ul ul { list-style: disc; }
.markdown-content ul ul ul ul ul ul { list-style: circle; }
.markdown-content ul ul ul ul ul ul ul { list-style: disc; }
.markdown-content ul ul ul ul ul ul ul ul { list-style: circle; }
.markdown-content ul ul ul ul ul ul ul ul ul { list-style: disc; }
.markdown-content ul ul ul ul ul ul ul ul ul ul { list-style: circle; }

/* Listes numérotées : chaque niveau repart à 1 avec son propre style
   (chiffres, puis lettres, puis chiffres romains), cohérent avec la
   convention habituelle des documents structurés. */
.markdown-content ol { list-style: decimal; }
.markdown-content ol ol { list-style: lower-alpha; }
.markdown-content ol ol ol { list-style: lower-roman; }
.markdown-content ol ol ol ol { list-style: decimal; }

/* ---------- Alignement de texte [center]/[right]/[left] ---------- */
.markdown-content .md-align-center { text-align: center; }
.markdown-content .md-align-right { text-align: right; }
.markdown-content .md-align-left { text-align: left; }
.markdown-content .md-subtle {
  font-size: 12.5px;
  color: var(--c-text-dim);
  margin-top: -8px;
  margin-bottom: 16px;
}
.markdown-content code {
  background: var(--c-surface-2);
  border: 1px solid var(--c-border);
  border-radius: 5px;
  padding: 2px 6px;
  font-family: var(--f-mono);
  font-size: 13.5px;
}
.markdown-content pre {
  background: var(--c-surface-2);
  border: 1px solid var(--c-border);
  border-radius: 10px;
  padding: 16px 18px;
  overflow-x: auto;
  margin-bottom: 16px;
}
.markdown-content pre code { background: none; border: none; padding: 0; }
.markdown-content blockquote {
  border-left: 3px solid var(--c-red);
  padding-left: 16px;
  color: var(--c-text-dim);
  margin: 0 0 16px;
}
.markdown-content img { max-width: 100%; border-radius: 10px; }
.markdown-content table { width: 100%; border-collapse: collapse; margin-bottom: 16px; }
.markdown-content th, .markdown-content td { border: 1px solid var(--c-border); padding: 8px 12px; text-align: left; }
.markdown-content hr { border: none; border-top: 1px solid var(--c-border); margin: 28px 0; }