/* La « colle » d'un compresseur de bus (avance-compression-saturation.html#glue) */
#glue{scroll-margin-top:110px}
.glue-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:16px 0}
.glue-cards article{min-width:0;padding:18px;border-radius:13px;background:#f3f5fa;border:1px solid var(--line)}
.glue-cards small{font:9.5px 'DM Mono';letter-spacing:.06em;color:var(--blue)}
.glue-cards h3{margin:6px 0;font-size:17px}
.glue-cards p{margin:0;font-size:13.5px;color:#434958}
.gl2-lab{display:grid;gap:12px;margin:14px 0 18px;padding:16px;border-radius:18px;background:var(--ink);color:#fff}
.gl2-lab button{padding:8px 12px;border:1px solid #ffffff1c;border-radius:9px;background:#1b202b;color:#e7ebf3;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.gl2-lab button[aria-pressed=true]{background:#1f2a40;border-color:#6f9bff}
.gl2-lab .gl2-play{background:var(--mint);border-color:var(--mint);color:var(--ink);min-width:96px}
.gl2-lab .gl2-play:disabled{opacity:.5;cursor:wait}
.gl2-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.gl2-seg{display:flex;flex-wrap:wrap;gap:5px}
.gl2-ctrls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 18px}
.gl2-ctrls label{display:grid;gap:4px;min-width:0;font-size:12.5px;color:#cfd5e1}
.gl2-ctrls output{font:600 11.5px 'DM Mono',monospace;color:#ffd36e}
.gl2-ctrls input[type=range]{width:100%;accent-color:var(--mint)}
.gl2-ctrls .gl2-check{display:flex;align-items:center;gap:7px;cursor:pointer}
.gl2-check input{accent-color:var(--mint);width:16px;height:16px}
.gl2-canvas{display:block;width:100%;height:200px;border-radius:12px;background:#0d111a}
.gl2-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.gl2-facts div{display:grid;gap:3px;min-width:0;padding:10px 12px;border-radius:10px;background:#ffffff0a}
.gl2-facts small{font:9px 'DM Mono',monospace;letter-spacing:.06em;color:#8f98aa}
.gl2-facts b{font:600 15px 'DM Mono',monospace;color:#fff}
.gl2-facts .zone.ok b{color:#8be8bd}.gl2-facts .zone.mid b{color:#ffd36e}.gl2-facts .zone.bad b{color:#ff9a7e}
.gl2-lab .gl2-status{margin:0;min-height:3em;font-size:13.5px;line-height:1.5;color:#e7ebf3}
@media(max-width:800px){.glue-cards,.gl2-ctrls{grid-template-columns:1fr 1fr}.gl2-facts{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.glue-cards,.gl2-ctrls{grid-template-columns:1fr}}
/* Compression mid-side */
#mid-side-dynamique{scroll-margin-top:110px}
.md-lab{display:grid;gap:12px;margin:14px 0 18px;padding:16px;border-radius:18px;background:var(--ink);color:#fff}
.md-lab button{padding:8px 12px;border:1px solid #ffffff1c;border-radius:9px;background:#1b202b;color:#e7ebf3;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.md-lab button[aria-pressed=true]{background:#1f2a40;border-color:#6f9bff}
.md-lab .md-play{background:var(--mint);border-color:var(--mint);color:var(--ink);min-width:96px}
.md-lab .md-play:disabled{opacity:.5;cursor:wait}
.md-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.md-seg{display:flex;flex-wrap:wrap;gap:5px}
.md-set{display:flex;flex-wrap:wrap;gap:6px 18px;padding:10px 12px;border-radius:10px;background:#ffffff0a;font-size:12.5px;color:#cfd5e1;min-height:1.5em}
.md-set b{margin-left:4px;font:600 12px 'DM Mono',monospace;color:#ffd36e}
.md-set i{display:inline-block;width:12px;height:3px;margin-right:6px;vertical-align:middle;border-radius:2px}.md-set i.m{background:#6f9bff}.md-set i.s{background:#ffb35c}
.md-canvas{display:block;width:100%;height:260px;border-radius:12px;background:#0d111a}
.md-lab .md-status{margin:0;min-height:3em;font-size:13.5px;line-height:1.5;color:#e7ebf3}