:root{--fond:#fbfaf7;--texte:#1d1d1b;--doux:#5b5b57;--ligne:#e4e1d8;--ok:#1f6b3a;--ko:#9b1c1c;--neutre:#5b5b57}
@media (prefers-color-scheme:dark){:root{--fond:#161614;--texte:#f1efe9;--doux:#b5b3ab;--ligne:#34332f;--ok:#7fd29b;--ko:#ff9c9c;--neutre:#b5b3ab}}
*{box-sizing:border-box}
body{margin:0;background:var(--fond);color:var(--texte);font:1rem/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
main{max-width:42rem;margin:0 auto;padding:2rem 1rem 3rem}
h1{font-size:1.5rem;margin:0 0 .25rem}
.bandeau{border:2px solid var(--ligne);border-radius:.5rem;padding:1rem;margin:1.5rem 0;font-size:1.125rem;font-weight:600}
.bandeau.ok{border-color:var(--ok)}.bandeau.ko{border-color:var(--ko)}
table{width:100%;border-collapse:collapse}
caption{text-align:left;font-weight:600;padding:.5rem 0}
th,td{text-align:left;padding:.625rem .25rem;border-bottom:1px solid var(--ligne);vertical-align:top}
.etat-ok{color:var(--ok);font-weight:600}.etat-ko{color:var(--ko);font-weight:600}.etat-inconnu{color:var(--neutre)}
.doux{color:var(--doux);font-size:.9375rem}
a{color:inherit}