/* Maison Kôssi (marque fictive) — styles propres à : confirmation. Chargée après styles.css, qui déclare l’ordre des couches. */
@layer pages {
  /* ---------- Confirmation ---------- */
  .confirm-hero { text-align: center; padding-block: var(--s-7) var(--s-6); display: grid; gap: var(--s-4); justify-items: center; }
  .confirm-hero h1 { font-size: clamp(1.625rem, 1.1rem + 2.4vw, 3rem); max-inline-size: 22ch; }
  .sun-draw { inline-size: 5.5rem; block-size: 5.5rem; } .sun-draw circle, .sun-draw path { fill: none; stroke: var(--color-or); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1; stroke-dashoffset: 0; } .sun-draw .tick-p { stroke: var(--color-indigo); stroke-width: 4; }
  .confirm-grid { display: grid; gap: var(--s-5); padding-block-end: var(--s-7); } @media (min-width: 64em) { .confirm-grid { grid-template-columns: 1.2fr 1fr; align-items: start; gap: var(--s-7); } }
  .next-list { list-style: none; padding: 0; display: grid; gap: var(--s-3); counter-reset: n; } .next-list li { counter-increment: n; display: grid; grid-template-columns: 2rem 1fr; gap: var(--s-3); align-items: start; } .next-list li::before { content: counter(n); display: grid; place-items: center; inline-size: 2rem; block-size: 2rem; border-radius: 50%; background: var(--color-or-pale); font-weight: 700; font-size: 0.875rem; }
}