[hidden]{display:none!important}
html,body{max-width:100%;overflow-x:hidden}
.dialog,.dialogCard,.vocabularyCard,.answer-row,.answerRow{min-width:0;max-width:100%}
.arabicLine{margin:0;color:#123f55;font-family:"Noto Naskh Arabic","Segoe UI",serif;font-size:clamp(1.65rem,4vw,2.35rem);font-weight:800;line-height:1.65;text-align:right}
.experience .arabicLine{font-size:clamp(1.75rem,4.2vw,2.45rem)}
.arabicLine .syncWord{display:inline-block;margin-left:.22em;padding:0 .04em;border-radius:.25em;transition:color .18s,background .18s}
.arabicLine .syncWord.isHeard{color:#087a70}
.arabicLine .syncWord.isCurrent{color:#fff;background:#0b887d}
.speechMeta{display:grid;gap:4px;margin-top:8px;padding:10px 12px;border-radius:13px;background:rgba(235,247,244,.92)}
.speechMeta .reading{color:#46636d;font-size:.86rem;font-weight:750}
.speechMeta .turkish{color:#263f4a;font-size:.92rem}
.replayArabic{margin-top:10px;padding:8px 12px;border:1px solid #badbd5;border-radius:999px;color:#086d65;background:#effaf7;font:inherit;font-size:.82rem;font-weight:850;cursor:pointer}
.answerHint{min-height:1.4em;margin:7px 0 0;color:#526b75;font-size:.82rem;line-height:1.4}
.answerHint.isError{color:#b43f3f;font-weight:750}
.answerHint.isSuccess{color:#087563;font-weight:800}
.arabicAnswer{direction:rtl;text-align:right;font-family:"Noto Naskh Arabic","Segoe UI",serif;font-size:1.08rem}
.speakerAvatarImage{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:top center}
.vocabularyItem strong[lang="ar"]{font-family:"Noto Naskh Arabic","Segoe UI",serif;font-size:1.46rem;direction:rtl}
.vocabularyItem em{font-style:normal}
.vocabularyItem>span:last-child{align-items:start}
.vocabularyItem .arabicVocabularyMeaning{grid-column:1/-1;margin-top:1px;color:#397360;font-size:.78rem;font-weight:850}
.arabicVerbForms{display:flex;direction:ltr;align-items:center;gap:7px;color:#173e46;font-family:"Noto Naskh Arabic","Segoe UI",serif;font-size:1.4rem}
.arabicVerbForms>span{color:#b94c5b;font-family:system-ui,sans-serif;font-size:.92rem}
.arabicVocabularyExample{display:grid;grid-column:1/-1;grid-template-columns:minmax(0,1fr);gap:1px;margin-top:6px;padding-top:6px;border-top:1px dashed #d7e5dc}
.arabicVocabularyExample b{color:#173f48;font-family:"Noto Naskh Arabic","Segoe UI",serif;font-size:1.24rem;font-weight:800;line-height:1.55;text-align:right}
.arabicVocabularyExample small{color:#647b83!important;font-size:.69rem!important;font-weight:750!important;text-transform:none!important}
.arabicVocabularyExample i{color:#5b6f75;font-size:.72rem;font-style:normal;line-height:1.35}
@media(max-width:700px){
  .arabicLine{font-size:1.48rem;line-height:1.55}
  .experience .arabicLine{font-size:1.56rem}
  .speechMeta{padding:8px 9px}
  .speechMeta .reading{font-size:.78rem}
  .speechMeta .turkish{font-size:.84rem}
  .vocabularyItem .arabicVocabularyMeaning{font-size:.74rem}
  .arabicVocabularyExample b{font-size:1.15rem}
  .arabicVocabularyExample small,.arabicVocabularyExample i{font-size:.68rem!important}
}
@media(max-width:380px){
  .answer-row input,.answerRow input{width:100%;flex-basis:100%}
  .answer-row .mic,.answerRow .micButton{flex:1;min-width:0}
}
