/* A quiet listening rail, using the site's existing emerald/gold palette. */
.quran-listening {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  flex-wrap: wrap;
  margin: 1.5rem 0 2rem;
  padding: 1.5rem;
  border: 1px solid var(--color-border);
  border-inline-start: 4px solid var(--color-gold, #c9a227);
  border-radius: var(--radius-md, 8px);
  background: var(--color-bg-card);
  text-align: start;
  scroll-margin-top: 6rem;
}
.quran-listening-copy { flex: 1 1 18rem; min-width: 0; }
.quran-listening h2 { margin: 0 0 .5rem; font: 500 1.5rem/1.3 var(--font-serif, Georgia, serif); }
.quran-listening p { margin: .35rem 0 0; line-height: 1.6; }
.quran-listening-label { font-weight: 600; }
.quran-listening-details { font-size: .85rem; color: var(--color-text-secondary); }
.quran-listening-actions { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; }
.quran-listening-actions .btn { min-height: 44px; white-space: normal; text-align: center; }
.quran-listening [hidden], [data-quran-resume][hidden] { display: none !important; }
.quran-listening :focus-visible { outline: 2px solid var(--color-gold, #c9a227); outline-offset: 4px; }
.player-status { font-size: .75rem; color: var(--color-text-secondary); line-height: 1.3; max-width: 24rem; }
.quran-audio-player .player-btn:disabled { opacity: .4; cursor: default; }
.quran-audio-player .btn-volume[aria-pressed="true"] { opacity: .5; }
.quran-audio-player .player-info { min-width: 0; }
@media (max-width: 600px) {
  .quran-listening { padding: 1rem; gap: 1rem; }
  .quran-listening-actions { width: 100%; }
  .quran-listening-actions .btn { flex: 1 1 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .quran-audio-player { animation: none; }
}