:root{--fond:#0A0B0D;--encre:#E6E4DE;--sourdine:#8E8C86;--ichor:#E4D6A6}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:2rem;background:var(--fond);color:var(--encre);font-family:Archivo,system-ui,-apple-system,sans-serif;line-height:1.6}.socle{max-width:34rem;text-align:center}.marque{margin:0 0 2rem;font-size:.75rem;letter-spacing:.28em;text-transform:uppercase;color:var(--ichor)}h1{margin:0 0 1rem;font-family:Fraunces,Georgia,serif;font-weight:300;font-size:clamp(1.6rem,4vw,2.4rem)}.explication{margin:0 0 2rem;color:var(--sourdine)}.lien{color:var(--ichor);text-decoration:none;border-bottom:1px solid rgba(228,214,166,.35);padding-bottom:.15rem}.lien:hover{border-bottom-color:var(--ichor)}.etat{margin:3rem 0 0;font-size:.8rem;letter-spacing:.05em;color:var(--sourdine)}#etat[data-etat=ok]{color:var(--ichor)}#etat[data-etat=hs]{color:#b4655a}