.storyStudyTabs{
  margin:22px 0 24px;
}

.storyStudyTabList{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.storyStudyTabs.is-listen-write-only .storyStudyTabList{
  grid-template-columns:minmax(260px,390px);
  justify-content:end;
}

.storyStudyTabs.is-listen-write-only .storyStudyTab:not([hidden]){
  width:100%;
}

.storyStudyTabs .storyStudyTab[hidden]{display:none!important}

.storyStudyTab{
  display:flex;
  align-items:center;
  gap:11px;
  min-height:72px;
  padding:11px 14px;
  border:1px solid #e6d2c1;
  border-radius:13px;
  background:#fffaf5;
  color:#623f2e;
  font:inherit;
  text-align:left;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease;
}

.storyStudyTab:hover{
  border-color:#b85b2c;
  background:#fff1e6;
  transform:translateY(-1px);
}

.storyStudyTab:focus-visible{
  outline:3px solid rgba(14,116,144,.24);
  outline-offset:2px;
}

.storyStudyTab>span:last-child{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:3px;
}

.storyStudyTab strong{
  color:inherit;
  font-size:16px;
  line-height:1.2;
}

.storyStudyTab small{
  color:#896854;
  font-size:12px;
  line-height:1.3;
}

.storyStudyTabNumber{
  display:grid;
  flex:0 0 36px;
  width:36px;
  height:36px;
  place-items:center;
  border-radius:50%;
  background:#f1e3d8;
  color:#7c452b;
  font-weight:800;
}

.storyStudyTab.is-active{
  border-color:#9a3412;
  background:#ffedd5;
  box-shadow:0 4px 14px rgba(154,52,18,.12);
  color:#6f260f;
}

.storyStudyTab.is-active .storyStudyTabNumber{
  background:#9a3412;
  color:#fff;
}

.storyStudyPanel[hidden]{display:none!important}
.storyStudyPanel:focus{outline:none}

.arabicReadingPanel,
.arabicListenWritePanel{
  margin-bottom:28px;
}

.arabicBookCard{
  position:relative;
  overflow:hidden;
  padding:16px;
  border:1px solid #65432d;
  border-radius:22px;
  background:
    radial-gradient(circle at 18% 12%,rgba(255,255,255,.13),transparent 24%),
    linear-gradient(145deg,#6f4327,#3f271b 58%,#271812);
  box-shadow:0 20px 48px rgba(48,29,17,.28),inset 0 0 0 2px rgba(255,220,153,.12);
}

.arabicBookInside{
  padding:14px clamp(8px,2vw,20px) 18px;
  border:1px solid rgba(255,234,192,.28);
  border-radius:14px;
  background:rgba(39,23,15,.36);
}

.arabicBookTools{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 5px 15px;
  padding:10px 12px;
  border:1px solid rgba(255,234,192,.28);
  border-radius:12px;
  background:rgba(255,249,235,.94);
  box-shadow:0 4px 14px rgba(22,13,8,.18);
}

.arabicStoryReadBtn,
.arabicWordAudio{
  border:0;
  border-radius:11px;
  background:#9a3412;
  color:#fff;
  cursor:pointer;
  font:inherit;
  font-weight:800;
}

.arabicStoryReadBtn{
  flex:0 0 auto;
  min-height:44px;
  padding:9px 16px;
}

.arabicStoryReadBtn.is-reading,
.arabicStoryReadBtn.is-paused{
  position:fixed;
  z-index:2200;
  right:24px;
  bottom:24px;
  width:auto;
  min-width:180px;
  box-shadow:0 9px 25px rgba(15,57,68,.3);
}
.arabicStoryReadBtn.is-reading{background:#0e7490}
.arabicStoryReadBtn.is-paused{background:#294c58}
.arabicReadHelp{color:#6d6254;font-size:13px;line-height:1.45}

.arabicStoryReadingCast{
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:8px;
  margin:0 5px 15px;
  padding:14px 12px 10px;
  border:1px solid #eadab5;
  border-radius:16px;
  background:linear-gradient(180deg,#fffaf0,#fff3cf);
  box-shadow:0 8px 22px rgba(22,13,8,.2);
}

.arabicStoryReadingCast figure{
  display:flex;
  min-width:0;
  margin:0;
  flex-direction:column;
  text-align:center;
}

.arabicStoryReadingCast img{
  display:block;
  width:100%;
  height:clamp(112px,12vw,145px);
  border-radius:10px;
  background:#ead7b5;
  object-fit:cover;
  object-position:center top;
}

.arabicStoryReadingCast figcaption{
  overflow:hidden;
  margin-top:4px;
  color:#624721;
  font-size:11px;
  font-weight:800;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.arabicStoryReadingHero{
  overflow:hidden;
  margin:0 5px 15px;
  border:1px solid #eadab5;
  border-radius:16px;
  background:#fff3cf;
  box-shadow:0 8px 22px rgba(22,13,8,.2);
}

.arabicStoryReadingHero img{
  display:block;
  width:100%;
  height:clamp(180px,24vw,270px);
  object-fit:cover;
  object-position:center;
}

.arabicBookPages{
  position:relative;
  perspective:1400px;
  scroll-margin-top:90px;
}

.arabicBookSpread{
  position:relative;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  min-height:570px;
  filter:drop-shadow(0 13px 16px rgba(15,8,4,.34));
}

.arabicBookSpread[hidden]{display:none!important}

.arabicBookSpread::before{
  content:"";
  position:absolute;
  z-index:4;
  top:5px;
  bottom:5px;
  left:50%;
  width:18px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(52,31,15,.24) 43%,rgba(255,255,255,.42) 50%,rgba(52,31,15,.22) 58%,transparent);
  pointer-events:none;
}

.arabicBookPage{
  position:relative;
  min-width:0;
  min-height:570px;
  padding:clamp(24px,4vw,42px) clamp(20px,3.7vw,38px) 48px;
  border:1px solid #d7c7a4;
  background-color:#fffdf4;
  background-image:
    repeating-linear-gradient(0deg,rgba(96,70,33,.025) 0 1px,transparent 1px 29px),
    radial-gradient(circle at 30% 10%,rgba(255,255,255,.92),transparent 36%);
  color:#251d15;
}

.arabicBookPageRight{
  grid-column:2;
  grid-row:1;
  border-radius:3px 15px 15px 3px;
  background-image:
    linear-gradient(90deg,rgba(75,48,20,.17),transparent 13%),
    repeating-linear-gradient(0deg,rgba(96,70,33,.025) 0 1px,transparent 1px 29px),
    radial-gradient(circle at 65% 8%,rgba(255,255,255,.9),transparent 38%);
  box-shadow:inset 8px 0 18px rgba(72,45,18,.09),inset -2px 0 0 rgba(255,255,255,.72);
  transform:rotateY(-.7deg);
  transform-origin:left center;
}

.arabicBookPageLeft{
  grid-column:1;
  grid-row:1;
  border-radius:15px 3px 3px 15px;
  background-image:
    linear-gradient(270deg,rgba(75,48,20,.17),transparent 13%),
    repeating-linear-gradient(0deg,rgba(96,70,33,.025) 0 1px,transparent 1px 29px),
    radial-gradient(circle at 35% 8%,rgba(255,255,255,.9),transparent 38%);
  box-shadow:inset -8px 0 18px rgba(72,45,18,.09),inset 2px 0 0 rgba(255,255,255,.72);
  transform:rotateY(.7deg);
  transform-origin:right center;
}

.arabicBookPageBody{
  font-family:"Noto Naskh Arabic","Segoe UI",serif;
  font-size:clamp(1.42rem,3vw,1.85rem);
  line-height:2;
  text-align:right;
}

.arabicBookHeading{
  margin:0 0 22px;
  padding:0 0 15px;
  border-bottom:1px solid #d8bf86;
  text-align:center;
}

.arabicBookHeading strong,
.arabicBookHeading span{display:block}
.arabicBookHeading strong{color:#71351e;font-size:clamp(1.9rem,4vw,2.55rem);line-height:1.55}
.arabicBookHeading span{margin-top:2px;color:#755a36;font-family:Georgia,"Times New Roman",serif;font-size:clamp(15px,2vw,19px);font-weight:700;direction:ltr}

.arabicBookPageNumber{
  position:absolute;
  right:0;
  bottom:15px;
  left:0;
  color:#8a7659;
  font-family:Georgia,"Times New Roman",serif;
  font-size:13px;
  text-align:center;
}

.arabicBookPage.is-empty .arabicBookPageBody{
  display:grid;
  min-height:430px;
  place-items:center;
}

.arabicBookEndMark{color:#c6aa70;font-size:3rem}

.arabicBookPagination{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:12px;
  margin:15px 5px 0;
}

.arabicBookPagination button{
  min-height:42px;
  padding:8px 13px;
  border:1px solid rgba(255,236,195,.44);
  border-radius:10px;
  background:#fff7e4;
  color:#6f351c;
  cursor:pointer;
  font:inherit;
  font-size:13px;
  font-weight:800;
}

.arabicBookPagination button:first-child{justify-self:start}
.arabicBookPagination button:last-child{justify-self:end}
.arabicBookPagination button:disabled{cursor:default;opacity:.38}
.arabicBookPagination span{color:#ffe8bc;font-size:13px;font-weight:800;text-align:center}

.arabicReadingTranslate{
  margin:16px 5px 0;
  padding:14px 16px;
  border:1px solid rgba(255,236,195,.3);
  border-radius:12px;
  background:rgba(255,249,235,.95);
}

.arabicBookSentence{
  display:inline;
  padding:1px 2px;
  border-radius:8px;
  transition:background .18s ease,box-shadow .18s ease;
}

.arabicBookSentence.is-reading{
  background:#ffeab0;
  box-shadow:0 0 0 3px rgba(213,157,38,.12);
}

.arabicBookWord{
  display:inline;
  margin:0 1px;
  padding:1px 3px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:#18212b;
  font:inherit;
  line-height:inherit;
  cursor:pointer;
}

.arabicBookWord:hover,
.arabicBookWord:focus-visible,
.arabicBookWord.is-active{
  background:#ffe08a;
  color:#5d250f;
  outline:none;
}

.arabicBookWord.is-heard{
  background:#e3f4ed;
  color:#087568;
}

.arabicBookWord.is-current{
  position:relative;
  z-index:1;
  background:#0b887d;
  color:#fff;
  box-shadow:0 2px 9px rgba(11,136,125,.28);
}

.arabicTranslateToggle{
  border:0;
  background:transparent;
  color:#8b3517;
  cursor:pointer;
  font:inherit;
  font-weight:800;
}

.arabicTranslationText{
  margin-top:11px;
  padding:15px 17px;
  border:1px dashed #d4bd91;
  border-radius:13px;
  background:#fffdf6;
}

.arabicTranslationText p{margin:0 0 11px;color:#334155;line-height:1.6}
.arabicTranslationText p:last-child{margin-bottom:0}
.arabicTranslationText small{display:block;color:#9a3412;font-style:italic}

.arabicReadingWordCard{
  position:fixed;
  z-index:2300;
  overflow-y:auto;
  width:min(365px,calc(100vw - 28px));
  max-height:min(72vh,620px);
  border:1px solid #cdbb96;
  border-top:5px solid #9a3412;
  border-radius:7px 7px 17px 17px;
  background:
    repeating-linear-gradient(0deg,rgba(66,91,106,.035) 0 1px,transparent 1px 27px),
    #fffdf6;
  color:#2d2a24;
  box-shadow:0 18px 55px rgba(36,25,14,.28);
  font-family:Arial,sans-serif;
}

.arabicReadingWordCard[hidden]{display:none!important}
.arabicReadingWordCardClose{position:absolute;z-index:2;top:8px;right:9px;width:30px;height:30px;padding:0;border:0;background:transparent;color:#685b48;font-size:25px;line-height:1;cursor:pointer}

.arabicTooltipHead{
  display:flex;
  align-items:center;
  gap:11px;
  min-height:76px;
  padding:12px 42px 9px 14px;
}

.arabicTooltipHead>div{min-width:0;flex:1}
.arabicTooltipHead b{display:block;color:#71351e;font-family:"Noto Naskh Arabic","Segoe UI",serif;font-size:2rem;line-height:1.45;text-align:right}
.arabicTooltipHead small{display:block;margin-top:1px;color:#8a5b42;font-size:12px;font-weight:700;direction:ltr;text-align:left;overflow-wrap:anywhere}
.arabicWordAudio{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;padding:0;border:1px solid #bca77e;border-radius:50%;background:#f7edcf;color:#71351e;font-size:18px}
.arabicWordAudio:hover,.arabicWordAudio:focus-visible{background:#ead9a8;outline:2px solid rgba(154,52,18,.2)}
.arabicWordAudio:disabled{width:auto;min-width:42px;padding:0 9px;border-radius:12px;font-size:12px;cursor:wait}

.arabicTooltipTranslation{margin:0 14px;padding:10px 12px;border:1px solid #dfcda8;border-radius:9px;background:#f7edcf;text-align:left}
.arabicTooltipTranslation strong,.arabicTooltipTranslation small{display:block}
.arabicTooltipTranslation strong{color:#4d3918;font-size:18px}
.arabicTooltipTranslation small{margin-top:3px;color:#75664d;font-size:12px}

.arabicTooltipActions{display:flex;align-items:center;gap:7px;padding:10px 14px}
.arabicTooltipActions button{min-height:35px;padding:6px 10px;border:1px solid #bca77e;border-radius:8px;background:rgba(255,255,255,.68);color:#294c58;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.arabicTooltipActions button[aria-expanded="true"]{border-color:#294c58;background:#294c58;color:#fff}
.arabicTooltipResume{border-color:#294c58!important;background:#294c58!important;color:#fff!important}
.arabicTooltipVerbBtn{display:inline-flex!important;width:auto!important;min-height:35px!important;margin:0!important;padding:6px 10px!important;justify-content:center!important;border-color:#9a3412!important;background:#fff4ea!important;color:#8a2f11!important;font-size:12px!important}
.arabicTooltipVerbBtn[hidden],.arabicTooltipActions button[hidden],.arabicTooltipExamples[hidden],.arabicTooltipExplanation[hidden]{display:none!important}

.arabicTooltipExamples,.arabicTooltipExplanation{margin:0 14px 13px;padding-top:2px;border-top:1px solid #dccaa8}
.arabicTooltipExample{position:relative;padding:10px 0;border-bottom:1px dotted #d5c39f}
.arabicTooltipExample>b,.arabicTooltipExample>small,.arabicTooltipExample>span{display:block}
.arabicTooltipExample>b{padding-left:74px;color:#71351e;font-family:"Noto Naskh Arabic","Segoe UI",serif;font-size:1.55rem;line-height:1.55;text-align:right}
.arabicTooltipExample>small{margin-top:1px;color:#9a3412;font-size:11px;font-weight:700}
.arabicTooltipExample>span{margin-top:2px;color:#554936;font-size:13px}
.arabicTooltipExampleAudio{position:absolute;top:12px;left:0;min-height:32px;padding:5px 8px;border:1px solid #bca77e;border-radius:8px;background:#fffaf0;color:#6f351c;cursor:pointer;font:inherit;font-size:11px;font-weight:800}
.arabicTooltipExampleAudio:disabled{cursor:wait;opacity:.75}

.arabicTooltipMetadata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:8px 0}
.arabicTooltipMetadata p{margin:0;padding:8px;border-radius:8px;background:#f4ead3}
.arabicTooltipMetadata span,.arabicTooltipMetadata b{display:block}
.arabicTooltipMetadata span{color:#78694f;font-size:10px;font-weight:800;text-transform:uppercase}
.arabicTooltipMetadata b{margin-top:3px;color:#71351e;font-family:"Noto Naskh Arabic","Segoe UI",serif;font-size:1.15rem;text-align:right}
.arabicTooltipNote{margin:8px 0;padding:9px 10px;border-left:3px solid #9a3412;background:rgba(255,255,255,.62);color:#4b463c;font-size:13px;line-height:1.5}
.arabicTooltipParts,.arabicTooltipComparisons{margin-top:10px}
.arabicTooltipParts h4,.arabicTooltipComparisons h4{margin:0 0 5px;color:#6e5130;font-size:12px}
.arabicTooltipParts>div,.arabicTooltipComparisons>div{display:grid;grid-template-columns:minmax(80px,.75fr) minmax(0,1.45fr);align-items:center;gap:9px;padding:6px 4px;border-bottom:1px dotted #ddcfb3}
.arabicTooltipParts b,.arabicTooltipComparisons b{color:#71351e;font-family:"Noto Naskh Arabic","Segoe UI",serif;font-size:1.15rem;line-height:1.45;text-align:right}
.arabicTooltipParts span,.arabicTooltipComparisons span{color:#544b3f;font-size:12px;line-height:1.4}

.listenWriteHero{
  display:flex;
  align-items:center;
  gap:13px;
  margin-bottom:12px;
  padding:15px 17px;
  border:1px solid #c8dfe5;
  border-radius:18px;
  background:linear-gradient(135deg,#eaf7f8,#f7fbff 58%,#fff3dd);
}

.listenWriteBack{
  flex:0 0 auto;
  min-height:40px;
  margin-left:auto;
  padding:8px 13px;
  border:1px solid #9fc4ce;
  border-radius:10px;
  background:#fff;
  color:#176276;
  cursor:pointer;
  font:inherit;
  font-size:13px;
  font-weight:800;
}

.listenWriteBack:hover,
.listenWriteBack:focus-visible{
  border-color:#176276;
  background:#e5f4f6;
  outline:2px solid rgba(23,98,118,.16);
}

.listenWriteHeroIcon{display:grid;flex:0 0 50px;width:50px;height:50px;place-items:center;border-radius:17px;background:#176276;box-shadow:0 8px 18px rgba(23,98,118,.2);font-size:25px}
.listenWriteHero span{color:#176276;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.listenWriteHero h3{margin:2px 0 3px;color:#173c59;font-size:clamp(21px,3vw,28px)}
.listenWriteHero p{margin:0;color:#4d6577;font-size:14px;line-height:1.35}

.listenWriteProgress{margin:0 2px 11px}
.listenWriteProgress>div:first-child{display:flex;justify-content:space-between;margin-bottom:7px;color:#52616d;font-size:13px}
.listenWriteProgressTrack{overflow:hidden;height:8px;border-radius:999px;background:#dce8ef}
.listenWriteProgressTrack i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#176276,#37a36b);transition:width .25s ease}

.listenWriteCard{padding:clamp(16px,3vw,24px);border:1px solid #d8e4ea;border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(38,70,89,.1)}
.listenWriteSentenceNo{display:inline-flex;padding:5px 10px;border-radius:999px;background:#e5f3f5;color:#176276;font-size:12px;font-weight:800}
.listenWriteInstruction{margin:10px 0 11px;color:#445b6a;line-height:1.5}
.listenWriteInput{width:100%;min-height:58px;padding:10px 16px;border:2px solid #bfd1dc;border-radius:14px;background:#fbfdff;color:#17364b;font-family:"Noto Naskh Arabic","Segoe UI",serif;font-size:1.55rem;font-weight:700;line-height:1.5;text-align:right}
.listenWriteInput:focus{border-color:#176276;outline:3px solid rgba(23,98,118,.13)}
.listenWriteInput.is-correct{border-color:#299461;background:#f1fff7}
.listenWriteInput.is-wrong{border-color:#d37461;background:#fff8f5}

.listenWritePlayback,.listenWriteControls,.listenWriteNextRow{display:flex;flex-wrap:wrap;gap:9px;margin-top:11px}
.listenWritePlayback{align-items:center;margin-top:8px}
.listenWriteControls{margin-top:15px;padding-top:12px;border-top:1px solid #e2ebf0}
.listenWritePlayback button,.listenWriteControls button,.listenWriteNextRow button,.listenWriteFinish button{min-height:43px;padding:9px 15px;border-radius:11px;font:inherit;font-size:14px;font-weight:700;line-height:1.2;cursor:pointer}
.listenWritePlay{min-width:142px;border:0;background:#176276;box-shadow:0 5px 13px rgba(23,98,118,.22);color:#fff}
.listenWriteSlow{border:1px solid #9bbfd6;background:#eef7fc;box-shadow:none;color:#25546f}
.listenWritePlay.is-speaking{animation:listenWritePulse .85s ease-in-out infinite alternate}
@keyframes listenWritePulse{to{transform:scale(1.035);background:#0e5265}}
.listenWriteMic,.listenWriteReveal{border:1px solid #b9cad4;background:#f5fafc;color:#345568}
.listenWriteMic.is-listening{border-color:#d94343;background:#fff0f0;color:#b32727}
.listenWriteCheck,.listenWriteNext,.listenWriteFinish button{border:1px solid #176276;background:#176276;color:#fff}
.listenWriteCheck,.listenWriteNext{margin-left:auto}
.listenWriteFeedback{min-height:24px;margin:11px 0 0;color:#506674;font-weight:700;line-height:1.45}
.listenWriteFeedback.is-success{color:#187747}.listenWriteFeedback.is-error{color:#b44635}
.listenWriteWordResult{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;padding:12px;border-radius:12px;background:#f5f8fa;direction:rtl}
.listenWriteWordResult span{padding:5px 8px;border-radius:8px;font-family:"Noto Naskh Arabic","Segoe UI",serif;font-size:1.2rem;font-weight:800}
.listenWriteWordResult .is-match{background:#d9f5e6;color:#17643e}.listenWriteWordResult .is-missed{background:#ffe1dc;color:#a3392b;text-decoration:underline dotted}
.listenWriteFinish{padding:34px 20px;border:1px solid #b9e0c9;border-radius:20px;background:#f2fff7;text-align:center}
.listenWriteFinish>span{display:grid;width:58px;height:58px;margin:0 auto 10px;place-items:center;border-radius:50%;background:#278f5e;color:#fff;font-size:28px}
.listenWriteFinish h3{margin:0;color:#185b3d}.listenWriteFinish p{color:#466357}
.srOnly{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}

@media (max-width:700px){
  .storyStudyTabList{grid-template-columns:1fr;gap:7px}
  .storyStudyTab{min-height:62px;padding:9px 12px}
  .storyStudyTabNumber{width:34px;height:34px;flex-basis:34px}
  .arabicBookCard{padding:7px;border-radius:16px}
  .arabicBookInside{padding:7px 5px 10px;border-radius:11px}
  .arabicBookTools{align-items:flex-start;flex-direction:column;margin:0 2px 9px;padding:9px}
  .arabicStoryReadBtn{width:100%}
  .arabicStoryReadBtn.is-reading,
  .arabicStoryReadBtn.is-paused{
    right:10px;
    bottom:calc(12px + env(safe-area-inset-bottom));
    left:auto;
    width:auto;
    min-width:0;
    min-height:44px;
    padding:9px 15px;
    border-radius:999px;
    font-size:15px;
    box-shadow:0 8px 24px rgba(15,57,68,.32);
  }
  .arabicStoryReadingCast{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 2px 10px;padding:10px 8px;border-radius:12px}
  .arabicStoryReadingCast img{height:clamp(102px,29vw,138px);border-radius:8px}
  .arabicStoryReadingHero{margin:0 2px 10px;border-radius:12px}
  .arabicStoryReadingHero img{height:190px}
  .arabicBookSpread{grid-template-columns:1fr;gap:9px;min-height:0;filter:drop-shadow(0 8px 10px rgba(15,8,4,.25))}
  .arabicBookSpread::before{display:none}
  .arabicBookPageRight,.arabicBookPageLeft{grid-column:1;grid-row:auto;min-height:430px;padding:24px 16px 42px;border-radius:9px;transform:none}
  .arabicBookPage.is-empty{display:none}
  .arabicBookPageBody{font-size:clamp(1.35rem,6.7vw,1.72rem);line-height:1.9}
  .arabicBookHeading{margin-bottom:16px;padding-bottom:11px}
  .arabicBookHeading strong{font-size:clamp(1.75rem,8vw,2.2rem)}
  .arabicBookSentence{padding:1px}
  .arabicBookPagination{gap:6px;margin:10px 2px 0}
  .arabicBookPagination button{min-height:38px;padding:7px 8px;font-size:11px}
  .arabicBookPagination span{font-size:11px}
  .arabicReadingTranslate{margin:10px 2px 0;padding:11px}
  .arabicReadingWordCard{width:min(350px,calc(100vw - 20px));max-height:min(75vh,590px);border-top-width:1px;border-bottom:5px solid #9a3412;border-radius:15px 15px 7px 7px}
  .arabicTooltipHead{padding:11px 39px 8px 11px}
  .arabicTooltipHead b{font-size:1.8rem}
  .arabicTooltipActions{flex-wrap:wrap;padding:9px 11px}
  .arabicTooltipExamples,.arabicTooltipExplanation{margin-right:11px;margin-left:11px}
  .listenWriteHero{align-items:flex-start;gap:10px;padding:12px 13px;border-radius:15px}
  .listenWriteBack{width:100%;margin:4px 0 0}
  .listenWriteHeroIcon{width:43px;height:43px;flex-basis:43px;border-radius:13px;font-size:21px}
  .listenWriteHero span{font-size:10px}.listenWriteHero h3{font-size:18px;line-height:1.2}.listenWriteHero p{font-size:13px}
  .listenWriteCard{padding:14px;border-radius:16px}
  .listenWritePlayback{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .listenWritePlay{min-width:0;padding:7px 10px}
  .listenWriteControls{display:grid;grid-template-columns:1fr;gap:7px}
  .listenWriteCheck{margin-left:0}
  .listenWriteControls button{width:100%}
}