/* Alphabet audio controls follow the shared DeenStudy sizing and focus rules. */
#ds-learnArabic .ds-laHeroRight{align-items:stretch}
#ds-learnArabic .ds-laCtrl{min-width:150px;border-radius:var(--ds-radius-control,14px)!important}
#ds-learnArabic .ds-laCtrlLabel{letter-spacing:.04em!important;font-size:12px!important}
#ds-learnArabic input.ds-laRange{
  display:block!important;appearance:none!important;-webkit-appearance:none!important;
  width:100%!important;height:8px!important;margin:12px 0!important;
  border:1px solid color-mix(in srgb,var(--ds-accent,var(--blue)) 28%,var(--ds-border,var(--border)))!important;
  border-radius:999px!important;background:color-mix(in srgb,var(--ds-accent,var(--blue)) 30%,var(--ds-card2,var(--card-strong)))!important;
  accent-color:var(--ds-accent,var(--blue))!important;cursor:pointer;
}
#ds-learnArabic input.ds-laRange::-webkit-slider-thumb{
  appearance:none!important;-webkit-appearance:none!important;width:20px;height:20px;
  border:3px solid var(--ds-card,#fff);border-radius:50%;background:var(--ds-accent,var(--blue));
  box-shadow:0 2px 9px rgba(0,0,0,.28);
}
#ds-learnArabic input.ds-laRange::-moz-range-thumb{
  width:15px;height:15px;border:3px solid var(--ds-card,#fff);border-radius:50%;
  background:var(--ds-accent,var(--blue));box-shadow:0 2px 9px rgba(0,0,0,.28);
}
#ds-learnArabic .ds-laTile{cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
#ds-learnArabic .ds-laTile:hover,#ds-learnArabic .ds-laTile:focus-visible{transform:translateY(-2px);border-color:var(--ds-accent,var(--blue))!important;box-shadow:0 10px 28px color-mix(in srgb,var(--ds-accent,var(--blue)) 13%,transparent)}
@media(prefers-reduced-motion:reduce){#ds-learnArabic .ds-laTile{transition:none}}