/* v84 — خطوط رقيقة وواضحة + حركات ناعمة (لا تغيّر أي منطق، CSS فقط)
   النطاق: صفحات القراءة/التمارين (مشغّل Teil 1-3 / Sprach) + الأزرار في كل الموقع. */
:root{--tk-ease:cubic-bezier(.22,1,.36,1);--tk-dur:.28s}

/* ========== 1) الخطوط: رقيقة لكن واضحة ========== */
:is([data-tkp-host],#exercise-view,#exercise2-view,#exercise3-view,header:has([data-tkp-back])){
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility
}
/* الأوزان العامة (Tailwind: bold=700, black=900) تُخفَّف داخل النطاق */
:is([data-tkp-host],#exercise-view,#exercise2-view,#exercise3-view,header:has([data-tkp-back])) :is(.font-medium){font-weight:430}
:is([data-tkp-host],#exercise-view,#exercise2-view,#exercise3-view,header:has([data-tkp-back])) :is(.font-semibold){font-weight:500}
:is([data-tkp-host],#exercise-view,#exercise2-view,#exercise3-view,header:has([data-tkp-back])) :is(.font-bold){font-weight:560}
:is([data-tkp-host],#exercise-view,#exercise2-view,#exercise3-view,header:has([data-tkp-back])) :is(.font-extrabold,.font-black){font-weight:620}
/* اللاتيني (Inter متغيّر): نص القراءة والخيارات رقيقة بوضوح عالٍ */
:is([data-tkp-host],#exercise-view,#exercise2-view,#exercise3-view,header:has([data-tkp-back])) .font-inter{font-weight:380;letter-spacing:.004em}
:is([data-tkp-host],#exercise-view,#exercise2-view,#exercise3-view,header:has([data-tkp-back])) .font-inter.font-medium{font-weight:430}
:is([data-tkp-host],#exercise-view,#exercise2-view,#exercise3-view,header:has([data-tkp-back])) .font-inter.font-semibold{font-weight:500}
:is([data-tkp-host],#exercise-view,#exercise2-view,#exercise3-view,header:has([data-tkp-back])) .font-inter.font-bold{font-weight:560}
:is([data-tkp-host],#exercise-view,#exercise2-view,#exercise3-view,header:has([data-tkp-back])) .font-inter:is(.font-extrabold,.font-black){font-weight:620}
:is([data-tkp-host],#exercise-view,#exercise2-view,#exercise3-view,header:has([data-tkp-back])) h1.font-inter{font-weight:440;letter-spacing:-.01em}
/* العربي (Alexandria): لا ينزل تحت 400 كي يبقى مقروءاً */
:is([data-tkp-host],#exercise-view,#exercise2-view,#exercise3-view,header:has([data-tkp-back])) .font-cairo{font-weight:400}
:is([data-tkp-host],#exercise-view,#exercise2-view,#exercise3-view,header:has([data-tkp-back])) .font-cairo.font-medium{font-weight:430}
:is([data-tkp-host],#exercise-view,#exercise2-view,#exercise3-view,header:has([data-tkp-back])) .font-cairo.font-semibold{font-weight:500}
:is([data-tkp-host],#exercise-view,#exercise2-view,#exercise3-view,header:has([data-tkp-back])) .font-cairo.font-bold{font-weight:560}
:is([data-tkp-host],#exercise-view,#exercise2-view,#exercise3-view,header:has([data-tkp-back])) .font-cairo:is(.font-extrabold,.font-black){font-weight:620}

/* ========== 2) الأزرار: انتقال ناعم + ضغط خفيف ========== */
button,[role="button"],.adm-btn,[data-act],[data-ract],select,summary,.topic-card,
input[type="checkbox"],input[type="radio"]{
  transition-property:color,background-color,border-color,box-shadow,opacity,transform,scale,translate,filter,outline-color !important;
  transition-duration:var(--tk-dur) !important;
  transition-timing-function:var(--tk-ease) !important
}
@media (hover:hover){
  button:not(:disabled):hover,.adm-btn:not(:disabled):hover,[data-act]:hover,[data-ract]:hover,.topic-card:hover{translate:0 -1px}
}
button:not(:disabled):active,.adm-btn:not(:disabled):active,[data-act]:active,[data-ract]:active,.topic-card:active{
  scale:.965;translate:0 0;transition-duration:.12s !important
}
button:focus-visible,.adm-btn:focus-visible,[data-act]:focus-visible{outline:2px solid rgba(59,130,246,.45);outline-offset:2px}

/* ========== 3) ظهور ناعم ========== */
@keyframes tkFadeUp{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@keyframes tkFadeIn{from{opacity:0}to{opacity:1}}
@keyframes tkPop{0%{scale:.965}55%{scale:1.02}100%{scale:1}}
@keyframes tkShake{0%,100%{translate:0 0}20%{translate:-5px 0}40%{translate:5px 0}60%{translate:-3px 0}80%{translate:3px 0}}

/* الترجمة العربية للفقرة / للنص كاملاً (تظهر عند إزالة .hidden) */
[data-tkp-host] p[dir="rtl"].rounded-xl.leading-7:not(.hidden){animation:tkFadeUp .4s var(--tk-ease) backwards}
/* شرح الإجابة وصندوق النتيجة بعد «تصحيح» */
[data-tkp-host] div[dir="rtl"].rounded-xl.leading-6,
[data-tkp-host] [data-slot="result"]:not(.hidden){animation:tkFadeUp .4s var(--tk-ease) backwards}
/* الخيار المختار / الصحيح / الخاطئ */
[data-tkp-host] button[data-act="pick"].ring-1,
[data-tkp-host] button[data-act="pick"].border-emerald-500{animation:tkPop .32s var(--tk-ease)}
[data-tkp-host] button[data-act="pick"].border-red-500{animation:tkShake .42s var(--tk-ease)}
/* فتح التمرين، النوافذ، بطاقات المواضيع */
[data-tkp-host],#exercise-view:not(.hidden),#exercise2-view:not(.hidden),#exercise3-view:not(.hidden){animation:tkFadeIn .38s ease backwards}
[role="dialog"]:not(.hidden),#tk-import-modal>div{animation:tkFadeUp .32s var(--tk-ease) backwards}
.topic-card{animation:tkFadeUp .45s var(--tk-ease) backwards}
.topic-card:nth-child(2){animation-delay:.03s}.topic-card:nth-child(3){animation-delay:.06s}.topic-card:nth-child(4){animation-delay:.09s}
.topic-card:nth-child(5){animation-delay:.12s}.topic-card:nth-child(6){animation-delay:.15s}.topic-card:nth-child(7){animation-delay:.18s}
.topic-card:nth-child(8){animation-delay:.21s}.topic-card:nth-child(9){animation-delay:.24s}.topic-card:nth-child(n+10){animation-delay:.27s}

/* احترام من يفضّل تقليل الحركة */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-delay:0s !important;transition-duration:.001ms !important}
}

/* v88: زر الوضع الداكن/الفاتح في هيدر التمارين لا ينضغط على الشاشات الضيقة */
[id^="exercise"] header button[onclick="toggleTheme()"]{flex-shrink:0;min-width:32px;min-height:32px}

/* v89: تبديل الثيم فوري بدون وميض رمادي (تعطيل الانتقالات لحظة التبديل فقط) */
html.theme-switching *,html.theme-switching *::before,html.theme-switching *::after{transition:none!important}