@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&display=swap');
/* تطبيق خط Amiri على كل العناصر في الموقع */
* {
  font-family: 'Amiri', serif !important;
}
body { background: #f4f4f4; margin:0; padding:0; }
header { background:#004d40; color:#fff; padding:1rem; text-align:center; }
header h2 { margin:0; font-size:1.8rem; }
nav a { color:#fff; margin-left:1rem; text-decoration:none; font-weight:bold; }
main { max-width:900px; margin:2rem auto; padding:1rem; }
.card { background:#fff; padding:1rem; margin-bottom:1rem; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.15); }
.lesson-list p { margin:0.5rem 0; }
.lesson-list button { margin-left:0.5rem; }
.completed { color: green; font-weight:bold; }
.incomplete { color: gray; }
button { background:#004d40; color:#fff; border:none; padding:0.5rem 1rem; border-radius:5px; cursor:pointer; }
button:hover { background:#00796b; }
.quiz-option { display:block; padding:0.5rem; border:1px solid #ccc; border-radius:5px; margin-bottom:0.3rem; cursor:pointer; }
.quiz-option.correct { background:#c8e6c9; border-color:#388e3c; }
.quiz-option.wrong { background:#ffcdd2; border-color:#d32f2f; }
#quiz-container, #result { display:none; padding:1rem; font-weight:bold; }
.lesson-content img { max-width:100%; height:auto; }