/* Page « Votre accord » : la personne protégée lit ce qu'on lui demande et répond. Elle a souvent plus de 70 ans : grands textes,
   contrastes forts, boutons larges, une seule décision par bouton. S'appuie sur le gabarit des parcours (parcours.css). */
.consentement { max-width: 640px; text-align: left; }
.consentement .parcours__titre { text-align: left; }
.cs-sous-titre { margin: 28px 0 10px; font-size: 1.125rem; font-weight: 600; color: var(--brand-1, #19143e); }
.cs-liste { margin: 0 0 22px; padding-left: 1.2em; display: grid; gap: 12px; font-size: 1.1875rem; line-height: 1.55; color: var(--brand-1, #19143e); }
.cs-case { display: flex; gap: 14px; align-items: flex-start; padding: 16px 18px; border-radius: 16px; background: #f3f1fa; font-size: 1.0625rem; line-height: 1.5; cursor: pointer; }
.cs-case input { flex: none; width: 24px; height: 24px; margin-top: 2px; accent-color: #42377a; }
.cs-erreur { margin: 16px 0 0; padding: 12px 16px; border-radius: 12px; background: #fdeef2; color: #b01f45; font-weight: 500; }
.cs-actions { display: grid; gap: 12px; margin-top: 22px; }
.cs-petit { margin: 18px 0 0; font-size: .9375rem; color: #5a5670; line-height: 1.5; }
.cs-petit a { color: inherit; text-decoration: underline; }
.consentement .parcours__texte { font-size: 1.1875rem; line-height: 1.55; }
.consentement .btn { font-size: 1.125rem; }

/* Fenêtre « accord de la personne protégée » (ouverte avant de relier une banque, voir js/consentement-protege.js) */
.cs-modale { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 16px; background: rgba(25, 20, 62, .55); overflow-y: auto; }
.cs-modale__boite { width: 100%; max-width: 520px; padding: 28px 24px; border-radius: 20px; background: #fff; box-shadow: 0 24px 60px rgba(25, 20, 62, .35); display: grid; gap: 14px; }
.cs-modale__titre { margin: 0; font-size: 1.5rem; line-height: 1.25; color: var(--brand-1, #19143e); }
.cs-modale__texte, .cs-modale__etat { margin: 0; font-size: 1.0625rem; line-height: 1.55; color: var(--brand-1, #19143e); }
.cs-modale__etat { padding: 10px 14px; border-radius: 12px; background: #f3f1fa; }
.cs-modale__champ { width: 100%; padding: 14px 16px; border: 2px solid #cfcae6; border-radius: 12px; font: inherit; font-size: 1.0625rem; }
.cs-modale__champ:focus { outline: 3px solid #8f84d6; border-color: #42377a; }
.cs-modale__lien { justify-self: center; padding: 10px 14px; border: 0; background: none; font: inherit; font-size: 1rem; color: #5a5670; text-decoration: underline; cursor: pointer; }