:root{color-scheme:light;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#1D2430;background:#F7F5F0;line-height:1.65}
*{box-sizing:border-box}
body{margin:0;overflow-wrap:anywhere}
header{background:#16324F;color:#fff;border-bottom:4px solid #D9A431;padding:24px max(22px,calc((100% - 640px)/2))}
header span{font-size:.65rem;font-weight:600;letter-spacing:.16em;color:#F0C75E}
header p{font:2rem/1.3 Georgia,serif;margin:4px 0}
main{max-width:640px;margin:32px auto;padding:28px;background:#fff;border:1px solid #DDE3E8;border-radius:12px}
.eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.1em;color:#3C5744}
h1{font-size:1.7rem;line-height:1.3;color:#16324F;margin:10px 0 16px}
button{background:#16324F;color:#fff;border:2px solid #16324F;border-radius:6px;font-size:1rem;font-weight:600;line-height:1.5;font-family:inherit;padding:12px 20px;cursor:pointer;min-height:48px}
button:disabled{opacity:.5;cursor:default}
button:hover:not(:disabled){background:#244967}
button:focus-visible,textarea:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #0E2338}
label{display:block;font-weight:600;margin:22px 0 8px}
textarea{width:100%;resize:vertical;min-height:300px;border:1px solid #71808C;border-left:3px solid #D9A431;border-radius:6px;padding:16px;font: .8rem/1.75 Consolas,monospace;background:#F7F5F0;color:#1D2430;overflow-wrap:anywhere}
#retour{min-height:1.7em;color:#3C5744;font-weight:600}
.note,footer{font-size:.8rem;color:#465062}
footer{text-align:center;padding:0 20px 24px}
@media(max-width:680px){main{margin:20px 12px;padding:22px}h1{font-size:1.45rem}button{width:100%}}