/* Studio oral — bouton « Écouter le cours » (karaoké) */
.fso-lecteur{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 1.4em;padding:10px 12px;background:#fdf6e3;border:2px solid #1f3a93;border-radius:16px;box-shadow:4px 4px 0 #efe4c8}
.fso-lecteur[hidden]{display:none}
.fso-lecteur button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.fso-lecteur svg,.fso-k-flottant svg{width:22px;height:22px;fill:currentColor;flex:none}
.fso-k-play{display:inline-flex;align-items:center;gap:10px;border:0;background:#1f3a93;color:#fff!important;font:700 1em/1.2 Merriweather,Georgia,serif;padding:11px 18px;border-radius:12px;box-shadow:0 4px 0 #162b6f;transition:transform .1s,box-shadow .1s}
.fso-k-play:hover{transform:translateY(-1px);box-shadow:0 5px 0 #162b6f}
.fso-k-play:active{transform:translateY(3px);box-shadow:0 1px 0 #162b6f}
.fso-k-play[hidden],.fso-k-ctrl[hidden]{display:none!important}
.fso-k-ctrl{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.fso-k-rond{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:2px solid #1f3a93;background:#fff;color:#1f3a93;padding:0}
.fso-k-rond:hover{background:#e4e9f7}
.fso-k-gros{width:50px;height:50px;background:#c0392b;border-color:#c0392b;color:#fff;box-shadow:0 3px 0 #8e281e}
.fso-k-gros:hover{background:#a93226}
.fso-k-vitesses{display:inline-flex;background:#fff;border:2px solid #e6dcc0;border-radius:99px;padding:3px;margin-left:4px}
.fso-k-vitesses button{border:0;background:none;color:#5b6475;font-weight:800;font-size:.85em;padding:6px 10px;border-radius:99px}
.fso-k-vitesses button[aria-pressed="true"]{background:#f4c430;color:#162b6f}
.fso-k-aide{margin:0!important;font-size:.85em;color:#5b6475;flex:1 1 200px}
.fso-lecteur:not(.fso-k-actif) .fso-k-aide::before{content:"La voix lit le cours et surligne le texte. "}
.fso-k-mode .fso-k-bloc{cursor:pointer;border-radius:6px;transition:background .25s}
.fso-k-mode .fso-k-bloc:hover{background:rgba(244,196,48,.12)}
.fso-k-bloc.fso-k-actuel{background:rgba(244,196,48,.16)!important;box-shadow:-6px 0 0 rgba(244,196,48,.16),6px 0 0 rgba(244,196,48,.16)}
tr.fso-k-actuel td,tr.fso-k-actuel th{background:#fff3c4!important}
.fso-k-mot.fso-k-phrase{background:#fff3c4;border-radius:3px}
.fso-k-mot.fso-k-on{background:#f4c430;color:#162b6f;border-radius:4px;box-shadow:0 0 0 2px #f4c430}
.fso-k-flottant{position:fixed;right:16px;bottom:18px;z-index:9990;display:flex;gap:6px;background:#1f3a93;padding:6px;border-radius:99px;box-shadow:0 8px 24px rgba(20,30,60,.3);animation:fso-k-in .3s both}
.fso-k-flottant[hidden]{display:none}
.fso-k-flottant button{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:0;background:#fff;color:#1f3a93;cursor:pointer;padding:0}
.fso-k-flottant button:first-child{background:#f4c430;color:#162b6f}
@keyframes fso-k-in{from{opacity:0;transform:translateY(20px)}}
.fso-k-studio{font-size:.85em;font-weight:700;color:#c0392b!important;text-decoration:underline;text-underline-offset:3px}
@media (max-width:600px){.fso-k-aide{display:none}.fso-k-vitesses{margin-left:0}}
@media print{.fso-lecteur,.fso-k-flottant{display:none!important}}
@media (prefers-reduced-motion:reduce){.fso-k-flottant{animation:none}}