/* RC3.21 — pages légales en charte Atelier (jetons de /assets/css/atelier.css). */
.mc-legal{max-width:820px;margin:0 auto;padding:clamp(32px,6vw,64px) 22px 40px;color:var(--encre);font:17px/1.75 var(--font-texte)}
.mc-legal nav.mc-legal__crumbs{font-size:14px;color:var(--encre-douce);margin-bottom:18px}
.mc-legal nav.mc-legal__crumbs a{color:var(--foret)}
.mc-legal h1{font:600 clamp(34px,5vw,50px)/1.1 var(--font-titre);margin:0 0 10px;letter-spacing:-.015em}
.mc-legal .mc-legal__updated{color:var(--encre-douce);font-size:14px;margin:0 0 32px}
.mc-legal h2{font:600 25px/1.25 var(--font-titre);margin:40px 0 10px}
.mc-legal h3{font-size:18px;margin:26px 0 8px}
.mc-legal a{color:var(--foret)}
.mc-legal table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px;display:block;overflow-x:auto}
.mc-legal th,.mc-legal td{border:1px solid var(--ligne);padding:10px 12px;text-align:left;vertical-align:top}
.mc-legal th{background:var(--papier-creux)}
.mc-legal .mc-legal__notice{background:var(--papier);border:1px solid var(--ligne);border-radius:16px;padding:18px 20px}
.mc-legal .mc-legal__todo{background:var(--alerte-voile);color:var(--alerte);border-radius:4px;padding:0 3px}
/* RC3.40 — formulaire de contact avec code de vérification par e-mail. */
.mc-legal .mc-contact-cta{margin:34px 0 0;padding:20px 22px;border:1px solid var(--ligne);border-radius:16px;background:var(--papier)}
.mc-legal .mc-contact-cta p{margin:0 0 12px}
.mc-legal .mc-btn,.mc-contact button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 20px;border:0;border-radius:var(--pilule);background:var(--foret);color:var(--sur-foret,#fff)!important;font:600 15px var(--font-texte);text-decoration:none;cursor:pointer}
.mc-contact button.is-soft{background:transparent;color:var(--encre)!important;border:1px solid var(--ligne)}
.mc-contact form{display:grid;gap:14px;margin:18px 0}
.mc-contact label{display:grid;gap:6px;font-weight:600}
.mc-contact input,.mc-contact select,.mc-contact textarea{width:100%;max-width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid var(--ligne);border-radius:12px;background:var(--papier);color:var(--encre);font:16px var(--font-texte)}
.mc-contact input[name=code]{font-size:26px;letter-spacing:8px;text-align:center;max-width:240px}
.mc-contact .mc-contact-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.mc-contact .mc-contact-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.mc-contact .mc-contact-msg{padding:14px 16px;border-radius:12px;border:1px solid var(--ligne);background:var(--papier)}
.mc-contact .mc-contact-msg.is-error{border-color:var(--alerte,#a33);color:var(--alerte,#a33)}
.mc-contact small{color:var(--encre-douce);font-weight:400}
/* RC3.41 — double authentification des membres. */
.mc-mfa .mc-mfa-qr{display:inline-block;padding:12px;background:#fff;border:1px solid var(--ligne);border-radius:12px;margin:8px 0}
.mc-mfa .mc-mfa-qr svg{display:block;width:200px;height:200px}
.mc-mfa .mc-mfa-codes{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;padding:0;list-style:none}
.mc-mfa .mc-mfa-codes code{display:block;padding:8px 10px;border:1px dashed var(--ligne);border-radius:8px;font-size:15px;text-align:center}
.mc-mfa ol{padding-left:22px}

/* RC3.68 — lot 5 : bouton secondaire (contour) dans les pages légales, de contact et de double authentification. */
.mc-legal .mc-btn.mc-btn--contour{background:transparent;color:var(--encre)!important;border:1px solid var(--bordure-champ)}
.mc-legal .mc-btn.mc-btn--contour:hover{border-color:var(--foret);background:var(--papier)}
.mc-legal .mc-contact-cta .mc-paves{margin:12px 0 0!important}
.mc-legal .mc-vide .mc-boutons{justify-content:center}