/* Shared content-page ergonomics; preserve the Arabic typefaces. */
body:has([data-ds-quiz][data-open="true"]) .ds-pwa-bottom-nav,
body:has(#ds-wunder-modal[aria-hidden="false"]) .ds-pwa-bottom-nav{visibility:hidden;pointer-events:none}
:is(#ds-page-alphabet,#ds-page-gebet,#ds-page-dua,#ds-page-anleitungen,#ds-page-wunder-im-islam) {
  min-width:0;
}
:is(#ds-learnArabic,#ds-prayer-all,#ds-dua-all,#ds-guides-all,#ds-wunder-page) :is(button,a,input,select):focus-visible,
#ds-wunder-modal :is(button,a):focus-visible {
  outline:3px solid var(--ds-accent);outline-offset:3px;
}
.ds-tool-player.is-native-mobile iframe{pointer-events:auto!important}
.ds-tool-player.has-started .ds-tool-poster{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
@media(max-width:600px){
  :is(#ds-learnArabic,#ds-prayer-all,#ds-dua-all,#ds-guides-all,#ds-wunder-page) :is(button,.ds-btn){min-height:44px}
  :is(#ds-learnArabic,#ds-prayer-all,#ds-dua-all,#ds-guides-all,#ds-wunder-page) :is(input:not([type=range]):not([type=checkbox]),select,textarea){font-size:16px;max-width:100%;min-width:0}
  :is(#ds-guides-all,#ds-dua-all,#ds-wunder-page) .ds-wrap{width:calc(100% - 24px)!important}
  #ds-guides-all .ds-hero{padding:20px;border-radius:20px}
  #ds-guides-all .ds-hero h1{font-size:clamp(30px,9vw,42px);line-height:1.1}
  #ds-guides-all .ds-chip{width:auto;min-height:36px;font-size:12px}
  #ds-guides-all .ds-grid{gap:12px}
  #ds-guides-all .ds-card{padding:18px;border-radius:20px}
  #ds-wunder-modal .ds-modal-card{max-height:calc(100dvh - 24px);overflow-y:auto;padding:20px;border-radius:20px}
  #ds-wunder-modal .ds-modal-title{font-size:clamp(22px,6vw,30px);overflow-wrap:break-word}
  #ds-wunder-modal .ds-arabic{font-size:26px;line-height:1.9}
}
@media(prefers-reduced-motion:reduce){
  :is(#ds-learnArabic,#ds-prayer-all,#ds-dua-all,#ds-guides-all,#ds-wunder-page) *,
  :is(#ds-learnArabic,#ds-prayer-all,#ds-dua-all,#ds-guides-all,#ds-wunder-page) *::before,
  :is(#ds-learnArabic,#ds-prayer-all,#ds-dua-all,#ds-guides-all,#ds-wunder-page) *::after{
    animation:none!important;transition:none!important;scroll-behavior:auto!important;
  }
}