Refactor math skills and update CSS styles; adjust tests for new skill identifiers

- Updated math_skills.py to reflect changes in the teaching schedule and skill prerequisites.
- Modified CSS variables for improved styling consistency.
- Adjusted test_answer_browser.py and related test files to use new skill identifiers (e.g., a_30_side instead of g_triangle_area).
- Added documentation for the 9th-grade teaching schedule.

README.md

@@ -10,7 +10,7 @@ pinned: false
 
 # Mathly
 
-Mathly is a Hebrew ninth-grade algebra and geometry practice path. It contains 59 skills across seven units, immediate feedback for known mistakes, and optional photographed-problem help.
+Mathly is a Hebrew ninth-grade algebra and geometry practice path. It contains 140 skills across 14 units that follow the Ministry of Education's 9th-grade teaching schedule (see `docs/prisa_9A.md`), ten per unit, immediate feedback for known mistakes, and optional photographed-problem help.
 
 Choose **צילום בטלפון, פתרון במחשב** on the computer, scan the QR code with your phone, take a photo, and confirm sending it. The answer and worked solution appear automatically on the computer. Links last 15 minutes and accept one exercise; the phone does not need a separate login. Geometry practice includes diagrams for rectangle area, triangle area, and Pythagoras.
 

app/math_skills.py

@@ -3,9 +3,9 @@
 Each skill names its prerequisites and a sample question. Choice samples identify mistakes;
 open-ended samples name their type and revision and accept a photographed answer.
 A mistake sends the student back to the skill it comes from (`back`), or keeps them on the same skill (`null`).
