:root{--fond:#f4f4f2;--carte:#fff;--texte:#1f1f1e;--discret:#6b6b68;--accent:#c96442;--ligne:#e3e2dd;--erreur:#a8322b;--ok:#2f6f4f}
*{box-sizing:border-box}
html,body{margin:0;background:var(--fond);color:var(--texte);font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
header{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-bottom:1px solid var(--ligne);background:var(--carte)}
.marque{font-weight:600;letter-spacing:.2px}
nav a{margin-left:18px;color:var(--discret);text-decoration:none}
nav a:hover{color:var(--texte)}
main{max-width:720px;margin:32px auto;padding:0 20px}
h1{font-size:24px;font-weight:600;margin:0 0 18px}
h2{font-size:17px;font-weight:600;margin:26px 0 10px}
p{margin:.5em 0}
.carte{background:var(--carte);border:1px solid var(--ligne);border-radius:10px;padding:18px 20px;margin:14px 0}
.discret{color:var(--discret)}
.erreur{color:var(--erreur)}
.ok{color:var(--ok)}
button{font:inherit;background:var(--accent);color:#fff;border:0;border-radius:8px;padding:9px 16px;cursor:pointer}
button.second{background:transparent;color:var(--texte);border:1px solid var(--ligne)}
button:disabled{opacity:.55;cursor:default}
input,select,textarea{font:inherit;border:1px solid var(--ligne);border-radius:7px;padding:7px 9px;background:#fff;width:100%}
label{display:block;margin:10px 0 4px;color:var(--discret);font-size:13px}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--ligne);vertical-align:top}
th{color:var(--discret);font-weight:500}
textarea{min-height:170px}
.rangee{display:flex;gap:10px;flex-wrap:wrap;align-items:center}