/* ==========================================================================
   Smart Teacher — أدوات المسافات والإيقاع (المرحلة 3)
   تُغني عن الأنماط المضمّنة، وتوحّد نصف القطر والارتفاعات.
   ========================================================================== */

/* ---------- مقياس المسافات ---------- */
.stm-mt-1 { margin-block-start: var(--stm-s1); }
.stm-mt-2 { margin-block-start: var(--stm-s2); }
.stm-mt-3 { margin-block-start: var(--stm-s3); }
.stm-mt-4 { margin-block-start: var(--stm-s4); }
.stm-mt-5 { margin-block-start: var(--stm-s5); }
.stm-mt-6 { margin-block-start: var(--stm-s6); }

.stm-mb-2 { margin-block-end: var(--stm-s2); }
.stm-mb-3 { margin-block-end: var(--stm-s3); }
.stm-mb-4 { margin-block-end: var(--stm-s4); }

.stm-center { text-align: center; }
.stm-gap-4 { gap: var(--stm-s4); }

/* ---------- توحيد نصف القطر: ثلاث قيم لا ست ----------
   بطاقة 24 · عنصر 16 · حبة كاملة. القيم الشاذة تُطبَّع هنا. */
.st-mobile-shell .stm-card,
.st-mobile-shell .stm-tcard,
.st-mobile-shell .stm-acc,
.st-mobile-shell .stm-td-strip,
.st-mobile-shell .stm-state { border-radius: var(--stm-r-card); }

.st-mobile-shell .stm-bm,
.st-mobile-shell .stm-item--equation,
.st-mobile-shell .stm-tcard__strip,
.st-mobile-shell .stm-choice,
.st-mobile-shell .stm-textarea { border-radius: var(--stm-r-sm); }

/* ---------- الإيقاع الرأسي: مسافة واحدة بين البطاقات ---------- */
.st-mobile-shell .stm-stack > * + * { margin-block-start: var(--stm-s4); }

/* ---------- التسلسل البصري ----------
   العنصر الأول في كل شاشة أثقل قليلًا فتعرف العين من أين تبدأ. */
.stm-main > .stm-card:first-of-type,
.stm-main > .stm-stack > .stm-card:first-child {
  box-shadow: var(--stm-shadow), 0 0 0 1px rgba(124, 92, 255, .10);
}

/* ---------- الطباعة: ضبط أوزان العناوين ---------- */
.st-mobile-shell h1, .st-mobile-shell h2, .st-mobile-shell h3 { line-height: 1.35; }
.st-mobile-shell p { text-wrap: pretty; }

/* ---------- هوامش الشاشة موحّدة ---------- */
.stm-main { padding-block-start: var(--stm-s4); }

/* ---------- عناصر صغيرة متكررة ---------- */
.stm-avatar-md { width: 58px; height: 58px; flex: none; }
.stm-img-72 { height: 72px; width: auto; }

/* بطاقة بلا حشو داخلي (قوائم الصفوف) */
.stm-flush { padding: 0; overflow: hidden; }