-The graph follows the Ministry of Education's 9th-grade teaching schedule (2026/27) and the summer review for
-students placed in 5 units; `core` marks what that review stresses. The questions are written for the app, and
-every skill, link and mistake still needs a 5-unit teacher's review.
+The units follow the Ministry of Education's 9th-grade teaching schedule for 2026/27 (`docs/prisa_9A.md`), with
+ten skills in each; `month` is when the schedule teaches a skill. The questions are written for the app, and
+every skill, link and mistake still needs a teacher's review.
 
 `problems` is run by the tests and on loading: a broken graph is refused before a student meets it.
 """

docs/prisa_9A.md

@@ -0,0 +1,112 @@
+<div dir="rtl">
+
+**משרד החינוך**
+**מינהל חדשנות וטכנולוגיה**
+**אגף א' STEM**
+**הפיקוח על הוראת המתמטיקה**
+
+# פריסת הוראה כיתה ט - תשפ"ז
+
+## הערות
+
+1. [מרחב פדגוגי - מתמטיקה חט"ב](https://pop.education.gov.il/tchumey_daat/matmatika/chativat-beynayim/teaching-mathematics/) האתר המרכזי בו תמצאו [תוכניות ופריסות הוראה](https://pop.education.gov.il/tchumey_daat/matmatika/chativat-beynayim/teaching-mathematics/tohnit-limudim/), [חומרי למידה](https://pop.education.gov.il/tchumey_daat/matmatika/chativat-beynayim/noseem_nilmadim/) בנושאים שונים בתכנית הלימודים, [מקבצי שאלות](https://pop.education.gov.il/tchumey_daat/matmatika/chativat-beynayim/teaching-mathematics/question-files/) בנושאים שונים במרחב הפדגוגי, אוסף של [מאגרי שאלות ומבחני מפמ"ר](https://pop.education.gov.il/tchumey_daat/matmatika/chativat-beynayim/teaching-mathematics/tests-exams/) ועוד.
+2. מומלץ לעיין גם [בתוכנית הלימודים המפורטת](https://pop.education.gov.il/tchumey_daat/matmatika/chativat-beynayim/teaching-mathematics/tohnit-limudim/) כדי ללמוד על הדגשים ולראות דוגמאות מומלצות לתרגול.
+3. [אתר מוודל מתמטיקה חט"ב](https://sites.google.com/view/moodlemath/%D7%93%D7%A3-%D7%94%D7%91%D7%99%D7%AA)
+4. דגשים וחומרי למידה בחטיבה בעקבות תכנית הלימודים החדשה בחטיבה העליונה ניתן למצוא [במרחב הפדגוגי](https://pop.education.gov.il/tchumey_daat/matmatika/chativat-beynayim/teaching-mathematics/tohnit-limudim/) ובמסמך [הזה](https://docs.google.com/document/d/15jHBpFXm0knUWu-P02yoz5umW851wDXbfs3ExwZLwLw/edit?usp=drive_link).
+5. משימות אוריינות [תוכנית מאור](https://maor.haifa.ac.il/) - אוסף משימות לתלמידים בנושאים שונים בכיתות ז-ט ו[מדריך למורה](https://maor.haifa.ac.il/%D7%97%D7%95%D7%9E%D7%A8%D7%99%D7%9D-%D7%9C%D7%9E%D7%95%D7%A8%D7%99%D7%9D/).
+
+## דגשים חשובים לשנת הלימודים תשפ"ז
+
+1. **[הוראת גיאומטריה](https://docs.google.com/document/d/1poReJ2H5Q74HhPhoaSl-usaCuFOgzPkI/edit?usp=sharing)**: בהוראת הגיאומטריה יש להתאים את ההוראה עבור תלמידים המיועדים ללמוד ברמת 4 יח"ל: שאלות מדורגות, רמת סיבוכיות בינונית, שילוב של גיאומטריה במישור וגיאומטריה אנליטית ([מדריך למורה גיאומטריה בחט"ב](https://docs.google.com/document/d/1CFHKPpCDTMj3DDr5r2-t94sxYjSWNxLZxEEpFmx-MI0/edit?usp=sharing), [דגשים להוראת הגיאומטריה ברמת הביניים לתלמידי ט](https://docs.google.com/document/d/1AXiCbk5C_Xt8LzM0K7CmH1ZLjqH4swuS2ree1fRzO6c/edit?usp=sharing)).
+   מומלץ להיעזר בקובץ [גיאומטריה, מספריים וקיפולי נייר](https://drive.google.com/file/d/1eQhe4y1l3bPYOYwjnX6_jPQG77f6mo3z/view?usp=drive_link) (המחשת התכונות על ידי נגזרות מנייר וקיפולי נייר).
+2. שאלות אוריינות לשלב בכל נושאי הלימוד בהתאם לפריסה. אוסף דוגמאות - לחצו [כאן](https://meyda.education.gov.il/files/Pop/0files/matmatika/Chativat-Beynayim/tashpah/orianut9A-3th.pdf).
+3. הנושא של טכניקה אלגברית הכולל את הנושאים חוק הפילוג המורחב ושברים אלגבריים יילמד בתחילת כיתה ט. הנושא 'חוקי חזקות' יילמד בשליש השלישי של כיתה ט.
+4. הנושא משולש ישר זווית שזוויותיו 30°, 60°, 90° יילמד בכיתה ט (הנחיות בפריסה).
+5. הנושאים **שלא ילמדו בשנת הלימודים תשפ"ז** ברמת לימוד זו: קטע אמצעים במשולש ובטרפז.
+
+---
+
+## פריסה לפי חודשים
+
+### ספטמבר - 10 שעות
+
+| תחום לימודי | שעות | הנושא | פירוט הנושא | הערות |
+|---|---|---|---|---|
+| תחום אלגברי | 6 | טכניקה אלגברית<br>[רצף הוראה, דגשים ודוגמאות](https://docs.google.com/document/d/19e3cNxPUSn_8_kFlvdA5kPaEFZP5bETPGEoyZ_3cPcQ/edit?usp=sharing)<br>[חומרי הוראה](https://docs.google.com/document/d/1r0w_3OfQeNhSGjqtq0KAAoIBCHOg8GiEnXX9MP_BWNg/edit?usp=sharing) | חוק הפילוג המורחב, פישוט ביטויים בעזרת חוק הפילוג המורחב, פתרון משוואות בעזרת חוק הפילוג המורחב<br>שאלות השוואת שטחים בעזרת חוק הפילוג<br>נוסחאות הכפל המקוצר | יש לפתח את נוסחאות הכפל באמצעים אלגבריים, ולהדגים אותן באמצעים גיאומטריים<br>**(יש להכיר את חוקי החזקות ברמה בסיסית אך ורק לצורך הטכניקה האלגברית הנלמדת, מתוך הבנת הפעולה ככפל חוזר. בהמשך השנה תהיה העמקה בנושא).** |
+| תחום גיאומטרי | 4 | דלתון<br>[חומרי למידה גיאומטריה](https://docs.google.com/document/d/11jLweRSVFDczh8xqdkpDiREhy8nslzt92BJ5qyZEliI/edit?usp=sharing) | דלתון: הכרת הדלתון, זוויות בדלתון, האלכסון הראשי בדלתון | לשלב דלתון במערכת צירים |
+
+### אוקטובר - 20 שעות
+
+| תחום לימודי | שעות | הנושא | פירוט הנושא | הערות |
+|---|---|---|---|---|
+| תחום אלגברי | 12 | טכניקה אלגברית - המשך | פירוק לגורמים בעזרת הוצאת גורם משותף, פירוק של תלת-איבר ריבועי (טרינום ריבועי כאשר המקדם 1) ונוסחאות הכפל המקוצר<br>פתרון משוואות ריבועיות בסיסיות באמצעות פירוק לגורמים<br>צמצום שברים אלגבריים<br>כפל וחילוק שברים אלגבריים | |
+| תחום גיאומטרי | 8 | משולש שווה שוקיים<br>[חומרי למידה גיאומטריה](https://docs.google.com/document/d/11jLweRSVFDczh8xqdkpDiREhy8nslzt92BJ5qyZEliI/edit?usp=sharing) | משפטים הפוכים להוכחה כי משולש הוא שווה שוקיים. | בכיתה ח התלמידים למדו את המשפט "במשולש שווה שוקיים חוצה זווית הראש, הגובה לבסיס והתיכון לבסיס מתלכדים". בכיתה ט ללמד משפטים הפוכים.<br>לשלב משולש שווה שוקיים במערכת צירים. |
+
+### נובמבר - 22 שעות
+
+| תחום לימודי | שעות | הנושא | פירוט הנושא | הערות |
+|---|---|---|---|---|
+| תחום אלגברי | 14 | פונקציות ריבועיות<br>פתרון משוואות ריבועיות<br>[הצעת הוראה מפורטת פונקציה ריבועית](https://docs.google.com/document/d/1vegBqeqkV-4fWZd-R-b98BE4AeMqZNvGGe0AuY-RCiI/edit?usp=sharing)<br>[חומרי הוראה](https://docs.google.com/document/d/1UO8fk2dvhLfO_30QybmXMTzNRYSksD9i73t1X_S7zoA/edit?usp=sharing) | - היכרות עם הגרף והביטוי האלגברי של הפונקציה $f(x) = ax^2$ כאשר $a \neq 0$ (משמעות ערכו של a רק לצורך קביעת סוג הקיצון ולא כיווץ ומתיחה)<br>- תכונות הפונקציה הריבועית (התייחסות איכותנית ללא תבנית כאשר נתון גרף של פונקציה ריבועית): נקודת קיצון, עלייה וירידה, נקודות חיתוך עם הצירים, חיוביות ושליליות<br>- הזזה אנכית של פונקציה ריבועית $f(x) = ax^2 + k$<br>- הזזה אופקית של פונקציה ריבועית $f(x) = a(x - b)^2$<br>- שילוב הזזה אופקית ואנכית $f(x) = a(x - b)^2 + k$<br>- הצגת פונקציה ריבועית כמכפלה<br>- הצגת פונקציה ריבועית בהצגה סטנדרטית<br>- פתרון משוואות ריבועיות בעזרת נוסחת שורשים (שאפשר להציג בייצוג סטנדרטי $ax^2 + bx + c = 0$ כאשר $a \neq 0$)<br>- סרטוט גרף של פונקציה ריבועית על סמך ייצוג סטנדרטי | אפשר להתחיל את נושא הפונקציות בכיתה ט מתכונות של פונקציה ולהשלים את הנדרש בפונקציה ריבועית.<br>הסברים ניתן למצוא בקובץ [גישות שונות להוראת פונקציות בכיתה ט](https://docs.google.com/document/d/1JcrG2JM-L1BOGAEN_8XN-vidnvlAxrewF8rpfuT7ISc/edit?usp=sharing)<br>**אין צורך במעבר בין הייצוגים השונים של פונקציה ריבועית. יש לפתור משוואה ריבועית במגוון דרכים ולעודד לזהות דרכי פתרון יעילות למשוואה נתונה על פי אופן ייצוגה.** |
+| תחום גיאומטרי | 2 | יחסי צלעות וזוויות | משפטים:<br>- אם במשולש שתי צלעות שונות זו מזו, אז מול הצלע הגדולה מביניהן ממוקמת הזווית הגדולה.<br>- אם במשולש שתי זוויות שונות זו מזו, אז מול הזווית הגדולה מביניהן ממוקמת הצלע הגדולה. | |
+| תחום גיאומטרי | 2 | משולש ישר זווית 30°, 60°, 90° | משפט - במשולש ישר זווית שאחת מזוויותיו בת 30°, הניצב מול זווית זו שווה באורכו למחצית היתר.<br>משפט הפוך - משולש ישר זווית שבו הניצב שווה למחצית מהיתר, הזווית שמול ניצב זה בת 30°. | יש ללמד משפט זה במסגרת לימוד משולש שווה צלעות. אפשר להוריד גובה/ תיכון/ חוצה זווית מאחד הקודקודים ולדון בתוצאות שהתקבלו. |
+| תחום גיאומטרי | 4 | ישרים מקבילים, טרפז | תכונות של הקבלה או אי הקבלה<br>ישרים מקבילים משפט הפוך (התנאים שצריכים להתקיים על מנת ששני ישרים הנחתכים ע"י ישר שלישי יהיו מקבילים).<br>זוויות חד צדדיות בין ישרים מקבילים (לא חובה)<br>הכרת הטרפז<br>טרפז שווה שוקיים<br>הוכחה שמרובע הוא טרפז<br>שטח והיקף טרפז | |
+
+### דצמבר - 15 שעות
+
+[מסכמים מחצית](https://docs.google.com/document/d/19L9H2ZhtCTeI2EfO1BcG26XgRJBpAUkNjhgNoJwPY14/edit?usp=sharing), [ערבית](https://docs.google.com/document/d/1WlpXEH400N85t8iV5zanOW9sx5U6ZlFXkcGKPz4A8es/edit?usp=sharing)
+
+| תחום לימודי | שעות | הנושא | פירוט הנושא | הערות |
+|---|---|---|---|---|
+| תחום אלגברי | 6 | המשך פתרון משוואות ריבועיות ויישומים | כולל שימוש בטכניקה אלגברית | |
+| תחום אלגברי | 3 | אי שוויונות ריבועיים | פתרון אי שוויון ריבועי בהקשר של פונקציה ריבועית | |
+| תחום גיאומטרי | 2 | המשך ישרים מקבילים וטרפז | | לשלב טרפז במערכת צירים |
+| תחום גיאומטרי | 4 | מקבילית | הגדרת מקבילית<br>תכונות צלעות, זוויות ואלכסונים<br>משפטים הפוכים | לשלב מקבילית במערכת צירים |
+
+### ינואר - 21 שעות
+
+| תחום לימודי | שעות | הנושא | פירוט הנושא | הערות |
+|---|---|---|---|---|
+| תחום אלגברי | 8 | משוואות רציונליות | פתרון משוואות עם פירוק לגורמים במכנה, תחום הצבה (לרבות משוואות שבהן אחד הפתרונות אינו קביל) | |
+| תחום גיאומטרי | 6 | מקבילית - המשך | הגדרת מקבילית<br>תכונות צלעות, זוויות ואלכסונים<br>משפטים הפוכים | |
+| תחום גיאומטרי | 2 | מלבן | הגדרה, תכונות צלעות, זוויות, אלכסונים<br>משפטים הפוכים | |
+| תחום אי ודאות | 3 | הסתברות<br>[חומרי למידה](https://docs.google.com/document/d/13bl0d_wGjFSCChXxi7tkSe332M4IkidjqwmQanCzUV4/edit?usp=sharing) | מהי הסתברות, מושגים בסיסיים (כולל השלמה של כיתה ח), חישובי הסתברות והקשר לשכיחות יחסית, מאורע משלים, מאורעות דו שלביים, ייצוגים שונים (טבלה, דיאגרמת עץ, מודל השטח) | לשלב בתרגול חזרה על סטטיסטיקה |
+| תחום אלגברי וגיאומטרי | 2 | | משימות אורייניות אינטגרטיביות | |
+
+### פברואר - 20 שעות
+
+| תחום לימודי | שעות | הנושא | פירוט הנושא | הערות |
+|---|---|---|---|---|
+| תחום אלגברי | 6 | מערכת משוואות ממעלה שנייה | משמעות אלגברית ומשמעות גרפים של פתרון מערכת משוואות | לקשר בין פתרון מערכת המשוואות לייצוגים גרפיים (חיתוך בין שתי פרבולות, חיתוך בין פרבולה לישר) |
+| תחום אי ודאות | 10 | הסתברות - המשך | | |
+| תחום גיאומטרי | 4 | מלבן - המשך | | |
+
+### מרץ - 18 שעות
+
+| תחום לימודי | שעות | הנושא | פירוט הנושא | הערות |
+|---|---|---|---|---|
+| תחום אלגברי | 12 | תכונות של פונקציה<br>[חומרי למידה](https://docs.google.com/document/d/1WI9C2OnSaa85TDvpnfjjYho9YY3QvyeBM9AcARnh0hU/edit?usp=sharing) | [רצף הוראה תכונות של פונקציה](https://docs.google.com/document/d/1UFK9cz32wId_Ntb3w5R5fEm42FjuK5gr/edit?usp=sharing)<br>1. תכונות של גרף: נקודות חיתוך עם הצירים, תחומי החיוביות והשליליות, נקודות קיצון, תחומי עליה וירידה<br>2. הקשר בין משוואות לגרף של פונקציה<br>3. הזזה אנכית, הזזה אופקית<br>4. שיקוף ביחס לציר ה-x | אפשר להתחיל את נושא הפונקציות בכיתה ט' מתכונות של פונקציה ולהשלים את הנדרש בפונקציה ריבועית.<br>הסברים ניתן למצוא בקובץ [גישות שונות להוראת פונקציות בכיתה ט'](https://docs.google.com/document/d/1JcrG2JM-L1BOGAEN_8XN-vidnvlAxrewF8rpfuT7ISc/edit?usp=sharing)<br>1. יש להדגיש את ההבדל בין נקודות קיצון בסביבה מסוימת לנקודות קיצון מוחלט (רק דרך גרף)<br>2. יש להדגיש כי שיעורי נקודת קיצון הם זוג סדור.<br>3. יש להדגיש כי ערך המינימום/מקסימום הוא שיעור ה-Y של נקודת הקיצון.<br>4. יש להראות מקרים בהם אין כלל נקודות קיצון<br>5. סרטוט גרף של פונקציה על פי התכונות הנתונות<br>6. יש להבחין בין הזזה אנכית מטה ומעלה<br>7. יש לדון בתכונות הפונקציה כאשר היא מוזזת (איזה תכונות נשמרות ואיזה אינן נשמרות)<br>8. יש לתרגל סרטוט פונקציה ופונקציה מוזזת באותה מערכת צירים.<br>9. יש לשים לב כי בהזזה אופקית תלמידים נוטים להזיז ימינה כאשר a>0. |
+| תחום גיאומטרי | 4 | מעוין | הגדרה, תכונות הצלעות<br>תכונות הזוויות<br>תכונות האלכסונים משפטים הפוכים | |
+| תחום גיאומטרי | 2 | ריבוע | הגדרה, תכונות הצלעות<br>תכונות הזוויות<br>תכונות האלכסונים משפטים הפוכים | |
+
+### אפריל - 5 שעות
+
+| תחום לימודי | שעות | הנושא | פירוט הנושא | הערות |
+|---|---|---|---|---|
+| תחום גיאומטרי | 2 | ריבוע - המשך | | |
+| תחום גיאומטרי | 3 | משולש ישר זווית | התיכון ליתר<br>תרגול המשפט בשילוב מרובעים | |
+
+### מאי - 19 שעות
+
+| תחום לימודי | שעות | הנושא | פירוט הנושא | הערות |
+|---|---|---|---|---|
+| תחום אלגברי | 5 | חוקי חזקות | לימוד בסיסי של החוקים: חוקי חזקות מעריך טבעי או אפס<br>חוקי שורש ריבועי | לא ללמד חזקות עם מעריך שלילי<br>לשלב שאלות אוריינות |
+| תחום אלגברי | 10 | שאלות מילוליות<br>[חומרי למידה](https://docs.google.com/document/d/1mScGiBhYk3nSmy5R7XjsdjQZbkxT_8NBo2b3ZXwWkHM/edit?usp=sharing) | שאלות מילוליות (לרבות שימוש במשוואות ריבועית או מערכת משוואות ממעלה שנייה) הנדסיות וכלליות.<br>שאלות תנועה.<br>שילוב אחוזים.<br>כולל שאלות אוריינות | |
+| תחום גיאומטרי | 4 | דמיון משולשים<br>[חומרי למידה](https://docs.google.com/document/d/1qdTPJlggOo59At6ertM6YqNoLc1aw0GOOz-ZCSt8Dq8/edit?usp=sharing) | יחסי שטחים במשולשים דומים | |
+
+### יוני - 12 שעות
+
+| תחום לימודי | שעות | הנושא | פירוט הנושא | הערות |
+|---|---|---|---|---|
+| | 12 | השלמות וחזרות<br>[חומרי למידה](https://docs.google.com/document/d/19L9H2ZhtCTeI2EfO1BcG26XgRJBpAUkNjhgNoJwPY14/edit?usp=sharing), [ערבית](https://docs.google.com/document/d/1WlpXEH400N85t8iV5zanOW9sx5U6ZlFXkcGKPz4A8es/edit?usp=sharing) | | |
+
+</div>

static/math.css

@@ -6,7 +6,8 @@
   --ok:#6CC08A; --ok-bg:#12291B; --sumac:#F08A96; --sumac-bg:#33161B; --amber:#E0B45A; --amber-bg:#2E2512;
   --olive:#A6C77A; --olive-soft:#1E2618;
   --mx-accent:#7FA6F0; --mx-accent-soft:#18243A; --mx-on-accent:#06101F;
-  --u-f:#A3AD9F; --u-t:#93B85F; --u-n:#5CC2B2; --u-q:#6FB3D2; --u-p:#E0B45A; --u-w:#D98AAE;
+  --u-t:#93B85F; --u-k:#B89BEB; --u-q:#6FB3D2; --u-e:#7C9BE6; --u-a:#C99BD8; --u-z:#9C8FD6; --u-r:#C8C26A;
+  --u-h:#E0915A; --u-s:#5CA8C2; --u-m:#D6A3E0; --u-n:#5CC2B2; --u-p:#E0B45A; --u-w:#D98AAE; --u-d:#A9B7F2;
   --mx-scrim:rgb(0 0 0 / .7);
   --f-math:"STIX Two Text","Cambria Math","Times New Roman",serif;
 }
@@ -15,8 +16,10 @@ html.math-on, html.math-on body{overflow:hidden}
   padding-block:max(12px, env(safe-area-inset-top, 0px)) calc(32px + env(safe-area-inset-bottom, 0px));
   padding-left:max(16px, env(safe-area-inset-left, 0px));padding-right:max(16px, env(safe-area-inset-right, 0px))}
 #mathView[hidden]{display:none}
-#mathView .u-f{--uc:var(--u-f)} #mathView .u-t{--uc:var(--u-t)} #mathView .u-n{--uc:var(--u-n)}
-#mathView .u-q{--uc:var(--u-q)} #mathView .u-p{--uc:var(--u-p)} #mathView .u-w{--uc:var(--u-w)}
+#mathView .u-t{--uc:var(--u-t)} #mathView .u-k{--uc:var(--u-k)} #mathView .u-q{--uc:var(--u-q)} #mathView .u-e{--uc:var(--u-e)}
+#mathView .u-a{--uc:var(--u-a)} #mathView .u-z{--uc:var(--u-z)} #mathView .u-r{--uc:var(--u-r)} #mathView .u-h{--uc:var(--u-h)}
+#mathView .u-s{--uc:var(--u-s)} #mathView .u-m{--uc:var(--u-m)} #mathView .u-n{--uc:var(--u-n)} #mathView .u-p{--uc:var(--u-p)}
+#mathView .u-w{--uc:var(--u-w)} #mathView .u-d{--uc:var(--u-d)}
 #mathView h1,#mathView h2,#mathView h3{font-family:var(--f-display);font-weight:400;margin:0;text-wrap:balance}
 #mathView button{font-family:var(--f-body)}
 #mathView button:focus-visible{outline:3px solid var(--mx-accent);outline-offset:2px}
@@ -134,7 +137,6 @@ html.math-on, html.math-on body{overflow:hidden}
 .mx-work{margin-top:6px;padding:8px 10px;border-radius:10px;background:var(--mx-accent-soft)}
 .mx-row{display:flex;gap:8px;flex-wrap:wrap}
 @media (prefers-reduced-motion:no-preference){.mx-sheet{animation:mx-up .22s ease-out}@keyframes mx-up{from{transform:translateY(30px);opacity:.4}}}
-.u-g{--uc:#B89BEB}
 .mx-geometry{direction:ltr;align-self:center;width:100%;max-width:320px;text-align:center}
 .mx-geometry svg{display:block;width:100%;height:auto}
 .mx-geometry path{stroke:var(--uc);stroke-width:2;fill:none}

tests/test_answer_browser.py

@@ -48,7 +48,7 @@ def session(browser, owner=OWNER, mobile=False):
 
 
 def open_question(page):
-    page.locator('.mx-node[data-id="g_triangle_area"]').click()
+    page.locator('.mx-node[data-id="a_30_side"]').click()
     playwright.expect(page.locator('.mx-answer')).to_be_visible()
     playwright.expect(page.locator('.mx-choices')).to_have_count(0)
 
@@ -109,7 +109,7 @@ def test_two_device_capture_retake_failure_retry_and_original_attempt(scan_serve
             phone.locator('[data-submit]').click()
             playwright.expect(computer.locator('.mx-answer [role=status]')).to_have_text('מעלים את התשובה…', timeout=10000)
             assert started.is_set()
-            computer.locator('.mx-x').click();computer.locator('.mx-node[data-id="g_rectangle"]').click()
+            computer.locator('.mx-x').click();computer.locator('.mx-node[data-id="m_rect_area"]').click()
             release.set()
             playwright.expect(phone.locator('[data-status]')).to_contain_text('הועלתה בהצלחה', timeout=10000)
             assert computer.locator('.mx-answer-image').count() == 0
@@ -118,7 +118,7 @@ def test_two_device_capture_retake_failure_retry_and_original_attempt(scan_serve
             playwright.expect(computer.locator('.mx-answer-image')).to_be_visible()
             assert computer.locator('.mx-answer-image').evaluate('img=>img.complete&&img.naturalWidth>0')
             computer.screenshot(path='/tmp/mathly-answer-computer.png', full_page=True, animations='disabled')
-            assert computer.evaluate("!JSON.parse(localStorage.getItem('mathly.progress.v1:'+'%s@test.invalid')||'{}').done?.g_triangle_area" % OWNER)
+            assert computer.evaluate("!JSON.parse(localStorage.getItem('mathly.progress.v1:'+'%s@test.invalid')||'{}').done?.a_30_side" % OWNER)
             computer.reload();open_question(computer)
             playwright.expect(computer.locator('.mx-answer-image')).to_be_visible()
             foreign = session(browser, OTHER, mobile=True).new_page();foreign.goto(url)
@@ -155,7 +155,7 @@ def test_expiry_renewal_reconnect_and_account_change(scan_server):
             playwright.expect(computer.locator('.mx-answer-image')).to_be_visible(timeout=10000)
             # Account change removes the photograph and all old-account continuations.
             computer.evaluate("localStorage.setItem('test.account','%s');window.testAuthEvent('SIGNED_IN',{access_token:'%s',user:{id:'%s'}})" % (OTHER, OTHER, OTHER))
-            playwright.expect(computer.locator('.mx-node[data-id="g_triangle_area"]')).to_be_visible()
+            playwright.expect(computer.locator('.mx-node[data-id="a_30_side"]')).to_be_visible()
             assert computer.locator('.mx-answer-image').count() == 0
             open_question(computer)
             playwright.expect(computer.locator('[data-request]')).to_be_enabled()
@@ -187,9 +187,9 @@ def test_success_response_loss_is_safe_to_retry(scan_server):
             playwright.expect(phone.locator('[data-status]')).to_contain_text('הועלתה בהצלחה')
             with store.connect() as c:
                 assert c.execute('select count(*) from math_answer_attachments').fetchone()[0]==1
-            computer.locator('.mx-x').click();computer.locator('.mx-node[data-id="g_rectangle"]').click()
+            computer.locator('.mx-x').click();computer.locator('.mx-node[data-id="m_rect_area"]').click()
             computer.locator('.mx-choices button[data-m=""]').click()
-            assert computer.evaluate("!!JSON.parse(localStorage.getItem('mathly.progress.v1:'+'%s@test.invalid')).done.g_rectangle" % OWNER)
+            assert computer.evaluate("!!JSON.parse(localStorage.getItem('mathly.progress.v1:'+'%s@test.invalid')).done.m_rect_area" % OWNER)
         finally:
             browser.close()
 
@@ -216,7 +216,7 @@ def test_check_feedback_progress_reload_and_retake(scan_server, monkeypatch, ver
     monkeypatch.setattr('app.answer_routes.AnswerGrader', Grader)
     from test_answer_scans import begin, finish
     from app.math_skills import algebra9, question_version
-    skill = next(s for s in algebra9()['skills'] if s['id'] == 'g_triangle_area')
+    skill = next(s for s in algebra9()['skills'] if s['id'] == 'a_30_side')
     done = store.action(OWNER, 'resume', question_id=skill['id'],
                         question_version=question_version(skill['sample']), snapshot=skill['sample'])
     done = finish(store, begin(store, store.action(OWNER, 'create_scan', attempt_id=done['attempt']['id'])))
@@ -241,7 +241,7 @@ def test_check_feedback_progress_reload_and_retake(scan_server, monkeypatch, ver
             if verdict in ('unreadable', 'needs_review'):
                 assert '/100' not in panel.inner_text()
             key = 'mathly.progress.v1:' + OWNER + '@test.invalid'
-            assert computer.evaluate("key=>!!JSON.parse(localStorage.getItem(key)||'{}').done?.g_triangle_area", key) == (verdict == 'correct')
+            assert computer.evaluate("key=>!!JSON.parse(localStorage.getItem(key)||'{}').done?.a_30_side", key) == (verdict == 'correct')
             computer.reload();open_question(computer)
             playwright.expect(computer.locator('.mx-grade')).to_be_visible()
             playwright.expect(computer.locator('.mx-answer-image')).to_be_visible()

tests/test_answer_scans.py

@@ -237,11 +237,11 @@ def test_enable_rollback_preserves_received_answers(answer_store):
         async with httpx.AsyncClient(transport=httpx.ASGITransport(app=app),base_url='http://test',headers={'Authorization':f'Bearer {OWNER}'}) as c:
             assert (await c.get('/api/me')).json()['answer_scans'] is False
             skills=(await c.get('/api/math/skills')).json()['skills']
-            assert len(next(s for s in skills if s['id']=='g_triangle_area')['sample']['choices'])==3
+            assert len(next(s for s in skills if s['id']=='a_30_side')['sample']['choices'])==3
             assert (await c.get('/api/math/answer-scans')).status_code==503
             store.enabled=True
             skills=(await c.get('/api/math/skills')).json()['skills']
-            assert next(s for s in skills if s['id']=='g_triangle_area')['sample']['type']=='open-ended'
+            assert next(s for s in skills if s['id']=='a_30_side')['sample']['type']=='open-ended'
             assert (await c.get(f"/api/math/answer-attempts/{done['attempt']['id']}/image")).status_code==200
         with store.connect() as c:
             assert c.execute('select count(*) from classes').fetchone()[0]==1

tests/test_math_skills.py

@@ -33,14 +33,14 @@ def test_choice_samples_still_require_one_correct_choice():
 def test_the_algebra_graph_is_whole():
     graph = algebra9()
     assert problems(graph) == []
-    assert len(graph["skills"]) == 59
-    assert {unit["id"] for unit in graph["units"]} == {"f", "t", "n", "q", "p", "w", "g"}
+    assert len(graph["skills"]) == 140
+    assert {unit["id"] for unit in graph["units"]} == set("tkqearzhsmnpwd")
 
 
 def test_a_broken_graph_is_named():
     graph = copy.deepcopy(algebra9())
     skill = lambda sid: next(item for item in graph["skills"] if item["id"] == sid)
-    skill("f_neg")["prereqs"] = ["f_ops"]
+    skill("t_ext")["prereqs"] = ["t_square"]
     assert problems(graph)[0].startswith("cycle:")
 
 
@@ -57,7 +57,7 @@ def test_math_is_the_only_page_and_api():
 class FakeSolver:
     def solve(self, image, media_type):
         return {"readable": True, "problem": "$x² = 9$", "steps": [{"hint": "h", "work": "w"}],
-                "answer": "$x = ±3$", "skill": "q_eq_simple", "note": ""}
+                "answer": "$x = ±3$", "skill": "e_simple", "note": ""}
 
 
 def test_a_photographed_problem_is_solved(monkeypatch):
@@ -76,8 +76,8 @@ def test_a_photographed_problem_is_solved(monkeypatch):
 def test_rollout_and_rollback_question_variants():
     enabled, disabled = practice_graph(True), practice_graph(False)
     assert problems(enabled) == problems(disabled) == []
-    opened = next(s for s in enabled['skills'] if s['id']=='g_triangle_area')
-    fallback = next(s for s in disabled['skills'] if s['id']=='g_triangle_area')
+    opened = next(s for s in enabled['skills'] if s['id']=='a_30_side')
+    fallback = next(s for s in disabled['skills'] if s['id']=='a_30_side')
     assert opened['sample']['type']=='open-ended' and 'choices' not in opened['sample']
     assert opened['question_version']==question_version(opened['sample'])
     assert len(fallback['sample']['choices']) == 3

tests/test_phone_browser.py

@@ -102,7 +102,7 @@ def test_phone_refresh_upload_and_desktop_network_recovery(phone_server):
 def test_class_management_geometry_and_permissions(phone_server, manager):
     import json
 
-    row = {"id": 7, "name": "כיתת תרגול", "lessons": ["f"],
+    row = {"id": 7, "name": "כיתת תרגול", "lessons": ["t"],
            "emails": ["student@example.com"], "teachers": ["teacher@example.com"]}
     writes = []
     with playwright.sync_playwright() as p:
@@ -144,7 +144,7 @@ def test_class_management_geometry_and_permissions(phone_server, manager):
                 playwright.expect(button).to_have_count(0)
                 return
             button.click()
-            geometry = page.locator('input[name="unit"][value="g"]')
+            geometry = page.locator('input[name="unit"][value="a"]')
             geometry.check()
             page.get_by_role("button", name="שמירת השינויים").click()
             playwright.expect(page.get_by_role("status")).to_contain_text("לא הצלחנו לשמור")
@@ -152,10 +152,10 @@ def test_class_management_geometry_and_permissions(phone_server, manager):
             page.get_by_role("button", name="שמירת השינויים").click()
             playwright.expect(page.get_by_role("status")).to_contain_text("השינויים נשמרו")
             assert writes[-1] == {"name": row["name"], "emails": row["emails"],
-                                  "teachers": row["teachers"], "lessons": ["f", "g"]}
+                                  "teachers": row["teachers"], "lessons": ["t", "a"]}
             page.locator('.mx-x').click()
-            playwright.expect(page.locator('[data-id="g_triangle_area"]')).to_be_visible()
+            playwright.expect(page.locator('[data-id="a_30_side"]')).to_be_visible()
             page.reload()
-            playwright.expect(page.locator('[data-id="g_triangle_area"]')).to_be_visible()
+            playwright.expect(page.locator('[data-id="a_30_side"]')).to_be_visible()
         finally:
             browser.close()

tests/test_phone_photo.py

@@ -13,7 +13,7 @@ class GeometrySolver:
         assert image == b"photo"
         assert media_type == "image/jpeg"
         return {"readable": True, "problem": "triangle", "steps": [{"hint": "h", "work": "w"}],
-                "answer": "10 cm", "skill": "g_pythagoras", "note": ""}
+                "answer": "10 cm", "skill": "a_30_side", "note": ""}
 
 
 def photo_app(monkeypatch):