/* =============================================================================
   Camabe — les conditions d'utilisation (25/09/2026) : site-vitrine/conditions.php.
   Un texte a lire et a imprimer : une colonne de lecture, des articles
   numerotes, les tableaux et l'etat de la page Securite & donnees
   (donnees.css). Variables du socle seulement, jour et nuit.
   ========================================================================== */

/* La colonne de lecture part du meme bord que le sommaire et le bandeau. */
.cg > * { max-width: 820px; }
.cg .section__titre { max-width: 30ch; }
.cg-article { margin-top: 2rem; padding-top: 1.4rem; border-top: 1px solid var(--trait); }
.cg-article:first-of-type { margin-top: 1.6rem; }
.cg-article h3 { display: flex; gap: .6rem; align-items: baseline; margin: 0 0 .7rem; font-size: 1.15rem; }
.cg-article h3 span { min-width: 1.8rem; color: var(--accent); font-variant-numeric: tabular-nums; }
.cg-article p { margin: 0 0 .8rem; color: var(--encre-douce); line-height: 1.7; }
.cg-article p strong, .cg-liste strong { color: var(--encre); }
.cg-liste { display: grid; gap: .55rem; margin: 0; padding-left: 1.2rem; color: var(--encre-douce); line-height: 1.65; }
.cg-liste li::marker { color: var(--accent); }
.cg .dn-table-cadre { margin-top: 1.4rem; }
.cg .dn-actions { display: flex; flex-wrap: wrap; gap: 10px; }

@media print {
  .cg > * { max-width: none; }
  .cg-article { break-inside: avoid; }
  .cg-article p, .cg-liste { color: var(--encre); }
}