/**
 * Planche de mesure : ce que voit un acousticien. Cartographie a gauche,
 * spectre par bandes d'octave a droite. Les hauteurs de barres sont calculees
 * a partir des decibels saisis, jamais dessinees a la main.
 */
.dec-planche{background:var(--calque);border-radius:var(--r-l);padding:48px;
 display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:46px;
 align-items:center}
.dec-planche .planche-t{display:flex;justify-content:space-between;align-items:baseline;
 gap:20px;margin-bottom:26px;flex-wrap:wrap}
.dec-planche .planche-t .l{font-size:14.5px;font-weight:600;color:var(--encre2)}
.dec-planche .pl-carto{aspect-ratio:16/10;margin:0}
.dec-planche .pl-carto img{width:100%;height:100%;object-fit:cover;display:block}
.dec-planche .echelle{display:flex;align-items:center;gap:13px;margin-top:16px}
.dec-planche .echelle .lab{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;
 text-transform:uppercase;color:var(--gris);white-space:nowrap}
.dec-planche .echelle .barres{display:flex;flex:1;border-radius:var(--r-pill);overflow:hidden}
.dec-planche .echelle .barres i{flex:1;height:10px}
.dec-planche .echelle .bornes{display:flex;justify-content:space-between;
 font-family:var(--mono);font-size:9.5px;color:var(--gris);margin-top:7px}
.dec-planche .spectre{display:flex;align-items:stretch;height:230px;gap:5px;margin-top:22px}
.dec-planche .bande{flex:1;display:flex;flex-direction:column;justify-content:flex-end;
 min-height:0}
.dec-planche .bande .val{font-family:var(--mono);font-size:10px;color:var(--gris);
 text-align:center;margin-bottom:6px}
.dec-planche .bande .barre{background:var(--olive);border-radius:var(--r-pill);width:100%;
 transform-origin:bottom;animation:dec-pousse .9s var(--ease) both}
.dec-planche .bande.franchi .barre{background:var(--lime)}
.dec-planche .bande.franchi .val{color:var(--encre);font-weight:700}
@keyframes dec-pousse{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.dec-planche .axe{display:flex;gap:5px;border-top:1px solid var(--trait);margin-top:2px}
.dec-planche .axe span{flex:1;font-family:var(--mono);font-size:9px;color:var(--gris);
 text-align:center;padding:9px 0}
.dec-planche .avert{font-family:var(--mono);font-size:10px;letter-spacing:.09em;
 color:var(--gris);text-transform:uppercase;margin-top:14px}
@media(prefers-reduced-motion:reduce){.dec-planche .bande .barre{animation:none}}
@media(max-width:1080px){
 .dec-planche{grid-template-columns:1fr;gap:44px;padding:32px}
}