/* Couleurs de la marque pour les pages hors atelier (accueil, « Qui est là ? », jumelage, notice) : l'atelier
   reçoit celles de l'enfant par theme.css. Fichier séparé : la politique de sécurité refuse les styles en ligne. */
:root{--green:#0c365a;--leaf:#3c6684;--soft:#e8eef5;--ink:#152b40;--muted:#5d6f80}
/* Relier un appareil et lire la notice : une colonne, gros champs, un seul bouton. */
.page-simple{max-width:520px;margin:0 auto;min-height:100vh;min-height:100dvh;padding:calc(28px + env(safe-area-inset-top)) 20px calc(28px + env(safe-area-inset-bottom));display:grid;align-content:start;gap:14px}
.page-simple h1{font-size:28px;line-height:1.15;margin:6px 0 0}
.page-simple .page-logo{width:92px;height:auto}
.page-simple label{display:block;font-weight:650;margin:14px 0 6px}
.page-simple input{width:100%;font-size:18px;padding:13px 14px;border:1.5px solid #cfd8e3;border-radius:13px;background:#fbfcfd}
.page-simple input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px #0c365a22}
.page-simple input.code-court{text-transform:uppercase;letter-spacing:4px;text-align:center;font-weight:700}
.page-simple .primary{width:100%;margin-top:18px;min-height:54px;font-size:17px;border-radius:14px}
.page-simple .erreur{color:#a0412d;min-height:1.4em;margin:8px 0 0}
.notice-texte h2{font-size:19px;margin:22px 0 4px}.notice-texte p,.notice-texte li{font-size:15.5px;line-height:1.55}
.notice-texte .provisoire{background:#fff6dc;border-radius:12px;padding:10px 14px}