/* Gestion by Belentia, DA v3.3 : compléments communs à toutes les pages publiques (24/09/2026).
   Chargé après affine.css et v32.css. Uniquement les jetons de base.css. */

:root { --accent: #059669; }

/* 24/09/2026 (retour de Kylian : « mettre les textes au milieu de la nav ») :
   dès 901 px, les liens occupent le centre exact de la barre, la marque reste
   à gauche, « Connexion » + « Créer un groupe » à droite. Deux colonnes
   latérales égales (1fr) : si l'une manque de place, elle s'élargit sans
   jamais chevaucher les liens. Sous 901 px, burger et panneau inchangés. */
@media (min-width: 901px) {
  .nav__inner { display: grid; grid-template-columns: 1fr auto 1fr; }
  .nav__inner > .brand { justify-self: start; }
  .nav__inner > .nav__links { margin-left: 0; justify-content: center; }
  .nav__inner > .nav__spacer { display: none; }
  .nav__inner > .nav__actions { justify-self: end; }
}

.footer__legal { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-1) var(--space-3); }
.footer__legal a { color: var(--muted); min-height: 44px; display: inline-flex; align-items: center; }
.footer__legal a:hover { color: var(--ink); }

/* Contenu Markdown des guides : listes et citations dans le gabarit de lecture. */
.prose ul, .prose ol { padding-left: 1.25em; }
.prose ul { list-style: disc; }
.prose ol { list-style: decimal; }
.prose li { font-size: 18px; line-height: 1.7; }
.prose li + li { margin-top: var(--space-1); }
.prose li::marker { color: var(--accent); }
.prose h3 { font-family: var(--font-title); font-size: 20px; line-height: 1.3; color: var(--ink); margin-top: var(--space-5); }
.prose blockquote { border: 1px solid var(--line); border-radius: var(--radius, 14px); padding: var(--space-3); background: var(--soft); }
.prose table { width: 100%; border-collapse: collapse; font-size: 16px; }
.prose th, .prose td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--line); }
.prose strong { color: var(--ink); }
.crumbs { margin: 0; }

/* -----------------------------------------------------------------------------
   Gabarit de lecture (pages légales, bug, installation) : colonne de 720 px
   -------------------------------------------------------------------------- */
.lecture { padding-block: var(--space-8) calc(var(--space-8) + var(--space-4)); }
.lecture__col { max-width: 720px; margin-inline: auto; color: var(--text); }
.lecture__col h1 { font-family: var(--font-title); font-weight: 700; font-size: clamp(32px, 5vw, 44px); line-height: 1.1; letter-spacing: -0.03em; color: var(--ink); margin: 0 0 var(--space-2); }
.lecture__col h2 { font-family: var(--font-title); font-weight: 700; font-size: 22px; line-height: 1.25; letter-spacing: -0.015em; color: var(--ink); margin: var(--space-6) 0 var(--space-2); }
.lecture__col h3 { font-family: var(--font-title); font-weight: 600; font-size: 18px; color: var(--ink); margin: var(--space-4) 0 var(--space-1); }
.lecture__col p, .lecture__col li { font-size: 17px; line-height: 1.7; }
.lecture__col p + p { margin-top: var(--space-2); }
.lecture__col ul, .lecture__col ol { padding-left: 1.25em; margin: var(--space-2) 0; }
.lecture__col ul { list-style: disc; }
.lecture__col li + li { margin-top: 6px; }
.lecture__col li::marker { color: var(--accent); }
.lecture__col a:not(.btn) { color: var(--accent-text, var(--accent)); text-decoration: underline; text-underline-offset: 3px; }
.lecture__col strong { color: var(--ink); }
.lg-legal-date { font-size: 15px; color: var(--muted); margin-bottom: var(--space-5); }
.lg-card { border: 1px solid var(--line); border-radius: 14px; padding: var(--space-3); background: var(--canvas, #fff); margin: var(--space-2) 0; }
.lg-card ul { list-style: none; padding: 0; margin: 0; }
.lg-card li + li { margin-top: 6px; }
@media (max-width: 720px) { .lecture { padding-block: var(--space-5) var(--space-8); } }