*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;background:#f5f5f5;color:#222}
.container{max-width:1400px;margin:auto;padding:30px 20px 50px}
h1{margin-bottom:8px} h2{margin-top:45px;border-bottom:2px solid #ddd;padding-bottom:8px}
.intro{color:#555;margin-bottom:30px}
.charts{display:grid;grid-template-columns:1fr;gap:25px}
article,#comparaison{background:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 5px rgba(0,0,0,.12)}
article h3{margin-top:0}
canvas{width:100%!important;height:420px!important}
#comparaison{margin-top:50px}
#status{margin-top:25px;color:#666}
@media(max-width:700px){.container{padding:20px 12px}canvas{height:300px!important}}