/* Le lecteur des pages des sourates (sourate-recitation.js ; commun à toutes : rendu/) : ▶ / ❚❚, le nom du récitateur, la position,
   le temps — pas un lecteur de musique. Une carte de papier, le bouton de nuit à l'icône d'or (comme les lecteurs du blog). L'état
   lecture / pause se lit à la FORME de l'icône (et au nom du bouton pour les lecteurs d'écran), jamais à la seule couleur. Cibles ≥ 44 px. */
#sourate .recitation { display:grid; grid-template-columns:auto minmax(0,1fr); column-gap:14px; align-items:center;
  margin:30px 0 8px; padding:12px 18px 8px 12px; background:var(--carte); border:1.5px solid var(--bord); border-radius:20px; }
#sourate .rec-play { grid-row:1 / 3; width:52px; height:52px; padding:0; border:0; border-radius:50%; background:var(--nuit); color:#efbd70;
  display:grid; place-items:center; transition:background .2s; }
#sourate .rec-play:hover { background:#3b322b; }
#sourate .rec-play svg { width:24px; height:24px; }
#sourate .rec-play .pause, #sourate .rec-play.joue .lire { display:none; }
#sourate .rec-play.joue .pause { display:block; }
#sourate .recitation .rec-nom { margin:2px 0 0; align-self:end; font:600 15.5px/1.35 'Jost',sans-serif; color:var(--encre); }
#sourate .rec-ligne { display:flex; align-items:center; gap:12px; min-width:0; }
#sourate .rec-piste { flex:1 1 auto; min-width:0; height:22px; margin:0; padding:11px 0; box-sizing:content-box; background:transparent; accent-color:var(--or-fonce); cursor:pointer; }
#sourate .rec-temps { flex:none; font:400 13px/1.2 'Jost',sans-serif; font-variant-numeric:tabular-nums; color:var(--sourd); }

/* un message (la donnée ou le son qui ne viennent pas) et « Réessayer » ; puis le crédit demandé par Quran Foundation */
#sourate .corps > .rec-erreur { margin:6px 0 0; font:500 15px/1.5 'Jost',sans-serif; color:#7c4a1c; }
#sourate .rec-erreur button { margin-left:10px; min-height:44px; padding:0 18px; border-radius:999px; border:1.5px solid var(--nuit); background:transparent; font-weight:500; }
#sourate .corps > .rec-source { margin:4px 0 0; font-size:13.5px; line-height:1.5; color:var(--sourd); }
#sourate .rec-source a { color:inherit; text-decoration:underline; text-decoration-color:var(--or); text-underline-offset:3px; }
#sourate .rec-source a:hover { color:var(--titre); }

@media (max-width:379px) {
  #sourate .recitation { column-gap:12px; padding:10px 12px 6px 10px; }
  #sourate .rec-play { width:48px; height:48px; }
  #sourate .rec-ligne { gap:8px; }
}