/* SP Audio Reader — proposition visuelle R3, locale et TEST_ONLY.
   Candidat privé intégré, aucun sélecteur global. */
.sp-audio-help{--sp-audio-blue:#126e9d;--sp-audio-ink:#34495e;--sp-audio-green:#66b401;--sp-progress:0%;box-sizing:border-box;position:relative;width:100%;margin:18px 0 28px;padding:9px 12px;border:1px solid #dce8ee;border-radius:16px;background:linear-gradient(110deg,#f3f9fc 0%,#fff 70%);color:var(--sp-audio-ink);font-family:inherit;font-size:13px;line-height:1.3;box-shadow:0 3px 12px #16436305}
.sp-audio-help *{box-sizing:border-box}.sp-audio-help [hidden]{display:none!important}
.sp-audio-help .sp-audio-help__controls{display:grid;grid-template-columns:44px 130px minmax(80px,1fr) 82px 90px 60px;gap:10px;align-items:center;min-width:0}
.sp-audio-help .sp-audio-help__title{grid-column:2;grid-row:1;margin:0;padding:0;color:var(--sp-audio-ink);font-size:13px;font-weight:600;line-height:1.4;letter-spacing:0;text-transform:none}
.sp-audio-help .sp-audio-help__button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;width:44px;min-height:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:var(--sp-audio-blue);color:#fff;cursor:pointer;box-shadow:0 3px 7px #126e9d22;transition:background-color .15s ease,box-shadow .15s ease}
.sp-audio-help .sp-audio-help__button:hover{background:#0c5d87;box-shadow:0 3px 9px #126e9d33}
.sp-audio-help .sp-audio-help__button[data-action=play]{grid-column:1;grid-row:1}
.sp-audio-help .sp-audio-help__play-icon{display:block;font-size:0;width:15px;height:16px;position:relative;line-height:0}
.sp-audio-help .sp-audio-help__play-icon::before{content:"";display:block;margin-left:3px;width:13px;height:16px;clip-path:polygon(0 0,100% 50%,0 100%);background:currentColor}
.sp-audio-help.is-playing .sp-audio-help__play-icon::before{margin-left:1px;width:13px;clip-path:polygon(0 0,30% 0,30% 100%,0 100%,0 0,70% 0,100% 0,100% 100%,70% 100%,70% 0)}
.sp-audio-help .sp-audio-help__progress-wrap{grid-column:3;grid-row:1;min-width:0;margin:0;display:flex;align-items:center;min-height:44px}
.sp-audio-help .sp-audio-help__progress{appearance:none;-webkit-appearance:none;display:block;width:100%;min-width:0;height:44px;margin:0;padding:0;border:0;box-shadow:none;background:transparent;cursor:pointer;accent-color:var(--sp-audio-blue)}
.sp-audio-help .sp-audio-help__progress::-webkit-slider-runnable-track{height:4px;border-radius:6px;background:linear-gradient(to right,var(--sp-audio-blue) 0%,var(--sp-audio-blue) var(--sp-progress),#cedee7 var(--sp-progress),#cedee7 100%)}
.sp-audio-help .sp-audio-help__progress::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;background:var(--sp-audio-blue);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px var(--sp-audio-blue)}
.sp-audio-help .sp-audio-help__progress::-moz-range-track{height:4px;border-radius:6px;background:#cedee7}.sp-audio-help .sp-audio-help__progress::-moz-range-progress{height:4px;border-radius:6px;background:var(--sp-audio-blue)}
.sp-audio-help .sp-audio-help__progress::-moz-range-thumb{width:9px;height:9px;background:var(--sp-audio-blue);border:2px solid white;border-radius:50%}
.sp-audio-help .sp-audio-help__time{grid-column:4;grid-row:1;white-space:nowrap;text-align:center;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;color:#516778}
.sp-audio-help .sp-audio-help__voice-label{grid-column:5;grid-row:1;min-width:0;margin:0}
.sp-audio-help .sp-audio-help__speed-label{grid-column:6;grid-row:1;min-width:0;margin:0}
.sp-audio-help .sp-audio-help__voice-label>span,.sp-audio-help .sp-audio-help__speed-label>span,.sp-audio-help .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.sp-audio-help select{appearance:none;-webkit-appearance:none;width:100%;max-width:100%;height:44px;min-height:44px;margin:0;padding:0 17px 0 9px;border:1px solid transparent;border-radius:10px;background-color:#edf4f8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath d='m1 1 3 3 3-3' fill='none' stroke='%23516778' stroke-width='1.3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 7px center;color:#34495e;font:inherit;font-size:12px;font-weight:500;cursor:pointer;box-shadow:none;text-transform:none}
.sp-audio-help select:hover{background-color:#e3eef4;border-color:#c7dce7}
.sp-audio-help.is-single-voice .sp-audio-help__controls{grid-template-columns:44px 130px minmax(80px,1fr) 82px 60px}
.sp-audio-help.is-single-voice .sp-audio-help__speed-label{grid-column:5}
.sp-audio-help .sp-audio-help__audio{width:100%;height:44px}.sp-audio-help.is-enhanced .sp-audio-help__audio{display:none}
.sp-audio-help:focus-visible,.sp-audio-help button:focus-visible,.sp-audio-help input:focus-visible,.sp-audio-help select:focus-visible{outline:3px solid var(--sp-audio-blue);outline-offset:3px}
.sp-audio-help .sp-audio-help__status{font-size:13px;margin:10px 0 0;line-height:1.5}
.sp-audio-help :disabled{opacity:.5;cursor:not-allowed}
@media(max-width:720px){.sp-audio-help{padding:0 9px;border-radius:14px;margin:16px 0 24px}.sp-audio-help .sp-audio-help__controls,.sp-audio-help.is-single-voice .sp-audio-help__controls{grid-template-columns:44px minmax(0,1fr) 84px 58px;grid-template-rows:minmax(44px,auto) 44px;gap:0 7px}.sp-audio-help .sp-audio-help__button{width:40px;height:40px;min-width:44px;min-height:44px;box-shadow:none}.sp-audio-help .sp-audio-help__title{grid-column:2;grid-row:1;font-size:12px;line-height:1.25}.sp-audio-help .sp-audio-help__time{grid-column:3/5;grid-row:1;text-align:right;padding-right:7px}.sp-audio-help .sp-audio-help__progress-wrap{grid-column:1/3;grid-row:2}.sp-audio-help .sp-audio-help__voice-label{grid-column:3;grid-row:2}.sp-audio-help .sp-audio-help__speed-label,.sp-audio-help.is-single-voice .sp-audio-help__speed-label{grid-column:4;grid-row:2}.sp-audio-help.is-single-voice .sp-audio-help__progress-wrap{grid-column:1/4}.sp-audio-help select{border-radius:8px;background-color:transparent}.sp-audio-help .sp-audio-help__title{color:#34495e}}
@media(prefers-reduced-motion:reduce){.sp-audio-help *{animation:none!important;transition:none!important}}

.sp-audio-help .sp-audio-help__title{overflow-wrap:anywhere}
.sp-audio-help .sp-audio-help__status{margin:0;min-height:0}
.sp-audio-help[aria-busy=true] .sp-audio-help__progress{opacity:.6}
@media(forced-colors:active){.sp-audio-help .sp-audio-help__button{border:1px solid ButtonText}.sp-audio-help .sp-audio-help__play-icon::before{background:ButtonText}}
/* Container rules also allow the local CSS zoom stress fixture to reflow.
   They do not certify browser zoom or the live theme. */
.sp-audio-help{container-type:inline-size}
@container (max-width:640px){
 .sp-audio-help .sp-audio-help__controls,.sp-audio-help.is-single-voice .sp-audio-help__controls{grid-template-columns:44px minmax(0,1fr) 84px 58px;grid-template-rows:minmax(44px,auto) 44px;gap:0 7px}
 .sp-audio-help .sp-audio-help__title{grid-column:2;grid-row:1;font-size:12px;line-height:1.25}
 .sp-audio-help .sp-audio-help__time{grid-column:3/5;grid-row:1;text-align:right;padding-right:7px}
 .sp-audio-help .sp-audio-help__progress-wrap{grid-column:1/3;grid-row:2}
 .sp-audio-help .sp-audio-help__voice-label{grid-column:3;grid-row:2}
 .sp-audio-help .sp-audio-help__speed-label,.sp-audio-help.is-single-voice .sp-audio-help__speed-label{grid-column:4;grid-row:2}
 .sp-audio-help.is-single-voice .sp-audio-help__progress-wrap{grid-column:1/4}
}
@container (max-width:230px){
 .sp-audio-help .sp-audio-help__controls,.sp-audio-help.is-single-voice .sp-audio-help__controls{grid-template-columns:44px minmax(0,1fr);grid-template-rows:none;grid-auto-rows:minmax(44px,auto);gap:2px 6px}
 .sp-audio-help .sp-audio-help__title{grid-column:2;grid-row:1}
 .sp-audio-help .sp-audio-help__time{grid-column:1/3;grid-row:2;text-align:left;padding:0}
 .sp-audio-help .sp-audio-help__progress-wrap,.sp-audio-help.is-single-voice .sp-audio-help__progress-wrap{grid-column:1/3;grid-row:3}
 .sp-audio-help .sp-audio-help__voice-label{grid-column:1/3;grid-row:4}
 .sp-audio-help .sp-audio-help__speed-label,.sp-audio-help.is-single-voice .sp-audio-help__speed-label{grid-column:1/3;grid-row:5}
}
