/* İngilizce hikâye sayfasının görünümünü koruyan Arapça uyarlamalar. */
.storyMain{max-width:980px;padding:22px}
.storyNav.storyAppHeader{background:var(--primary);box-shadow:0 12px 30px rgba(154,52,18,.24)}
.storyTitle{padding:0;text-align:left}
.arabicStoryTitle{text-align:center;margin:-4px 0 4px;font-family:"Noto Naskh Arabic","Segoe UI",serif;font-size:2.35rem;color:#275f73}
.arabicSentence{font-family:"Noto Naskh Arabic","Segoe UI",serif;font-size:clamp(1.7rem,5vw,2.35rem);line-height:1.8;text-align:right}
.arabicSentence .word{display:inline;border:0;background:transparent;font:inherit;color:inherit}
.arabicSentence .word.selected,.arabicSentence .word.active{background:#ffe08a;color:#172033;box-shadow:0 0 0 2px rgba(224,168,0,.32)}
.arabicSentence .readBtn{display:inline-block;margin-right:10px;margin-left:0;background:var(--primary);color:#fff;font-family:Arial,sans-serif;font-size:14px;line-height:1.2;direction:ltr}
.arabicSentence .readBtn:hover,.arabicSentence .readBtn:focus{background:#7c2d12}
.localTranslate:not([hidden]),.localInfo:not(:empty){display:block}
.localTranslate span,.localTranslate strong{display:block}
.localTranslate span{color:#667085;font-style:italic}
.localTranslate span b,.localTranslate strong b{display:inline;color:inherit;font-family:inherit;font-size:inherit}
.wordInfoHead{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px}
.wordInfoMeaning{display:flex;flex-direction:column}
.wordInfoArabic{font-family:"Noto Naskh Arabic","Segoe UI",serif;font-size:2rem;color:#275f73}
.wordSpeakBtn,.wordCloseBtn,.relatedWord{border:1px solid #b8cdf5;background:#fff;border-radius:6px;padding:7px 10px;cursor:pointer}
.wordPron,.wordExamples,.relatedWords{margin-top:12px}
.wordStudyReading{display:block;color:#9a3412;font-size:.78rem;font-weight:700;line-height:1.25;text-align:left}
.arabicFormWithReading,.relatedArabicForm{display:flex;min-width:0;max-width:100%;flex-direction:column;align-items:flex-end;line-height:1.25}
.arabicFormWithReading>small,.relatedArabicForm>small{display:block;max-width:100%;color:#9a3412;font-family:Arial,sans-serif;font-size:.8rem;font-weight:700;line-height:1.3;direction:ltr;text-align:left;overflow-wrap:anywhere}
.relatedWord{display:inline-flex;vertical-align:top;margin:3px;white-space:normal}
.relatedArabicForm>b{font-family:"Noto Naskh Arabic","Segoe UI",serif;font-size:1.45rem;line-height:1.45;color:#9a3412}
.inlineArabicForm{display:inline-flex;vertical-align:middle;flex-direction:column;align-items:flex-end;margin:0 4px}
.inlineArabicForm>b{font-family:"Noto Naskh Arabic","Segoe UI",serif;font-size:1.35rem;color:#9a3412}
.inlineArabicForm>small,.inlineArabicWithReading>small{display:block;color:#9a3412;font-family:Arial,sans-serif;font-size:.76rem;font-weight:700;line-height:1.25;direction:ltr}
.inlineArabicWithReading{display:inline-flex;vertical-align:middle;flex-direction:column;align-items:flex-end;margin:1px 3px}
.inlineArabicWithReading>[lang="ar"]{font-family:"Noto Naskh Arabic","Segoe UI",serif;font-size:1.25em;color:#9a3412;line-height:1.25}
.wordExample{padding:12px 0;border-bottom:1px dashed #d8e2ef}
.wordExample>*{display:block}
.wordExample .exampleAr{text-align:right;font-family:"Noto Naskh Arabic","Segoe UI",serif;font-size:1.8rem;line-height:1.7}
.wordExample small{font-size:.95rem;color:#9a3412}
.wordExample span{font-size:1.08rem;color:#172033}
.wordExample .exampleSpeakBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  width:max-content;
  min-height:38px;
  margin:9px 0 0 auto;
  padding:7px 12px;
  border:1px solid #b9d5dc;
  border-radius:9px;
  background:#edf7f8;
  color:#205d70;
  cursor:pointer;
  font-weight:800;
}
.wordExample .exampleSpeakBtn:hover,
.wordExample .exampleSpeakBtn:focus-visible{border-color:#2b7185;background:#dff0f2;outline:none}
.wordExample .exampleSpeakBtn:disabled{cursor:wait;opacity:.72}
.wordExample .exampleSpeakBtn span{font-size:1rem;color:inherit}
.conjugationOpenBtn{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;margin-top:14px;padding:11px 14px;border:1px solid #9a3412;border-radius:9px;background:#fff7ed;color:#9a3412;cursor:pointer;text-align:left}
.conjugationOpenBtn span{font-size:1.05rem;font-weight:800}.conjugationOpenBtn small{color:#64748b;text-align:right}
.conjugationOpenBtn:hover,.conjugationOpenBtn:focus-visible{background:#ffedd5;outline:2px solid rgba(154,52,18,.22)}
body.conjugationModalOpen{overflow:hidden}
.conjugationModal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}
.conjugationModalOverlay{position:absolute;inset:0;background:rgba(15,23,42,.62)}
.conjugationModalPanel{position:relative;z-index:1;width:min(1120px,100%);max-height:92vh;overflow:auto;padding:22px;border-radius:12px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.35)}
.conjugationModalClose{position:absolute;top:12px;right:12px;width:34px;height:34px;border:0;border-radius:50%;background:#9a3412;color:#fff;font-size:24px;line-height:1;cursor:pointer}
.conjugationModalPanel h3{margin:0 45px 3px 0;color:#172033}.conjugationModalTense{margin:0 0 7px;color:#9a3412;font-weight:700}
.conjugationLegend{margin:0 0 12px;color:#64748b;font-size:.92rem}
.conjugationModalTableWrap{overflow-x:auto;border:1px solid #dbe3ec;border-radius:9px}
.conjugationModalTable{width:100%;border-collapse:collapse;min-width:720px}
.conjugationModalTable th,.conjugationModalTable td{padding:9px 12px;border-bottom:1px solid #e2e8f0;vertical-align:middle}
.conjugationModalTable th{background:#f8fafc;color:#475569;font-size:.9rem;text-align:left}
.conjugationModalTable th:first-child{text-align:right}
.conjugationArabicPhrase{display:flex;direction:rtl;align-items:center;gap:18px;white-space:nowrap;text-align:right}
.conjugationArabicPhrase b,.conjugationArabicPhrase strong{font-family:"Noto Naskh Arabic","Segoe UI",serif;line-height:1.45}
.conjugationArabicPhrase b{min-width:78px;color:#9a3412;font-size:1.55rem}.conjugationArabicPhrase strong{color:#172033;font-size:1.85rem}
.conjugationReading{color:#9a3412;font-weight:700}.conjugationTurkish{color:#172033;font-size:1.02rem}
.conjugationAffixCell{min-width:210px}
.conjugationAffixCell>b,.conjugationAffixCell>small,.conjugationAffixCell>span{display:block}
.conjugationAffixCell>b{color:#9a3412;font-family:"Noto Naskh Arabic","Segoe UI",serif;font-size:1.35rem;line-height:1.45;text-align:right}
.conjugationAffixCell>small{margin:2px 0;color:#9a3412;font-size:.78rem;font-weight:700;direction:ltr}
.conjugationAffixCell>span{color:#475569;font-size:.83rem;line-height:1.35}
.conjugationModalTable tr.currentConjugationRow td{background:#fff0a8;box-shadow:inset 0 1px #e0a800,inset 0 -1px #e0a800}
.conjugationNote{margin:12px 0 0;padding:10px 12px;border-left:4px solid #9a3412;background:#fff7ed;color:#334155}
.arabicTenseMapSection{margin-top:24px;padding-top:20px;border-top:2px solid #e2e8f0}
.arabicTenseMapSection h4{margin:0 0 6px;color:#172033;font-size:1.25rem}
.conjugationMapNote,.conjugationMapFootnote{margin:0 0 12px;color:#475569;line-height:1.55}
.arabicTenseMapTable{min-width:900px}
.arabicTenseMapTable tbody th{width:128px;background:#f8fafc;color:#334155;font-weight:800;vertical-align:middle}
.arabicTenseCell{position:relative;min-width:235px;cursor:pointer!important}
.arabicTenseCell b{font-size:.9rem;color:#475569}
.arabicTenseCell strong{display:block;margin:7px 0 2px;color:#9a3412;font-family:"Noto Naskh Arabic","Segoe UI",serif;font-size:1.65rem;line-height:1.55;text-align:right}
.arabicTenseCell small{display:block;margin:1px 0 6px;color:#9a3412;font-weight:700}
.arabicTenseCell span{font-size:.92rem;color:#334155}
.arabicTenseCell em{display:inline-block!important;margin-top:7px!important;padding:3px 7px;border-radius:999px;background:#2f6fed;color:#fff!important;font-size:.76rem;font-style:normal;font-weight:800}
.arabicTenseCell.activeTenseCell{outline:3px solid #2f6fed!important;outline-offset:-3px;box-shadow:inset 0 0 0 999px rgba(47,111,237,.08)}
.arabicTenseCell:hover,.arabicTenseCell:focus{outline:3px solid #0e7490;outline-offset:-3px}
.arabicTenseCell .tenseCellAction{background:#e6f4f7;color:#155e75!important}
.conjugationMapFootnote{margin:12px 0 0;padding:10px 12px;border-radius:8px;background:#eff6ff}
.tenseConjugationDetail{margin-top:22px;padding:18px;border:2px solid #0e7490;border-radius:12px;background:#f8fbff;scroll-margin-top:12px}
.tenseConjugationModal{position:fixed;inset:0;z-index:2200;display:flex;align-items:center;justify-content:center;padding:20px}
.tenseConjugationOverlay{position:absolute;inset:0;background:rgba(15,23,42,.72)}
.tenseConjugationPanel{position:relative;z-index:1;width:min(920px,100%);max-height:90vh;overflow:auto;padding:22px;border-radius:12px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.42)}
.tenseConjugationPanel>.tenseDetailClose{position:absolute;top:12px;right:12px}
.tenseConjugationPanel h3{margin:0 48px 4px 0;color:#172033;font-size:1.45rem}
.tenseConjugationSubtitle{margin:0 0 7px;color:#9a3412;font-weight:800}
.tenseDetailHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.tenseDetailHead small{color:#64748b;font-weight:700}
.tenseDetailHead h4{margin:3px 0 0;color:#164e63;font-size:1.25rem}
.tenseDetailClose{flex:0 0 auto;width:36px;height:36px;border:0;border-radius:50%;background:#9a3412;color:#fff;font-size:24px;line-height:1;cursor:pointer}
.tenseConjugationDetail>p{margin:8px 0 12px;color:#475569}
.possessionGuide{margin:20px 0;padding:16px;border:1px solid #c7d8ee;border-radius:11px;background:#f8fbff;color:#243247}
.possessionGuide h4{margin:0 0 12px;color:#164e63;font-size:1.16rem}
.possessionRule{margin:0 0 10px;padding:10px 12px;border-left:4px solid #0e7490;border-radius:5px;background:#fff}
.possessionRule>b{display:block;margin-bottom:4px;color:#155e75}
.possessionRule p{margin:0;line-height:1.55}
.possessionRule [lang="ar"]{font-family:"Noto Naskh Arabic","Segoe UI",serif;font-size:1.35em;color:#9a3412}
.possessionComparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.possessionComparison>div{padding:10px;border:1px solid #d7e2ef;border-radius:8px;background:#fff}
.possessionComparison b,.possessionComparison span,.possessionComparison small{display:block}
.possessionComparison b{color:#9a3412;font-family:"Noto Naskh Arabic","Segoe UI",serif;font-size:1.4rem;line-height:1.5;text-align:right}
.possessionComparison span{margin-top:3px;font-weight:800;color:#172033}
.possessionComparison small{margin-top:3px;color:#64748b;line-height:1.35}
.possessionGuideNote{margin:12px 0 0;padding:10px 12px;border-radius:8px;background:#e6f4f7;line-height:1.55}
.wordStructure,.wordComparisons{margin-top:14px;padding:14px;border:1px solid #ead7ca;border-radius:9px;background:#fff}
.wordStructure h4,.wordComparisons h4{margin:0 0 10px;color:#9a3412}
.structureMeta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}
.structureMeta>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-radius:7px;background:#fff7ed}
.structureMeta>div>span:first-child{font-size:.86rem;font-weight:700;color:#475569}
.structureMeta b{font-family:"Noto Naskh Arabic","Segoe UI",serif;font-size:1.8rem;line-height:1.7;color:#172033}
.structureMeta .arabicFormWithReading>small{font-size:.8rem;color:#9a3412}
.structureParts{display:flex;flex-wrap:wrap;gap:8px}
.structurePart{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;min-width:190px;padding:9px 11px;border:1px solid #fed7aa;border-radius:8px;background:#fffaf4}
.structurePart b{font-family:"Noto Naskh Arabic","Segoe UI",serif;font-size:1.8rem;line-height:1.7;color:#9a3412}
.structurePart>span:last-child{font-size:.95rem;color:#172033}
.structureNote{margin:10px 0 0;padding:9px 11px;border-left:4px solid #e0a800;background:#fff7d6;color:#334155}
.comparisonList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.comparisonRow{display:grid;grid-template-columns:minmax(95px,.7fr) 1.3fr;align-items:center;gap:9px;min-width:0;padding:9px 11px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}
.comparisonRow b{font-family:"Noto Naskh Arabic","Segoe UI",serif;font-size:1.8rem;line-height:1.7;color:#9a3412;text-align:right}
.comparisonRow>span:last-child{font-size:.94rem;color:#172033}
.quiz>h2{font-size:1.55rem;line-height:1.35}
.quizQuestion h3{display:grid;gap:6px;margin-bottom:8px}
.quizQuestion h3>span{font-size:1rem;line-height:1.35}
.quizQuestion h3>b[lang="ar"]{font-family:"Noto Naskh Arabic","Segoe UI",serif;font-size:2rem;line-height:1.7;text-align:right;color:#172033}
.quizPron{font-size:1.08rem;line-height:1.55;color:#9a3412}
.quizTurkish{font-size:1.16rem;line-height:1.55;color:#172033}
.quizChoices{display:grid;gap:9px}
.quizChoices button{display:grid;gap:4px;padding:11px 13px;text-align:left}
.quizChoices button>b{font-family:"Noto Naskh Arabic","Segoe UI",serif;font-size:1.8rem;line-height:1.55;text-align:right}
.quizChoices button small,.quizChoices button span{display:block}
.quizChoices button small{font-size:1rem;line-height:1.45;color:#9a3412}
.quizChoices button span{font-size:1.1rem;line-height:1.45;color:#172033}
.quizChoices button.correct{background:#dcfce7;border-color:#86efac;color:#166534}
.quizChoices button.wrong{background:#fee2e2;border-color:#fca5a5;color:#991b1b}
.quizResult{font-size:1.08rem;line-height:1.5}.quizResult.success{color:#15803d}.quizResult.error{color:#b91c1c}
@media(max-width:700px){.wordInfoHead{grid-template-columns:1fr auto}.wordInfoMeaning{grid-column:1/-1}.arabicSentence .readBtn{display:block;width:100%;margin:10px 0 0}.structureMeta,.comparisonList{grid-template-columns:1fr}.structurePart{min-width:100%}.comparisonRow{grid-template-columns:minmax(90px,.7fr) 1.3fr}.conjugationOpenBtn{display:grid}.conjugationOpenBtn small{text-align:left}.conjugationModal,.tenseConjugationModal{padding:8px}.conjugationModalPanel,.tenseConjugationPanel{padding:17px 12px}.conjugationModalTable{min-width:0}.conjugationModalTable thead{display:none}.conjugationModalTable tbody,.conjugationModalTable tr,.conjugationModalTable td{display:block}.conjugationModalTable tr{padding:9px 10px;border-bottom:1px solid #dbe3ec}.conjugationModalTable td{padding:4px 0;border:0;box-shadow:none!important}.conjugationModalTable tr.currentConjugationRow{background:#fff0a8}.conjugationModalTable tr.currentConjugationRow td{background:transparent}.conjugationReading:before{content:"Okunuş: ";color:#64748b;font-weight:400}.conjugationAffixCell{min-width:0;margin:5px 0;padding:7px 8px!important;border-radius:7px!important;background:rgba(255,255,255,.68)}.conjugationAffixCell:before{content:"Kişi eki / işareti";display:block;margin-bottom:3px;color:#64748b;font-size:.8rem;font-weight:800}.conjugationTurkish:before{content:"Türkçesi: ";color:#64748b}.conjugationArabicPhrase{justify-content:flex-start}.conjugationArabicPhrase b{min-width:70px}.possessionComparison{grid-template-columns:1fr}.possessionGuide{padding:12px}}