:root{--green:#547767;--dark:#354f40;--copper:#b18160;--cream:#f7f5ee;--line:#e5e7de;color-scheme:light}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,Arial,sans-serif;color:#384e40;background:linear-gradient(135deg,#f7f5ee,#eaf1e8 60%,#fffaf2)}
button,input{font:inherit}button{cursor:pointer}.layout{min-height:100vh;max-width:1400px;margin:auto}.head{display:flex;align-items:center;gap:14px;padding:22px clamp(18px,5vw,65px)}.head img{object-fit:contain;border-radius:13px}.wordmark{font:italic 700 clamp(24px,2.4vw,35px) Georgia,serif;color:var(--copper)}.wordmark span{color:var(--green)}.tagline{font-size:10px;letter-spacing:.18em;color:#667668}.edition{margin-left:auto;font-size:12px;color:#547767;font-weight:650;text-align:right}.strap{padding:10px 15px;font-size:11px;letter-spacing:.09em;text-align:center;background:#fffdf9;border-block:1px solid #eae9de;color:var(--green)}.columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);align-items:center;gap:clamp(25px,6vw,100px);max-width:1250px;margin:45px auto;padding:0 clamp(20px,5vw,56px)}.welcome{max-width:580px}.eyebrow{letter-spacing:.15em;font-size:12px;font-weight:650;color:var(--copper)}h1{font:700 clamp(35px,4.5vw,61px)/1.15 Georgia,serif;color:var(--green);letter-spacing:-.04em;margin:20px 0}.subtitle{font:24px/1.35 Georgia,serif;color:var(--copper)}.subtitle em{color:var(--green)}.welcome>p:not(.subtitle){line-height:1.65}.info{background:#dfece2;border-radius:12px;padding:18px 20px;line-height:1.55;margin-top:28px}.avatar{display:flex;align-items:center;gap:15px;margin-top:32px}.avatar img{border-radius:20px;background:white;width:110px;height:110px;object-fit:contain}.avatar p{max-width:230px;line-height:1.5}.form-card{background:#fffdfa;border:1px solid #e3e8de;border-radius:22px;box-shadow:0 20px 60px rgba(47,80,51,.1);padding:32px 33px}.card-head{text-align:center}.chip{display:inline-block;padding:6px 11px;border-radius:99px;background:#e7eee6;color:#456852;font-size:11px;font-weight:750;letter-spacing:.08em}.card-head h2{font:700 30px Georgia,serif;color:var(--green);margin:14px 0 7px}.card-head p{font-size:13px;color:#526759;margin:0 0 15px;line-height:1.4}.notice{background:#fcf2e5;border:1px solid #efdac6;color:#78614a;border-radius:10px;padding:10px 12px;font-size:12px;line-height:1.4}.notice.danger{background:#fef0ed;border-color:#eed1cc;color:#944437}.notice.ready{background:#e4efe6;border-color:#c4dec9;color:#416d4b}.auth-form{display:flex;flex-direction:column;gap:9px}.auth-form label{font-weight:650;font-size:13px;color:#4b6755;margin-top:5px}.auth-form input{width:100%;min-height:45px;border:1px solid #d7ded4;border-radius:10px;padding:10px 12px;background:white;color:#25382c;font-size:16px}.auth-form input:focus{outline:2px solid #a6c9b0;outline-offset:1px}.submit{margin-top:12px;background:var(--green);color:white;border:0;border-radius:10px;padding:13px 15px;font-weight:700}.submit:disabled{opacity:.57;cursor:wait}.text-button{background:none;border:0;color:var(--green);text-decoration:underline;text-underline-offset:3px;padding:7px 4px}.switch{text-align:center;margin:2px 0;font-size:13px}.feedback{padding:12px 14px;border-radius:10px;background:#e7f0e7;font-size:13px;line-height:1.5;margin-bottom:14px}.feedback.error{background:#fff0ea;color:#8c3930}.small{font-size:13px;line-height:1.5}.signed{background:#eaf3eb;padding:14px;border-radius:10px;overflow-wrap:anywhere}.config{margin-top:20px;padding:13px;background:#f5f7f2;border:1px dashed #cddace;border-radius:11px}.config h3{font-size:14px;margin:0}.config p{margin:5px 0 10px}.copyrow{display:flex;align-items:center;gap:8px}.copyrow output{font-size:11px;overflow-wrap:anywhere;min-width:0;flex:1}.copyrow button{padding:7px 11px;border-radius:8px;border:1px solid #b7c6b8;background:white;color:var(--green)}footer{text-align:center;padding:22px 15px 28px;font-size:11px;letter-spacing:.08em;color:#687e70}footer strong{color:#925e42}
[hidden]{display:none!important}
@media(max-width:780px){.head{padding:12px 16px}.head img{height:45px;width:45px}.tagline{font-size:8px}.edition{font-size:10px}.strap{display:none}.columns{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:0 14px;margin:17px auto}.welcome{text-align:center}.eyebrow{font-size:10px}h1{font-size:25px;margin:12px 0 6px}.subtitle{font-size:16px;margin:8px}.welcome>p:not(.subtitle),.avatar{display:none}.info{margin:14px auto;padding:10px 12px;font-size:12px;max-width:530px}.form-card{padding:20px 18px;border-radius:17px;max-width:530px;width:100%;margin:auto}.card-head h2{font-size:25px;margin:9px 0}.config{margin-top:15px}.auth-form input{min-height:43px}.notice{font-size:11px}footer{font-size:9px;padding:10px}}

/* V237 : conforme à la V235 : bandeau blanc réservé aux grands écrans. */
@media(max-width:899px){.strap{display:none!important}}