/* Maison Kôssi (marque fictive) — styles propres à : cgv, confidentialite, mentions-legales, retractation. Chargée après styles.css, qui déclare l’ordre des couches. */
@layer pages {
  /* ---------- Rétractation, légal, confidentialité ---------- */
  .legal { padding-block: var(--s-6) var(--s-7); } .legal .prose { max-inline-size: 65ch; } .legal h1 { font-size: clamp(1.75rem, 1.2rem + 2.2vw, 2.75rem); margin-block-end: var(--s-4); }
  .legal .updated { color: var(--color-doux); font-size: var(--fs-small); }
  .legal .toc-box { margin-block: var(--s-5); padding: var(--s-4) var(--s-5); border-radius: var(--radius); background: var(--color-papier); border: 1px solid var(--color-ligne-deco); }
  .legal .toc-box .toc-title { margin: 0 0 var(--s-2); font-family: var(--font-body); font-size: 0.8125rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-ocre); }
  .prose .toc { display: grid; gap: 0; padding: 0; } @media (min-width: 40em) { .prose .toc { grid-template-columns: 1fr 1fr; column-gap: var(--s-5); } }
  .prose .toc li + li { margin-block-start: 0; } .prose .toc a { min-block-size: 2.25rem; }
  .prose section { scroll-margin-block-start: calc(var(--header-h) + 1rem); } .prose section > * + * { margin-block-start: var(--s-3); } .prose section > h2 + * { margin-block-start: var(--s-3); }
  .legal h2 { scroll-margin-block-start: calc(var(--header-h) + 1rem); }
  .wd-items { display: grid; gap: var(--s-2); list-style: none; padding: 0; } .wd-items li { padding: var(--s-3) var(--s-4); border-radius: var(--radius); border: 1.5px solid var(--color-ligne); background: var(--color-papier); }
  .ack { padding: var(--s-5); border-radius: var(--radius-lg); background: var(--color-vert-pale); border: 1px solid var(--color-vert); display: grid; gap: var(--s-3); }
  .data-table td:last-child { text-align: end; }
  .legal .calc h2, .legal .ack h2 { font-size: clamp(1.25rem, 1.05rem + 0.9vw, 1.75rem); }
  .legal .calc, .legal .ack { max-inline-size: 52rem; }
}