:root{--fond:#f6f7f9;--carte:#fff;--texte:#14171f;--gris:#6b7280;--bord:#e5e7eb;--vert:#0f8a5f;--rouge:#c2410c;
--bleu:#2563eb;--violet:#7c3aed;--jaune:#b45309;--ombre:0 1px 2px rgba(0,0,0,.06)}
@media (prefers-color-scheme:dark){:root{--fond:#0e1116;--carte:#161b22;--texte:#e6e8eb;--gris:#9aa4b2;--bord:#262d36;
--vert:#34d399;--rouge:#fb923c;--bleu:#60a5fa;--violet:#a78bfa;--jaune:#fbbf24;--ombre:none}}
*{box-sizing:border-box}body{margin:0;font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--fond);
color:var(--texte)}header{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:20px 16px 8px;
max-width:1100px;margin:auto;flex-wrap:wrap}h1{margin:0;font-size:22px}h2{margin:0 0 10px;font-size:15px}
#sous-titre{margin:2px 0 0;color:var(--gris);font-size:13px}main{max-width:1100px;margin:auto;padding:0 16px 16px}
.badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:600;margin-left:6px;
border:1px solid var(--bord)}.ok{color:var(--vert)}.ko{color:var(--rouge)}.av{color:var(--jaune)}
.tuiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:8px 0 12px}
.tuile,.carte{background:var(--carte);border:1px solid var(--bord);border-radius:12px;box-shadow:var(--ombre)}
.tuile{padding:12px 14px}.tuile .l{color:var(--gris);font-size:12px}.tuile .v{font-size:22px;font-weight:650;margin-top:2px;
font-variant-numeric:tabular-nums}.tuile .s{color:var(--gris);font-size:12px}
.carte{padding:14px;margin-bottom:12px}.tete{display:flex;justify-content:space-between;align-items:center;gap:8px}
.grille{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:760px){.grille{grid-template-columns:1fr}}
.periodes button{background:none;border:1px solid var(--bord);color:var(--texte);border-radius:8px;padding:4px 10px;
cursor:pointer;font:inherit;font-size:13px}.periodes button.actif{background:var(--texte);color:var(--carte)}
.courbe{height:260px}.courbe svg{width:100%;height:100%}.legende{display:flex;gap:16px;font-size:13px;color:var(--gris);
flex-wrap:wrap}.legende i{display:inline-block;width:12px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle}
table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}
th{text-align:left;color:var(--gris);font-weight:500;border-bottom:1px solid var(--bord);padding:6px 6px}
td{border-bottom:1px solid var(--bord);padding:6px 6px;white-space:nowrap}.defile{overflow-x:auto}
.gris{color:var(--gris);font-weight:400}.note{color:var(--gris);font-size:12px;margin:8px 0 0}
.evs{list-style:none;margin:0;padding:0;font-size:13px;max-height:320px;overflow:auto}.evs li{padding:5px 0;
border-bottom:1px solid var(--bord)}.evs .d{color:var(--gris);margin-right:8px;font-variant-numeric:tabular-nums}
.diag{display:flex;gap:8px;flex-wrap:wrap;font-size:13px}.puce{border:1px solid var(--bord);border-radius:8px;padding:4px 8px}
footer{max-width:1100px;margin:auto;padding:4px 16px 24px;color:var(--gris);font-size:12px}
.axe{fill:var(--gris);font-size:11px}.grillel{stroke:var(--bord)}