/* Infographies EST : barres et colonnes en HTML/CSS, identité jaune #F4D83F et encre #252620. */
.est-chart{--est-ink:#252620;--est-yellow:#F4D83F;--est-track:#ECEADF;--est-muted:#5d5f55;margin:32px 0 36px!important;padding:26px 28px 22px!important;background:#fff;border:1px solid #d8d4b6;border-top:5px solid var(--est-yellow);color:var(--est-ink);box-sizing:border-box;font-variant-numeric:tabular-nums}
.est-chart *{box-sizing:border-box}
.est-chart-cap{display:flex;flex-direction:column;gap:4px;margin:0 0 16px}
.est-chart-kicker{font:700 11px/1.4 Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:var(--est-muted)}
.est-chart-title{font-family:'Barlow Condensed',Arial,sans-serif;font-weight:700;font-size:clamp(24px,2.6vw,32px);line-height:1.1}
.est-chart-sub{font-size:14px;line-height:1.5;color:var(--est-muted)}
.est-chart-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 16px!important;font-size:13px;line-height:1.4;color:var(--est-muted)}
.est-key{display:inline-flex;align-items:center;gap:7px}
.est-key:before{content:"";display:inline-block;width:14px;height:10px}
.est-key--up:before,.est-key--b:before{background:var(--est-ink)}
.est-key--down:before,.est-key--a:before{background:var(--est-yellow);outline:1px solid #c9b52c;outline-offset:-1px}
.est-key--ref:before{width:0;height:14px;border-left:2px dashed var(--est-ink)}
.est-chart-group{margin:18px 0 8px!important;font:700 12px/1.4 Arial,sans-serif;letter-spacing:1px;text-transform:uppercase}
.est-chart-note{margin:14px 0 0!important;font-size:13px!important;line-height:1.55!important;color:var(--est-muted)!important}
.est-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Barres horizontales */
.est-bars,.est-pairs,.est-cols{list-style:none!important;margin:0!important;padding:0!important}
.est-bar,.est-pair{display:grid;grid-template-columns:minmax(140px,36%) minmax(0,1fr) 64px;align-items:center;gap:6px 14px;margin:0!important;padding:5px 0!important;list-style:none!important}
.est-bar:before,.est-pair:before{content:none!important}
.est-bar-label{font-size:14px;line-height:1.35}
.est-bar-track{position:relative;display:block;height:22px;background:var(--est-track)}
.est-bar-fill,.est-bar-range{position:absolute;left:0;top:0;bottom:0;display:block}
.est-bar--up .est-bar-fill,.est-fill--b{background:var(--est-ink)}
.est-bar--down .est-bar-fill,.est-fill--a{background:var(--est-yellow)}
.est-bar-range{background:repeating-linear-gradient(135deg,var(--est-yellow) 0 4px,#fff 4px 7px)}
.est-bar-ref{position:absolute;top:-4px;bottom:-4px;width:0;border-left:2px dashed var(--est-ink);display:block}
.est-bar-value{font-weight:700;font-size:15px;white-space:nowrap;text-align:right}
.est-bars--psy .est-bar-track{height:28px}

/* Paires */
.est-pair{padding:8px 0!important;border-bottom:1px solid var(--est-track)}
.est-pair:last-child{border-bottom:0}
.est-pair-rows{grid-column:2 / 4;display:flex;flex-direction:column;gap:5px}
.est-pair-row{display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:14px;align-items:center}
.est-pair .est-bar-track{height:16px}

/* Colonnes */
.est-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:end;padding-top:6px!important;background:linear-gradient(var(--est-ink),var(--est-ink)) no-repeat left bottom 50px/100% 2px}
.est-col{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0!important;padding:0!important;list-style:none!important}
.est-col:before{content:none!important}
.est-col-value{font-weight:700;font-size:16px;white-space:nowrap}
.est-col-track{position:relative;display:block;width:min(96px,70%);height:200px}
.est-col-fill,.est-col-range{position:absolute;left:0;right:0;bottom:0;display:block}
.est-col-fill{background:var(--est-yellow)}
.est-col--now .est-col-fill{background:var(--est-ink)}
.est-col-range{background:repeating-linear-gradient(135deg,var(--est-yellow) 0 4px,#fff 4px 7px);outline:1px solid #c9b52c;outline-offset:-1px}
.est-col-label{order:3;display:flex;flex-direction:column;align-items:center;font-weight:700;font-size:15px;line-height:1.3;height:50px;margin-top:-8px;padding-top:10px;box-sizing:border-box}
.est-col-label small{font-weight:400;font-size:12px;color:var(--est-muted)}


@media(max-width:700px){
  .est-chart{padding:20px 16px 18px!important;margin:26px 0 30px!important}
  .est-bar,.est-pair{grid-template-columns:minmax(0,1fr) 58px;gap:4px 10px}
  .est-bar-label{grid-column:1 / -1}
  .est-pair-rows{grid-column:1 / -1}
  .est-pair-row{grid-template-columns:minmax(0,1fr) 58px;gap:10px}
  .est-col-track{height:160px}
  .est-col-value{font-size:14px}
}