/* Feuille unique, servie par Caddy. Aucune ressource externe : ces pages
   doivent s'afficher même si tout le reste est en panne. */
:root { color-scheme: light dark; --encre:#1a1a1a; --fond:#fff; --trait:#d0d0d0; --accent:#0b6b3a; }
@media (prefers-color-scheme: dark) { :root { --encre:#e8e8e8; --fond:#161616; --trait:#3a3a3a; --accent:#4bbd80; } }
* { box-sizing: border-box; }
body { margin:0; padding:2.5rem 1.25rem; background:var(--fond); color:var(--encre);
       font:16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
main { max-width:34rem; margin:0 auto; }
h1 { font-size:1.5rem; margin:0 0 .25rem; }
p.chapeau { color:#777; margin:0 0 2rem; }
a.bouton, button { display:block; width:100%; padding:.85rem 1rem; margin:.6rem 0;
                   border:1px solid var(--trait); border-radius:.4rem; background:transparent;
                   color:var(--encre); font:inherit; text-align:center; text-decoration:none; cursor:pointer; }
a.bouton.principal, button { background:var(--accent); border-color:var(--accent); color:#fff; font-weight:600; }
label { display:block; margin:1rem 0 .25rem; font-weight:600; font-size:.95rem; }
input { width:100%; padding:.7rem; border:1px solid var(--trait); border-radius:.4rem;
        background:var(--fond); color:var(--encre); font:inherit; }
.note { margin-top:2rem; padding-top:1rem; border-top:1px solid var(--trait); color:#777; font-size:.9rem; }
.deux { display:flex; gap:.75rem; }
.deux > div { flex:1; }