/* Annexe « De l’air au signal » : dessins vectoriels et animation de l’air */
.annex-hero-chain i svg{width:40px;height:40px}
.annex-hero-chain .air i{color:#78aaff}
.annex-hero-chain .microphone i,.annex-hero-chain .speaker i{color:#ffd36e}
.annex-air-screen canvas{height:420px}
.annex-tracers{display:flex!important;align-items:center;gap:8px;margin-bottom:18px!important;cursor:pointer;font-size:13px;font-weight:700}
.annex-tracers input{accent-color:#ff6fae;width:16px;height:16px}
/* Coupes des microphones */
.annex-transducer-svg{display:block!important;min-height:0!important;padding:18px 20px!important}
.annex-transducer-svg svg{display:block;width:100%;height:auto;max-height:280px}
.annex-transducer-svg .tr-condenser{display:none}
.annex-transducer-svg[data-kind=condenser] .tr-dynamic{display:none}
.annex-transducer-svg[data-kind=condenser] .tr-condenser{display:block}
.tr-lab{font:600 11px 'DM Mono',monospace;fill:#8be8bd;text-anchor:middle;letter-spacing:.06em}
.tr-small{font-size:9.5px}
.tr-in{font:700 13px 'DM Mono',monospace;fill:#fff;text-anchor:middle}
.tr-caption{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;margin:8px 0 0!important;font:11px 'DM Mono',monospace;color:#cfd5e1}
.tr-caption span{padding:5px 10px;border-radius:7px;background:#1b2130}
.tr-caption #annex-mechanism-label{background:#3a2a55;color:#e0d2ff}
.tr-caption em{font-style:normal;color:#ff8a69}
.tr-move{animation:trMove 1.3s ease-in-out infinite}
.tr-waves{animation:trWaves 1.3s ease-in-out infinite}
@keyframes trMove{0%,100%{transform:translateX(-5px)}50%{transform:translateX(5px)}}
@keyframes trWaves{0%,100%{opacity:.55}50%{opacity:1}}
/* Coupe du haut-parleur */
.annex-speaker-svg{margin:40px 0 0;padding:20px;border-radius:14px;background:#151925;color:#fff}
.annex-speaker-svg svg{display:block;width:100%;height:auto;max-height:290px}
.annex-speaker-svg figcaption{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;margin-top:10px;font:11px 'DM Mono',monospace;color:#cfd5e1}
.annex-speaker-svg figcaption span{padding:5px 10px;border-radius:7px;background:#252b38}
.annex-speaker-svg figcaption em{font-style:normal;color:#ff8a69}
/* Supports */
.annex-support-grid article>span svg{width:42px;height:42px}
@media(prefers-reduced-motion:reduce){.tr-move,.tr-waves{animation:none}}
/* Gain et volume : actif ou passif */
.annex-active-passive{margin:26px 0;scroll-margin-top:110px}
.annex-active-passive h3{margin:4px 0 12px}
.annex-ap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.annex-ap-grid article{min-width:0;padding:18px;border-radius:14px;background:#f3f5fa;border:1px solid var(--line)}
.annex-ap-grid small{font:10px 'DM Mono';letter-spacing:.06em;color:var(--blue)}
.annex-ap-grid b{display:block;margin:5px 0;font-size:17px}
.annex-ap-grid p{margin:0;font-size:14px;color:#434958}
.annex-ap-note{margin:12px 0 0;font-size:14.5px}
@media(max-width:700px){.annex-ap-grid{grid-template-columns:1fr}}