:root{--teal:#009a8c;--ink:#0f2a2c;--muted:#557073;--line:#d7e3e3;--bg:#f2f6f6;--panel:#fff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 "IBM Plex Sans","Segoe UI",system-ui,sans-serif}
main{max-width:880px;margin:0 auto;padding:32px 16px 64px;display:grid;gap:24px}
header{display:flex;align-items:center;gap:14px}header img{height:46px}
h1{font:700 32px/1.15 "Red Hat Display","Segoe UI",sans-serif;margin:0}h1 span{color:var(--teal)}
.eb{font:500 12px "IBM Plex Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px}
form{display:grid;gap:16px}label{display:grid;gap:6px;font-weight:600}small{font-weight:400;color:var(--muted)}
input[type=text],input[type=file],textarea{font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;width:100%}
.row{display:flex;flex-wrap:wrap;gap:16px}.row label{flex:1 1 240px}
.chk{display:flex;gap:14px;flex-wrap:wrap}.chk label{display:flex;gap:6px;align-items:center;font-weight:400}
button{font:600 16px "Red Hat Display",sans-serif;background:var(--teal);color:#fff;border:0;border-radius:999px;padding:12px 26px;cursor:pointer;justify-self:start}
a{color:var(--teal)}ol{margin:0;padding-left:20px}li.ok{color:var(--muted)}li.cur{font-weight:600}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}figure{margin:0;display:grid;gap:8px}
video{width:100%;border-radius:10px;border:1px solid var(--line);background:#e9f1f1}
.warn{background:#fff6ea;border-color:#f2d3a8}.err{background:#fdeeee;border-color:#f0b8b8}

/* 09/11/2026 : demande de test mise en avant + exemple de résultat */
h2{font:700 22px/1.2 "Red Hat Display","Segoe UI",sans-serif;margin:4px 0 6px}
.bouton{display:inline-block;background:var(--teal);color:#fff;text-decoration:none;font:600 17px "Red Hat Display",sans-serif;padding:14px 30px;border-radius:999px;box-shadow:0 8px 24px rgba(0,154,140,.28)}
.bouton:hover{background:#00877a}
.card.demande{border:2px solid var(--teal);box-shadow:0 12px 34px rgba(0,154,140,.14);scroll-margin-top:16px}
.card.demande button{font-size:17px;padding:14px 32px}
.card.exemple p{margin:0 0 14px}
.apercu-form form.grise{margin-top:14px;opacity:.72;pointer-events:none;user-select:none}
.apercu-form fieldset{border:0;margin:0;padding:0;display:grid;gap:16px;min-width:0}
.rouge{color:#c8102e;font-weight:700;margin:8px 0 0}
.note-logo{margin:12px 0 0;padding:12px 14px;border-radius:10px;background:#e8f6f4;border:1px solid #bfe6e1}
.finale{border:1px dashed var(--line);border-radius:12px;padding:14px;margin:0;display:grid;gap:10px}.finale legend{font-weight:600;padding:0 6px}
select{font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;width:100%}
.card.commande{border-left:5px solid #ffb547}.card.commande ul{margin:6px 0 12px;padding-left:20px}.card.commande p{margin:6px 0}