/* أساسيات الموقع */
* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  line-height: 1.6;
}

/* الحاوية الرئيسية للمحتوى */
#app-main { padding-block: 24px; }
.main-content img { max-width: 100%; height: auto; border-radius: 14px; }

/* العناوين */
.subject-header .subject-title,
.hero .display-5 { margin: 0 0 12px; }

/* الروابط داخل المحتوى */
.main-content a { color: var(--brand); text-decoration: none; }
.main-content a:hover { text-decoration: underline; }

/* الفوتر */
footer { background: var(--bg-soft); color: var(--muted); }

/* تحسين تمرير الشريط */
.top-nav-links::-webkit-scrollbar { height: 8px; }
.top-nav-links::-webkit-scrollbar-thumb { background: rgba(255,255,255,.35); border-radius: 8px; }

/* بطاقات عامة */
.card { transition: transform .06s ease, box-shadow .2s ease; }
.card:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); }

/* أزرار */
button, .btn { user-select: none; }