/**
 * منصة المسار - تصميم واجهة الطالب.
 * إعادة بناء أمينة (وليست إعادة اختراع) لهوية منصة المسار البصرية الأصلية
 * (نفس متغيرات الألوان، الخطوط، تدرّج الكروت الدوّار، حركة الظهور) - مأخوذة
 * مباشرة من ملف manasa-almasar-math.html الذي زوّدنا به المستخدم، لا مُتخيَّلة.
 */

:root {
    --manasa-navy: #16233F;
    --manasa-navy-2: #1E2F52;
    --manasa-blue: #2E5AAC;
    --manasa-teal: #1E9E8B;
    --manasa-amber: #E8A33D;
    --manasa-coral: #E4574C;
    --manasa-bg: #F3F6FB;
    --manasa-card: #FFFFFF;
    --manasa-line: #E3E9F3;
    --manasa-ink: #16233F;
    --manasa-ink-soft: #5B6B8C;
    --manasa-radius: 18px;
}

.manasa-app * {
    box-sizing: border-box;
}

.manasa-app {
    display: flex;
    min-height: 70vh;
    background: var(--manasa-bg);
    color: var(--manasa-ink);
    font-family: 'Cairo', sans-serif;
    line-height: 1.8;
    direction: rtl;

    /* "الهروب" من عرض قالب الموقع (Theme) مهما كان ضيقًا - بنفس فكرة
       الإصدار السابق، لكن مُصحَّحة لتعمل صح مع RTL. الحل القديم استخدم
       left/margin-left (خواص فيزيائية مرتبطة بافتراض LTR) وده كان يتعارض
       مع direction:rtl على نفس العنصر ويسبب انزياح كامل للتخطيط. الحل هنا
       يعتمد على margin-inline (خاصية منطقية Logical Property) اللي بتتكيّف
       تلقائيًا مع اتجاه الكتابة أيًا كان - بدون أي افتراض مسبق لـ LTR/RTL. */
    width: 100vw;
    max-width: 100vw;
    margin-inline: calc(50% - 50vw);
    overflow-x: hidden;
}

.manasa-app h1,
.manasa-app h2,
.manasa-app h3 {
    font-family: 'Tajawal', sans-serif;
    font-weight: 800;
    margin: 0;
}

.manasa-app button {
    font-family: 'Cairo', sans-serif;
}

/* ===== SIDEBAR ===== */
.manasa-sidebar {
    width: 280px;
    flex: none;
    background: linear-gradient(190deg, var(--manasa-navy) 0%, #182644 60%, #131E38 100%);
    color: #fff;
    display: flex;
    flex-direction: column;
    min-height: 70vh;
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.15);
}

.manasa-brand {
    padding: 22px 20px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.manasa-brand-mark {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: linear-gradient(135deg, var(--manasa-teal), var(--manasa-blue));
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Tajawal', sans-serif;
    font-weight: 900;
    font-size: 1.1rem;
    box-shadow: 0 4px 14px rgba(30, 158, 139, 0.35);
    flex: none;
}

.manasa-brand-name {
    font-family: 'Tajawal', sans-serif;
    font-weight: 800;
    font-size: 1rem;
    color: #fff;
}

.manasa-brand-tag {
    font-size: 0.72rem;
    color: #AFC0E0;
    margin-top: 2px;
}

.manasa-sidebar-crumb {
    padding: 16px 20px 8px;
    font-size: 0.75rem;
    color: #8FA3C9;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.manasa-lesson-nav {
    padding: 4px 12px 12px;
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.manasa-lesson-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 12px;
    color: #D7E0F2;
    font-size: 0.86rem;
    font-weight: 600;
    text-decoration: none;
}

.manasa-lesson-item:hover {
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
}

.manasa-lesson-item.is-active {
    background: var(--manasa-blue);
    color: #fff;
}

.manasa-lesson-item-num {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.72rem;
    font-weight: 800;
}

.manasa-lesson-item.is-active .manasa-lesson-item-num {
    background: rgba(255, 255, 255, 0.25);
}

.manasa-lesson-item.is-done .manasa-lesson-item-num {
    background: var(--manasa-teal);
    color: #fff;
}

.manasa-sidebar-home {
    display: block;
    margin: 10px 20px 20px;
    padding: 10px 14px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    color: #D7E0F2;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.85rem;
    text-align: center;
}

.manasa-sidebar-home:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}

/* رابط "رجوع خطوة واحدة" للمستوى الأعلى مباشرة - مختلف عن رابط الرئيسية */
.manasa-sidebar-back {
    display: block;
    margin: 8px 20px 4px;
    color: #8FA3C9;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.82rem;
}

.manasa-sidebar-back:hover {
    color: #fff;
}

/* زرار قفل القائمة - يظهر بس على الموبايل جوه السايدبار نفسه */
.manasa-sidebar-close {
    display: none;
    margin-inline-start: auto;
    background: rgba(255, 255, 255, 0.08);
    border: none;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    font-size: 0.95rem;
    cursor: pointer;
    flex: none;
}

/* زرار فتح القائمة (☰) - جوه الـ Topbar، مخفي على الديسكتوب لأن السايدبار
   ظاهر دايمًا هناك أصلًا */
.manasa-sidebar-toggle {
    display: none;
    background: transparent;
    border: 1px solid var(--manasa-line);
    color: var(--manasa-ink);
    width: 36px;
    height: 36px;
    border-radius: 10px;
    font-size: 1rem;
    cursor: pointer;
    margin-inline-end: 12px;
    flex: none;
}

/* الطبقة الشفافة اللي بتظهر خلف السايدبار على الموبايل لما يكون مفتوح،
   وبتقفله لو الطالب دوس عليها */
.manasa-sidebar-overlay {
    display: none;
}

/* ===== MAIN ===== */
.manasa-main {
    flex: 1;
    min-width: 0;
}

.manasa-topbar {
    position: sticky;
    top: 0;
    z-index: 10;
    background: rgba(243, 246, 251, 0.9);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid var(--manasa-line);
    padding: 14px 30px;
    display: flex;
    align-items: center;
}

/* شريط أدوات ووردبريس العلوي (Admin Bar) يظهر تلقائيًا لأي مستخدم مسجَّل
   دخوله (بما فيهم الطلاب) ما لم يُعطَّل صراحة - ووردبريس بيضيف class
   "admin-bar" على <body> تلقائيًا وقتها، فنستخدمها بدل افتراض ارتفاع ثابت
   دائمًا (كان بيسبب فراغ غريب أعلى الصفحة لو الشريط غير ظاهر). */
body.admin-bar .manasa-topbar {
    top: 32px;
}

@media screen and (max-width: 782px) {
    body.admin-bar .manasa-topbar {
        top: 46px;
    }
}

.manasa-topbar-path {
    font-size: 0.85rem;
    color: var(--manasa-ink-soft);
    font-weight: 700;
}

.manasa-content {
    padding: 30px 30px 60px;
    max-width: 820px;
    margin: 0 auto;
}

.manasa-lesson-hero {
    margin-bottom: 24px;
}

.manasa-eyebrow {
    font-size: 0.8rem;
    font-weight: 800;
    color: var(--manasa-teal);
    letter-spacing: 0.04em;
    margin-bottom: 8px;
    display: block;
}

.manasa-lesson-hero h1 {
    font-size: 1.7rem;
    color: var(--manasa-navy);
}

.manasa-grade-picker-hint {
    color: var(--manasa-ink-soft);
    font-size: 0.92rem;
    margin-top: 6px;
}

/* ===== GRADE PICKER (وضع المراجعة الحرة) ===== */
.manasa-grades-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 16px;
}

.manasa-grade-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 30px 16px;
    background: var(--manasa-card);
    border: 1.5px solid var(--manasa-line);
    border-radius: var(--manasa-radius);
    text-decoration: none;
    color: var(--manasa-navy);
    font-weight: 800;
    font-family: 'Tajawal', sans-serif;
    font-size: 1.05rem;
    text-align: center;
    box-shadow: 0 2px 10px rgba(22, 35, 63, 0.04);
    transition: transform 0.15s ease, border-color 0.15s ease;
}

.manasa-grade-card:hover {
    transform: translateY(-3px);
    border-color: var(--manasa-blue);
    color: var(--manasa-navy);
}

.manasa-grade-card.is-own-grade {
    border-color: var(--manasa-teal);
    background: #F3FCFA;
}

.manasa-grade-card-badge {
    position: absolute;
    top: -11px;
    background: var(--manasa-teal);
    color: #fff;
    font-size: 0.68rem;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 999px;
    font-family: 'Cairo', sans-serif;
}

/* ===== SUBJECTS / UNITS / LESSONS LISTS ===== */
.manasa-subjects-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 16px;
}

.manasa-subject-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 26px 16px;
    background: linear-gradient(135deg, var(--manasa-blue), var(--manasa-teal));
    color: #fff;
    border-radius: var(--manasa-radius);
    text-decoration: none;
    font-weight: 700;
    font-size: 1rem;
    box-shadow: 0 8px 20px rgba(22, 35, 63, 0.15);
    transition: transform 0.15s ease;
}

.manasa-subject-card:hover {
    transform: translateY(-3px);
    color: #fff;
}

.manasa-subject-card .dashicons {
    font-size: 30px;
    width: 30px;
    height: 30px;
}

.manasa-units-list,
.manasa-lessons-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.manasa-unit-card {
    display: block;
    padding: 16px 20px;
    background: var(--manasa-card);
    border: 1px solid var(--manasa-line);
    border-inline-start: 4px solid var(--manasa-blue);
    border-radius: 14px;
    text-decoration: none;
    color: var(--manasa-navy);
    font-weight: 700;
    box-shadow: 0 2px 10px rgba(22, 35, 63, 0.04);
}

.manasa-unit-card:hover {
    border-color: var(--manasa-blue);
}

.manasa-unit-card-title {
    margin-bottom: 10px;
}

.manasa-unit-progress-track {
    width: 100%;
    height: 7px;
    background: var(--manasa-line);
    border-radius: 999px;
    overflow: hidden;
    margin-bottom: 6px;
}

.manasa-unit-progress-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--manasa-teal), var(--manasa-blue));
    border-radius: 999px;
}

.manasa-unit-progress-label {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--manasa-ink-soft);
}

.manasa-lesson-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    background: var(--manasa-card);
    border: 1px solid var(--manasa-line);
    border-radius: 14px;
    text-decoration: none;
    color: var(--manasa-navy);
    box-shadow: 0 2px 10px rgba(22, 35, 63, 0.04);
}

.manasa-lesson-row:hover {
    border-color: var(--manasa-blue);
}

.manasa-lesson-row.is-completed {
    border-inline-start: 4px solid var(--manasa-teal);
    background: #F3FCFA;
}

.manasa-lesson-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: var(--manasa-blue);
    color: #fff;
    border-radius: 50%;
    font-size: 0.8rem;
    font-weight: 800;
    flex: none;
}

.manasa-lesson-badge {
    margin-inline-start: auto;
    font-size: 0.78rem;
    color: var(--manasa-teal);
    font-weight: 700;
}

/* ===== CONTENT BLOCKS (cycling gradient top-accent + rise animation) ===== */
.manasa-lesson-blocks {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.manasa-block {
    background: var(--manasa-card);
    border: 1px solid var(--manasa-line);
    border-radius: var(--manasa-radius);
    padding: 24px 26px;
    box-shadow: 0 2px 10px rgba(22, 35, 63, 0.04);
    position: relative;
    overflow: hidden;
    animation: manasaBlockRise 0.5s ease both;
}

.manasa-block::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
}

.manasa-lesson-blocks .manasa-block:nth-of-type(6n+1)::before { background: linear-gradient(90deg, var(--manasa-blue), #6C8FD1); }
.manasa-lesson-blocks .manasa-block:nth-of-type(6n+2)::before { background: linear-gradient(90deg, var(--manasa-teal), #5FD1BC); }
.manasa-lesson-blocks .manasa-block:nth-of-type(6n+3)::before { background: linear-gradient(90deg, var(--manasa-amber), #F5C97B); }
.manasa-lesson-blocks .manasa-block:nth-of-type(6n+4)::before { background: linear-gradient(90deg, var(--manasa-coral), #F08B82); }
.manasa-lesson-blocks .manasa-block:nth-of-type(6n+5)::before { background: linear-gradient(90deg, #7D5FD3, #A794E8); }
.manasa-lesson-blocks .manasa-block:nth-of-type(6n+0)::before { background: linear-gradient(90deg, var(--manasa-navy), #3A5486); }

@keyframes manasaBlockRise {
    from { opacity: 0; transform: translateY(14px); }
    to { opacity: 1; transform: translateY(0); }
}

.manasa-block h4 {
    font-family: 'Tajawal', sans-serif;
    font-weight: 800;
    font-size: 1.1rem;
    color: var(--manasa-navy);
    margin-bottom: 14px;
}

/* story */
.manasa-block--story {
    background: linear-gradient(180deg, #fff, #F6F9FF);
}

.manasa-story-text {
    font-size: 1.06rem;
    margin: 0;
}

/* video */
.manasa-block--video {
    background: #F0F6FF;
    border-color: #DCE7FA;
}

.manasa-video-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--manasa-blue);
    font-weight: 700;
    text-decoration: none;
    border-bottom: 2px solid rgba(46, 90, 172, 0.25);
}

.manasa-video-link:hover {
    border-color: var(--manasa-blue);
}

/* review */
.manasa-review-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 10px;
}

.manasa-review-list li {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    font-size: 0.98rem;
}

.manasa-review-list li::before {
    content: "◆";
    color: var(--manasa-teal);
    font-size: 0.7rem;
    margin-top: 6px;
}

/* fill */
.manasa-fill-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 10px 0;
    border-bottom: 1px dashed var(--manasa-line);
}

.manasa-fill-row:last-child {
    border-bottom: none;
}

.manasa-fill-prompt {
    font-weight: 700;
    font-size: 1.02rem;
}

.manasa-fill-input {
    width: 110px;
    padding: 8px 10px;
    border: 1.5px solid var(--manasa-line);
    border-radius: 9px;
    font-family: 'Cairo', sans-serif;
    font-weight: 700;
    text-align: center;
}

.manasa-fill-input.is-correct { border-color: var(--manasa-teal); background: #F3FCFA; }
.manasa-fill-input.is-incorrect { border-color: var(--manasa-coral); background: #FDF1F0; }

.manasa-answer-feedback {
    font-weight: 800;
}

/* mcq */
.manasa-mcq-question {
    border: none;
    padding: 14px 0;
    margin: 0;
    border-bottom: 1px dashed var(--manasa-line);
}

.manasa-mcq-question:last-of-type {
    border-bottom: none;
}

.manasa-mcq-question legend {
    font-weight: 700;
    margin-bottom: 10px;
    padding: 0;
}

.manasa-mcq-choice {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1.5px solid var(--manasa-line);
    background: #fff;
    border-radius: 9px;
    padding: 8px 16px;
    font-weight: 700;
    margin: 0 6px 6px 0;
    cursor: pointer;
}

.manasa-mcq-question.is-correct legend { color: var(--manasa-teal); }
.manasa-mcq-question.is-incorrect legend { color: var(--manasa-coral); }

/* select-numbers */
.manasa-number-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 6px 0 14px;
}

.manasa-number-chip {
    border: 1.5px solid var(--manasa-line);
    background: #fff;
    border-radius: 10px;
    padding: 10px 18px;
    font-weight: 800;
    font-family: 'Tajawal', sans-serif;
    cursor: pointer;
    font-size: 1rem;
}

.manasa-number-chip.is-selected { background: var(--manasa-blue); border-color: var(--manasa-blue); color: #fff; }
.manasa-number-chip.is-correct { background: var(--manasa-teal); border-color: var(--manasa-teal); color: #fff; }
.manasa-number-chip.is-incorrect { background: var(--manasa-coral); border-color: var(--manasa-coral); color: #fff; }

/* compare */
.manasa-compare-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 12px 0;
    border-bottom: 1px dashed var(--manasa-line);
}

.manasa-compare-row:last-child {
    border-bottom: none;
}

.manasa-compare-number {
    font-family: 'Tajawal', sans-serif;
    font-weight: 800;
    font-size: 1.3rem;
    min-width: 60px;
    text-align: center;
}

.manasa-compare-buttons {
    display: flex;
    gap: 8px;
}

.manasa-compare-btn {
    width: 42px;
    height: 38px;
    border: 1.5px solid var(--manasa-line);
    background: #fff;
    border-radius: 9px;
    font-weight: 800;
    cursor: pointer;
    font-size: 1.1rem;
}

.manasa-compare-btn.is-selected { background: var(--manasa-blue); border-color: var(--manasa-blue); color: #fff; }
.manasa-compare-row.is-correct { background: #F3FCFA; border-radius: 12px; }
.manasa-compare-row.is-incorrect { background: #FDF1F0; border-radius: 12px; }

/* find-error */
.manasa-find-error-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px dashed var(--manasa-line);
}

.manasa-find-error-row:last-child {
    border-bottom: none;
}

.manasa-find-error-text {
    font-weight: 700;
}

.manasa-find-error-btn {
    border: 1.5px solid var(--manasa-line);
    background: #fff;
    border-radius: 9px;
    padding: 7px 14px;
    font-weight: 700;
    cursor: pointer;
    font-size: 0.85rem;
    margin-inline-start: 6px;
}

.manasa-find-error-btn.is-selected { background: var(--manasa-blue); color: #fff; border-color: var(--manasa-blue); }
.manasa-find-error-row.is-correct { background: #F3FCFA; }
.manasa-find-error-row.is-incorrect { background: #FDF1F0; }

/* match */
.manasa-match-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 26px;
}

.manasa-match-column {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.manasa-match-item {
    border: 1.5px solid var(--manasa-line);
    background: #fff;
    border-radius: 10px;
    padding: 10px 14px;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
}

.manasa-match-item.is-selected { border-color: var(--manasa-blue); background: #EEF3FE; }
.manasa-match-item.is-matched { background: var(--manasa-teal); border-color: var(--manasa-teal); color: #fff; cursor: default; }
.manasa-match-item.is-incorrect { animation: manasaShake 0.3s ease; }

@keyframes manasaShake {
    25% { transform: translateX(-4px); }
    75% { transform: translateX(4px); }
}

@media (max-width: 640px) {
    .manasa-match-columns { grid-template-columns: 1fr; }
}

/* grid */
.manasa-grid-table {
    border-collapse: collapse;
    margin: 12px 0;
}

.manasa-grid-table td {
    width: 44px;
    height: 44px;
    border: 1px solid var(--manasa-line);
    text-align: center;
    font-size: 1.4rem;
}

.manasa-grid-count {
    margin-top: 14px;
}

.manasa-grid-count-input {
    width: 70px;
    padding: 6px;
    text-align: center;
    margin: 0 8px;
    border: 1.5px solid var(--manasa-line);
    border-radius: 8px;
    font-weight: 700;
}

/* info */
.manasa-block--info {
    background: #FFF7E9;
    border-color: #F3E1B8;
}

.manasa-block--info h4 {
    color: #8A5A00;
}

/* badge */
.manasa-block--badge {
    background: linear-gradient(135deg, #FFF7E9, #FFFFFF);
    border: 1.5px solid var(--manasa-amber);
    text-align: center;
}

.manasa-badge-box h4 {
    font-family: 'Tajawal', sans-serif;
    font-size: 1.2rem;
    color: #8A5A00;
    margin-bottom: 8px;
}

.manasa-badge-box p {
    margin: 0;
    color: var(--manasa-ink-soft);
}

/* نتيجة كل تمرين */
.manasa-block-result {
    display: inline-block;
    margin-inline-start: 10px;
    font-weight: 800;
}

.manasa-block-result.is-correct { color: var(--manasa-teal); }
.manasa-block-result.is-partial { color: var(--manasa-amber); }

.manasa-check-btn {
    margin-top: 14px;
    background: var(--manasa-navy);
    color: #fff;
    border: none;
    border-radius: 9px;
    padding: 10px 22px;
    font-weight: 700;
    cursor: pointer;
    font-size: 0.92rem;
}

.manasa-check-btn:hover {
    opacity: 0.9;
}

/* زر إنهاء الدرس */
.manasa-footer-nav {
    margin-top: 32px;
    text-align: center;
}

/* صف التنقل بين الدرس السابق والتالي */
.manasa-lesson-pager {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.manasa-lesson-pager-spacer {
    flex: 1;
}

@media (max-width: 640px) {
    .manasa-lesson-pager {
        flex-direction: column;
    }

    .manasa-lesson-pager .manasa-prev-lesson-link,
    .manasa-lesson-pager .manasa-next-lesson-link {
        width: 100%;
        text-align: center;
    }
}

.manasa-finish-lesson-btn {
    background: var(--manasa-blue);
    color: #fff;
    border: none;
    border-radius: 14px;
    padding: 16px 40px;
    font-family: 'Tajawal', sans-serif;
    font-weight: 800;
    font-size: 1rem;
    cursor: pointer;
}

.manasa-finish-lesson-btn:hover {
    transform: translateY(-2px);
}

.manasa-finish-lesson-result {
    font-weight: 700;
    margin-top: 12px;
}

/* شاشات تسجيل الدخول / الوصول المرفوض (بلا Sidebar) */
.manasa-portal--login,
.manasa-portal--restricted {
    max-width: 420px;
    margin: 40px auto;
    text-align: center;
    font-family: 'Cairo', sans-serif;
    direction: rtl;
}

.manasa-portal--login h2,
.manasa-portal--restricted h2 {
    font-family: 'Tajawal', sans-serif;
    color: var(--manasa-navy);
}

/* الموبايل والشاشات المتوسطة */
@media (max-width: 860px) {
    .manasa-app {
        flex-direction: column;
    }

    /* السايدبار بيبقى قائمة منسدلة (Drawer) ثابتة فوق المحتوى بدل ما
       يدفعه لتحت - مقفول افتراضيًا، وبيتفتح بزرار ☰ في الـ Topbar. */
    .manasa-sidebar {
        position: fixed;
        inset-inline-start: 0;
        top: 0;
        bottom: 0;
        width: min(300px, 85vw);
        min-height: 100vh;
        z-index: 100;
        box-shadow: 4px 0 24px rgba(0, 0, 0, 0.25);
        transform: translateX(100%);
        transition: transform 0.25s ease;
        overflow-y: auto;
    }

    .manasa-app.manasa-sidebar-open .manasa-sidebar {
        transform: translateX(0);
    }

    .manasa-sidebar-close {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .manasa-sidebar-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .manasa-sidebar-overlay {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(15, 22, 40, 0.45);
        z-index: 99;
    }

    .manasa-app.manasa-sidebar-open .manasa-sidebar-overlay {
        display: block;
    }

    /* قائمة دروس الوحدة ممكن تكون طويلة جدًا (أكتر من 50 درس في بعض
       الصفوف) - جوه الـ Drawer المفتوح بنسيبها تاخد المساحة المتاحة
       وتتمرر مع باقي القائمة. */
    .manasa-lesson-nav {
        max-height: none;
        overflow-y: visible;
    }

    .manasa-topbar {
        top: 0;
        padding: 12px 18px;
    }

    .manasa-content {
        padding: 20px 16px 50px;
    }

    .manasa-lesson-hero h1 {
        font-size: 1.4rem;
    }

    .manasa-subjects-grid {
        grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    }

    .manasa-block {
        padding: 18px 18px;
    }

    .manasa-mcq-choice,
    .manasa-compare-btn,
    .manasa-number-chip,
    .manasa-find-error-btn {
        padding: 10px 14px;
        font-size: 0.95rem;
    }
}

@media (max-width: 480px) {
    .manasa-content {
        padding: 16px 12px 40px;
    }

    .manasa-subjects-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .manasa-subject-card {
        padding: 18px 10px;
        font-size: 0.88rem;
    }

    .manasa-compare-row,
    .manasa-fill-row {
        justify-content: flex-start;
    }

    .manasa-finish-lesson-btn {
        width: 100%;
        padding: 14px 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .manasa-block { animation: none !important; }
}

/* ===== صفحة التسجيل الذاتي (خارج الـ App Shell عمدًا - صفحة ترحيبية بسيطة) ===== */
.manasa-portal--register {
    max-width: 480px;
    margin: 30px auto;
    direction: rtl;
    font-family: 'Cairo', sans-serif;
    background: var(--manasa-card);
    border: 1px solid var(--manasa-line);
    border-radius: var(--manasa-radius);
    padding: 32px 30px;
    box-shadow: 0 8px 30px rgba(22, 35, 63, 0.08);
}

.manasa-register-hero {
    text-align: center;
    margin-bottom: 24px;
}

.manasa-register-emoji {
    font-size: 2.4rem;
    display: block;
    margin-bottom: 8px;
}

.manasa-register-hero h2 {
    font-family: 'Tajawal', sans-serif;
    color: var(--manasa-navy);
    margin: 0 0 8px;
}

.manasa-register-hero p {
    color: var(--manasa-ink-soft);
    margin: 0;
}

.manasa-register-notice {
    padding: 12px 16px;
    border-radius: 10px;
    margin-bottom: 18px;
    font-weight: 700;
    text-align: center;
}

.manasa-register-notice.is-error {
    background: #FDF1F0;
    color: var(--manasa-coral);
    border: 1px solid #F3D2CF;
}

.manasa-register-field {
    margin-bottom: 16px;
}

.manasa-register-field label {
    display: block;
    font-weight: 700;
    margin-bottom: 6px;
    color: var(--manasa-navy);
    font-size: 0.92rem;
}

.manasa-register-field input,
.manasa-register-field select {
    width: 100%;
    padding: 11px 14px;
    border: 1.5px solid var(--manasa-line);
    border-radius: 10px;
    font-family: 'Cairo', sans-serif;
    font-size: 0.96rem;
}

.manasa-register-field input:focus,
.manasa-register-field select:focus {
    border-color: var(--manasa-blue);
    outline: none;
}

.manasa-register-submit {
    width: 100%;
    background: linear-gradient(135deg, var(--manasa-blue), var(--manasa-teal));
    color: #fff;
    border: none;
    border-radius: 12px;
    padding: 14px 0;
    font-family: 'Tajawal', sans-serif;
    font-weight: 800;
    font-size: 1.05rem;
    cursor: pointer;
    margin-top: 6px;
}

.manasa-register-submit:hover {
    opacity: 0.92;
}

.manasa-register-login-link {
    text-align: center;
    margin-top: 18px;
    color: var(--manasa-ink-soft);
    font-size: 0.9rem;
}

.manasa-register-login-link a {
    color: var(--manasa-blue);
    font-weight: 700;
    text-decoration: none;
}

/* رسالة "لسه معندكش حساب" على صفحة تسجيل الدخول نفسها */
.manasa-portal--login .manasa-register-login-link {
    margin-top: 16px;
}

/* ===== الآلة الحاسبة العائمة (تتغيّر حسب الصف) ===== */
.manasa-calc-fab {
    position: fixed;
    bottom: 24px;
    left: 24px;
    z-index: 100;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--manasa-blue), var(--manasa-teal));
    color: #fff;
    border: none;
    font-size: 1.6rem;
    box-shadow: 0 6px 18px rgba(22, 35, 63, 0.25);
    cursor: pointer;
}

.manasa-calc-panel {
    position: fixed;
    bottom: 90px;
    left: 24px;
    z-index: 100;
    background: var(--manasa-card);
    border-radius: 16px;
    box-shadow: 0 10px 34px rgba(22, 35, 63, 0.22);
    padding: 14px;
    width: 240px;
    direction: ltr;
}

.manasa-calc-display {
    background: var(--manasa-navy);
    color: #fff;
    font-family: 'Tajawal', sans-serif;
    font-size: 1.6rem;
    font-weight: 800;
    text-align: left;
    padding: 12px 14px;
    border-radius: 10px;
    margin-bottom: 10px;
    overflow-x: auto;
    white-space: nowrap;
}

.manasa-calc-pad {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
}

.manasa-calc-btn {
    padding: 12px 0;
    border: none;
    border-radius: 9px;
    background: #F0F3F9;
    color: var(--manasa-navy);
    font-family: 'Cairo', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    cursor: pointer;
}

.manasa-calc-btn--op {
    background: #E4EBFA;
    color: var(--manasa-blue);
}

.manasa-calc-btn--fn {
    background: #FDF1F0;
    color: var(--manasa-coral);
}

.manasa-calc-btn--eq {
    grid-row: span 2;
    background: var(--manasa-teal);
    color: #fff;
}

.manasa-calc-btn--zero {
    grid-column: span 2;
}

.manasa-calc-btn:hover {
    opacity: 0.85;
}

.manasa-calc-btn[hidden] {
    visibility: hidden;
}

/* ===== ركن الكرتون ===== */
.manasa-cartoons-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 20px;
}

.manasa-cartoon-card {
    background: var(--manasa-card);
    border: 1px solid var(--manasa-line);
    border-radius: var(--manasa-radius);
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(22, 35, 63, 0.04);
}

.manasa-cartoon-frame {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* نسبة 16:9 */
    background: #000;
}

.manasa-cartoon-frame iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.manasa-cartoon-title {
    padding: 12px 14px;
    margin: 0;
    font-weight: 700;
    color: var(--manasa-navy);
}

/* ===== الأزرار الترفيهية (كرتون/لعبة) في صفحة اختيار المادة ===== */
.manasa-fun-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 24px;
}

.manasa-fun-action-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 22px;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 800;
    font-family: 'Tajawal', sans-serif;
    font-size: 0.95rem;
    box-shadow: 0 4px 14px rgba(22, 35, 63, 0.1);
}

.manasa-fun-action-btn span {
    font-size: 1.2rem;
}

.manasa-fun-action-btn--cartoons {
    background: linear-gradient(135deg, var(--manasa-coral), #F3A79E);
    color: #fff;
}

.manasa-fun-action-btn--game {
    background: linear-gradient(135deg, var(--manasa-amber), #F5C97B);
    color: #4a3200;
}

.manasa-fun-action-btn:hover {
    transform: translateY(-2px);
}

/* ===== لعبة تحدي الحساب السريع ===== */
.manasa-game {
    max-width: 380px;
    margin: 0 auto;
    text-align: center;
}

.manasa-game-start-btn,
.manasa-game-restart-btn {
    background: linear-gradient(135deg, var(--manasa-blue), var(--manasa-teal));
    color: #fff;
    border: none;
    border-radius: 14px;
    padding: 16px 36px;
    font-family: 'Tajawal', sans-serif;
    font-weight: 800;
    font-size: 1.05rem;
    cursor: pointer;
}

.manasa-game-stats {
    display: flex;
    justify-content: space-between;
    font-family: 'Tajawal', sans-serif;
    font-weight: 800;
    font-size: 1.15rem;
    margin-bottom: 20px;
}

.manasa-game-question {
    background: var(--manasa-card);
    border: 1.5px solid var(--manasa-line);
    border-radius: var(--manasa-radius);
    padding: 30px 10px;
    margin-bottom: 18px;
}

.manasa-game-question-text {
    font-family: 'Tajawal', sans-serif;
    font-size: 2rem;
    font-weight: 900;
    color: var(--manasa-navy);
}

.manasa-game-answer-row {
    display: flex;
    gap: 10px;
}

.manasa-game-answer-input {
    flex: 1;
    padding: 12px 14px;
    border: 1.5px solid var(--manasa-line);
    border-radius: 10px;
    font-size: 1.2rem;
    text-align: center;
    font-weight: 800;
}

.manasa-game-submit-btn {
    background: var(--manasa-navy);
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 0 24px;
    font-weight: 700;
    cursor: pointer;
}

.manasa-game-feedback {
    font-weight: 800;
    font-size: 1.1rem;
    min-height: 1.6em;
    margin-top: 12px;
}

.manasa-game-result-text {
    font-family: 'Tajawal', sans-serif;
    font-size: 1.3rem;
    font-weight: 800;
    color: var(--manasa-navy);
    margin-bottom: 18px;
}

@media (max-width: 480px) {
    .manasa-calc-panel {
        left: 10px;
        width: calc(100vw - 20px);
    }

    .manasa-calc-fab {
        left: 16px;
    }
}

/* ===== بلوك "عشان تفهمها بسهولة" (طبقة التبسيط) ===== */
.manasa-block--simple {
    background: linear-gradient(180deg, #FFFBEB, #FFFFFF);
    border: 2px dashed var(--manasa-amber);
}

.manasa-block--simple::before {
    background: linear-gradient(90deg, var(--manasa-amber), #FFD98A) !important;
}

.manasa-simple-badge {
    display: inline-block;
    background: var(--manasa-amber);
    color: #fff;
    font-weight: 800;
    font-size: 0.85rem;
    padding: 6px 16px;
    border-radius: 999px;
    margin-bottom: 14px;
}

.manasa-simple-intro {
    font-size: 1.08rem;
    font-weight: 700;
    color: var(--manasa-navy);
    margin: 0 0 14px;
}

.manasa-simple-steps {
    margin: 0 0 14px;
    padding-inline-start: 22px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.manasa-simple-steps li {
    font-size: 1.02rem;
    line-height: 1.9;
}

.manasa-simple-steps li::marker {
    font-weight: 800;
    color: var(--manasa-amber);
}

.manasa-simple-example {
    background: #fff;
    border: 1.5px solid #F3E1B8;
    border-radius: 12px;
    padding: 14px 16px;
    margin-bottom: 12px;
}

.manasa-simple-example-label {
    display: block;
    font-weight: 800;
    color: #8A5A00;
    font-size: 0.85rem;
    margin-bottom: 6px;
}

.manasa-simple-example p {
    margin: 0;
    font-size: 1.02rem;
    line-height: 1.9;
}

.manasa-simple-tip {
    font-weight: 700;
    color: #8A5A00;
    margin: 0;
}

/* ===== الحركة البصرية للتفاعل (Micro-interactions) ===== */

/* نطّة احتفالية بسيطة عند إجابة صحيحة */
@keyframes manasaBounceFeedback {
    0% { transform: scale(1); }
    30% { transform: scale(1.04); }
    55% { transform: scale(0.98); }
    100% { transform: scale(1); }
}

.manasa-bounce {
    animation: manasaBounceFeedback 0.4s ease;
}

/* اهتزاز لطيف عند إجابة خطأ - ملاحظة بسيطة، مش عقاب */
@keyframes manasaShakeFeedback {
    0%, 100% { transform: translateX(0); }
    20% { transform: translateX(-6px); }
    40% { transform: translateX(5px); }
    60% { transform: translateX(-3px); }
    80% { transform: translateX(2px); }
}

.manasa-shake-feedback {
    animation: manasaShakeFeedback 0.4s ease;
}

/* ضغطة زرار محسوسة - أي زرار تفاعلي رئيسي في المنصة */
.manasa-calc-btn:active,
.manasa-check-btn:active,
.manasa-mcq-choice:active,
.manasa-compare-btn:active,
.manasa-find-error-btn:active,
.manasa-number-chip:active,
.manasa-match-item:active,
.manasa-finish-lesson-btn:active,
.manasa-game-start-btn:active,
.manasa-game-restart-btn:active,
.manasa-game-submit-btn:active,
.manasa-fun-action-btn:active,
.manasa-subject-card:active,
.manasa-grade-card:active {
    transform: scale(0.95);
}

/* ===== زرار تشغيل/كتم الصوت ===== */
.manasa-sound-toggle {
    position: fixed;
    bottom: 24px;
    left: 90px;
    z-index: 100;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #fff;
    border: 1.5px solid var(--manasa-line);
    font-size: 1.3rem;
    box-shadow: 0 4px 14px rgba(22, 35, 63, 0.15);
    cursor: pointer;
}

.manasa-sound-toggle:hover {
    border-color: var(--manasa-blue);
}

/* ===== كونفيتي الاحتفال (JS بيضيفها ديناميكيًا عند إنجاز حقيقي) ===== */
.manasa-confetti-container {
    position: absolute;
    inset: 0;
    overflow: visible;
    pointer-events: none;
    z-index: 5;
}

.manasa-confetti-piece {
    position: absolute;
    top: -10px;
    width: 8px;
    height: 8px;
    border-radius: 2px;
    opacity: 0.9;
    animation-name: manasaConfettiFall;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
}

@keyframes manasaConfettiFall {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
    }
    100% {
        transform: translateY(140px) rotate(360deg);
        opacity: 0;
    }
}

@media (max-width: 480px) {
    .manasa-sound-toggle {
        left: 76px;
        width: 42px;
        height: 42px;
        font-size: 1.1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .manasa-bounce,
    .manasa-shake-feedback,
    .manasa-confetti-piece {
        animation: none !important;
    }
}

/* ===== الصفحة الرئيسية الشخصية ===== */

/* بطاقة "كمّل من هنا" - أهم عنصر في الصفحة كلها، أكبر وأوضح حاجة */
.manasa-continue-card {
    display: block;
    background: linear-gradient(135deg, var(--manasa-blue), var(--manasa-teal));
    color: #fff;
    border-radius: var(--manasa-radius);
    padding: 22px 26px;
    text-decoration: none;
    margin-bottom: 20px;
    box-shadow: 0 8px 24px rgba(46, 90, 172, 0.25);
    transition: transform 0.15s ease;
}

.manasa-continue-card:hover {
    transform: translateY(-2px);
    color: #fff;
}

.manasa-continue-card-label {
    font-weight: 800;
    font-size: 0.85rem;
    opacity: 0.9;
    margin-bottom: 6px;
}

.manasa-continue-card-title {
    font-family: 'Tajawal', sans-serif;
    font-weight: 800;
    font-size: 1.3rem;
    margin-bottom: 4px;
}

.manasa-continue-card-meta {
    font-size: 0.85rem;
    opacity: 0.85;
}

/* بطاقة نسبة التقدّم */
.manasa-progress-card {
    background: var(--manasa-card);
    border: 1px solid var(--manasa-line);
    border-radius: var(--manasa-radius);
    padding: 18px 22px;
    margin-bottom: 22px;
    box-shadow: 0 2px 10px rgba(22, 35, 63, 0.04);
}

.manasa-progress-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    font-weight: 700;
    color: var(--manasa-navy);
}

.manasa-progress-percent {
    font-family: 'Tajawal', sans-serif;
    font-weight: 800;
    color: var(--manasa-teal);
    font-size: 1.1rem;
}

.manasa-progress-bar-track {
    width: 100%;
    height: 12px;
    background: var(--manasa-line);
    border-radius: 999px;
    overflow: hidden;
}

.manasa-progress-bar-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--manasa-teal), var(--manasa-blue));
    border-radius: 999px;
    transition: width 0.6s ease;
}

.manasa-progress-card-sub {
    margin-top: 8px;
    font-size: 0.85rem;
    color: var(--manasa-ink-soft);
}

/* أزرار إضافية للصفحة الرئيسية */
.manasa-fun-action-btn--subjects {
    background: linear-gradient(135deg, var(--manasa-blue), #6C8FD1);
    color: #fff;
}

.manasa-fun-action-btn--browse {
    background: linear-gradient(135deg, #7D5FD3, #A794E8);
    color: #fff;
}

/* قسم آخر الأنشطة */
.manasa-recent-section {
    margin-top: 28px;
}

.manasa-recent-section h3 {
    font-family: 'Tajawal', sans-serif;
    font-size: 1.05rem;
    color: var(--manasa-navy);
    margin-bottom: 12px;
}

.manasa-recent-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.manasa-recent-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: var(--manasa-card);
    border: 1px solid var(--manasa-line);
    border-radius: 12px;
    text-decoration: none;
    color: var(--manasa-navy);
}

.manasa-recent-item:hover {
    border-color: var(--manasa-blue);
}

.manasa-recent-item-status {
    font-size: 1.1rem;
    flex: none;
}

.manasa-recent-item-info {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.manasa-recent-item-title {
    font-weight: 700;
    font-size: 0.95rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.manasa-recent-item-subject {
    font-size: 0.78rem;
    color: var(--manasa-ink-soft);
}

.manasa-recent-item-score {
    font-weight: 800;
    color: var(--manasa-teal);
    font-size: 0.9rem;
    flex: none;
}

@media (max-width: 480px) {
    .manasa-continue-card-title {
        font-size: 1.1rem;
    }
}

/* روابط الانتقال السريع بين الدرس السابق والتالي */
.manasa-next-lesson-link,
.manasa-prev-lesson-link {
    display: inline-block;
    margin-top: 16px;
    padding: 12px 26px;
    background: #fff;
    border: 1.5px solid var(--manasa-blue);
    color: var(--manasa-blue);
    border-radius: 12px;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.92rem;
}

.manasa-next-lesson-link:hover,
.manasa-prev-lesson-link:hover {
    background: var(--manasa-blue);
    color: #fff;
}

/* رابط "السابق" بلون أهدى عشان زرار "التالي" يفضل هو الأبرز بصريًا
   (هو التصرّف المتوقع من الطالب في الأغلب) */
.manasa-prev-lesson-link {
    border-color: var(--manasa-line);
    color: var(--manasa-ink-soft);
}

.manasa-prev-lesson-link:hover {
    background: var(--manasa-ink-soft);
    border-color: var(--manasa-ink-soft);
    color: #fff;
}

/* ===== معرض الأوسمة ===== */
.manasa-fun-action-btn--achievements {
    background: linear-gradient(135deg, var(--manasa-amber), #F0C878);
    color: #fff;
}

.manasa-achievements-empty {
    text-align: center;
    padding: 40px 20px;
    color: var(--manasa-ink-soft);
    font-weight: 600;
}

.manasa-achievements-count {
    font-weight: 700;
    color: var(--manasa-navy);
    margin-bottom: 16px;
}

.manasa-achievements-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 14px;
}

.manasa-achievement-card {
    background: linear-gradient(180deg, #FFFBEB, #fff);
    border: 1.5px solid #F3E1B8;
    border-radius: 16px;
    padding: 18px;
    text-align: center;
}

.manasa-achievement-card-title {
    font-family: 'Tajawal', sans-serif;
    font-weight: 800;
    color: var(--manasa-navy);
    font-size: 1rem;
    margin-bottom: 8px;
}

.manasa-achievement-card-text {
    font-size: 0.82rem;
    color: var(--manasa-ink-soft);
    margin-bottom: 10px;
    line-height: 1.6;
}

.manasa-achievement-card-source {
    font-size: 0.75rem;
    color: #8A5A00;
    font-weight: 600;
}

/* ===== الماسكوت "نجم" ===== */
.manasa-mascot {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 101;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    pointer-events: none;
}

.manasa-mascot-face {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--manasa-amber), #FFD98A);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.7rem;
    box-shadow: 0 6px 18px rgba(22, 35, 63, 0.2);
    animation: manasaMascotFloat 3s ease-in-out infinite;
}

.manasa-mascot-bubble {
    background: #fff;
    border: 1.5px solid var(--manasa-line);
    border-radius: 14px;
    padding: 8px 14px;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--manasa-navy);
    box-shadow: 0 4px 14px rgba(22, 35, 63, 0.12);
    max-width: 200px;
    text-align: center;
    opacity: 0;
    transform: translateY(6px);
    transition: opacity 0.25s ease, transform 0.25s ease;
}

.manasa-mascot.is-talking .manasa-mascot-bubble {
    opacity: 1;
    transform: translateY(0);
}

@keyframes manasaMascotFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}

.manasa-mascot.manasa-bounce .manasa-mascot-face {
    animation: manasaMascotFloat 3s ease-in-out infinite, manasaBounceFeedback 0.4s ease;
}

@media (max-width: 480px) {
    .manasa-mascot {
        bottom: 84px;
        right: 16px;
    }

    .manasa-mascot-face {
        width: 46px;
        height: 46px;
        font-size: 1.4rem;
    }

    .manasa-mascot-bubble {
        max-width: 150px;
        font-size: 0.78rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .manasa-mascot-face {
        animation: none !important;
    }
}

/* ===== شارة سلسلة الأيام المتتالية ===== */
.manasa-streak-badge {
    display: flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #FFF4E5, #FFE8CC);
    border: 1.5px solid #F0C878;
    border-radius: 14px;
    padding: 12px 18px;
    margin-bottom: 16px;
}

.manasa-streak-fire {
    font-size: 1.6rem;
    animation: manasaStreakPulse 1.6s ease-in-out infinite;
}

@keyframes manasaStreakPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.15); }
}

.manasa-streak-count {
    font-family: 'Tajawal', sans-serif;
    font-weight: 800;
    font-size: 1.4rem;
    color: #B5590A;
}

.manasa-streak-label {
    font-size: 0.85rem;
    font-weight: 700;
    color: #8A5A00;
}

@media (prefers-reduced-motion: reduce) {
    .manasa-streak-fire {
        animation: none !important;
    }
}

/* ===== المكافأة المفاجئة ===== */
.manasa-surprise-banner {
    margin-top: 14px;
    padding: 14px 20px;
    background: linear-gradient(135deg, #FDF0FF, #F3E8FF);
    border: 1.5px solid #D9B8F5;
    border-radius: 14px;
    text-align: center;
    font-weight: 800;
    color: #6B3FA0;
    font-size: 0.95rem;
    animation: manasaSurpriseIn 0.4s ease;
}

@keyframes manasaSurpriseIn {
    0% { opacity: 0; transform: scale(0.9) translateY(8px); }
    100% { opacity: 1; transform: scale(1) translateY(0); }
}

/* ===== بلوك ملخص الدرس الصوتي ===== */
.manasa-block--audio-summary {
    padding: 0;
    background: none;
    border: none;
    box-shadow: none;
    margin-bottom: 18px;
}

.manasa-audio-summary-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 14px 20px;
    background: linear-gradient(135deg, var(--manasa-navy), var(--manasa-navy-2));
    color: #fff;
    border: none;
    border-radius: 14px;
    font-weight: 800;
    font-size: 0.95rem;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(22, 35, 63, 0.2);
}

.manasa-audio-summary-btn:hover {
    opacity: 0.92;
}

.manasa-audio-summary-btn.is-speaking {
    background: linear-gradient(135deg, var(--manasa-teal), var(--manasa-blue));
}

.manasa-audio-summary-icon {
    font-size: 1.2rem;
}

.manasa-audio-summary-btn.is-speaking .manasa-audio-summary-icon {
    animation: manasaStreakPulse 1s ease-in-out infinite;
}

/* v1.35 Assessment Engine */
.manasa-assessment-player,.manasa-assessment-result{max-width:920px;margin:0 auto;padding:24px}.manasa-assessment-head,.manasa-result-card,.manasa-question-card,.manasa-review-item,.manasa-lesson-assessments{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:22px;margin-bottom:18px;box-shadow:0 8px 24px rgba(0,0,0,.04)}.manasa-assessment-head h1,.manasa-result-card h1{margin:6px 0 12px}.manasa-assessment-meta{display:flex;gap:12px;flex-wrap:wrap}.manasa-assessment-meta span,.manasa-assessment-card span,.manasa-assessment-card small{display:inline-block;padding:6px 10px;border-radius:999px;background:#f3f4f6}.manasa-question-card legend{font-weight:800;font-size:18px;padding:0 4px}.manasa-question-card legend span{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%;background:#f0f2f5;margin-left:7px}.manasa-question-card small{display:block;margin:10px 0;color:#666}.manasa-options{display:grid;gap:10px}.manasa-options label{display:block;padding:12px 14px;border:1px solid #ddd;border-radius:12px;cursor:pointer}.manasa-options label:hover{background:#fafafa}.manasa-answer-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:10px}.manasa-assessment-submit-bar{position:sticky;bottom:10px;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px}.manasa-assessment-error{padding:30px;background:#fff3f3;border:1px solid #f0b0b0;border-radius:16px}.manasa-result-card{text-align:center}.manasa-result-score{font-size:42px;font-weight:900;margin:15px 0}.manasa-result-percent{font-size:26px;font-weight:800}.manasa-result-status{margin:15px auto;padding:10px 16px;border-radius:999px;display:inline-block}.manasa-result-status.passed{background:#e8f7ed}.manasa-result-status.failed,.manasa-result-status.timed_out{background:#fff0f0}.manasa-review-item.is-correct{border-right:5px solid #35a05a}.manasa-review-item.is-wrong{border-right:5px solid #d9534f}.manasa-assessment-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.manasa-assessment-card{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid #ddd;border-radius:14px;text-decoration:none}.manasa-assessment-card:hover{transform:translateY(-1px)}

/* v1.55 - Grade completion, clearer navigation and lesson controls */
.manasa-brand-link { text-decoration: none; color: inherit; cursor: pointer; }
.manasa-brand-link:hover { color: inherit; }
.manasa-brand-link:focus-visible { outline: 2px solid #fff; outline-offset: 3px; border-radius: 12px; }
.manasa-pager-btn { display:flex; flex-direction:column; gap:2px; align-items:center; justify-content:center; min-width:180px; padding:11px 16px; border-radius:14px; background:#fff; border:1px solid var(--manasa-line); color:var(--manasa-navy); text-decoration:none; font-weight:900; box-shadow:0 4px 12px rgba(22,35,63,.06); }
.manasa-pager-btn small { color:var(--manasa-ink-soft); font-weight:600; max-width:220px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.manasa-pager-btn--next { background:linear-gradient(135deg,var(--manasa-blue),var(--manasa-teal)); color:#fff; border-color:transparent; }
.manasa-pager-btn--next small { color:#eef7ff; }
.manasa-grade-tools { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:12px; margin:0 0 18px; }
.manasa-grade-tool-card { display:flex; flex-direction:column; gap:3px; padding:16px; border-radius:16px; background:#fff; border:1px solid var(--manasa-line); text-decoration:none; color:var(--manasa-navy); box-shadow:0 4px 14px rgba(22,35,63,.05); }
.manasa-grade-tool-card:hover { border-color:var(--manasa-blue); transform:translateY(-1px); }
.manasa-grade-tool-card span { font-size:1.4rem; }
.manasa-grade-tool-card strong { font-family:'Tajawal',sans-serif; font-size:1rem; }
.manasa-grade-tool-card small { color:var(--manasa-ink-soft); }
.manasa-grade-tool-card.is-exam { background:linear-gradient(135deg,#16233f,#2e5aac); color:#fff; border-color:transparent; }
.manasa-grade-tool-card.is-exam small { color:#eaf1ff; }
.manasa-grade-tool-card.is-done { background:#f3fcfa; border-color:#a9dfd5; }
.manasa-grade-tool-card.is-locked { opacity:.75; background:#f7f8fa; }
.manasa-next-grade-card { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:18px; margin:0 0 18px; border-radius:18px; border:1px dashed #cbd3df; background:#fff; }
.manasa-next-grade-card.is-unlocked { border-style:solid; border-color:#a9dfd5; background:#f3fcfa; }
.manasa-next-grade-icon { margin-left:8px; }
.manasa-next-grade-btn { padding:10px 16px; border-radius:12px; background:var(--manasa-blue); color:#fff; text-decoration:none; font-weight:800; }
.manasa-next-grade-note { color:var(--manasa-ink-soft); font-size:.85rem; }
.manasa-grade-summary-list { display:flex; flex-direction:column; gap:9px; }
.manasa-grade-summary-row { display:grid; grid-template-columns:36px 1fr auto; gap:12px; align-items:center; padding:13px 15px; background:#fff; border:1px solid var(--manasa-line); border-radius:13px; }
.manasa-grade-summary-row.is-done { border-inline-start:4px solid var(--manasa-teal); background:#f3fcfa; }
.manasa-grade-summary-num { width:30px; height:30px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#eef2f7; font-weight:900; }
.manasa-grade-summary-row.is-done .manasa-grade-summary-num { background:var(--manasa-teal); color:#fff; }
.manasa-grade-summary-row small { display:block; color:var(--manasa-ink-soft); margin-top:2px; }
.manasa-review-summary-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:10px; }
.manasa-review-summary-card { display:flex; gap:10px; padding:15px; background:#fff; border:1px solid var(--manasa-line); border-radius:15px; }
.manasa-review-summary-card small { display:block; color:var(--manasa-teal); font-weight:800; margin-bottom:3px; }
.manasa-review-summary-card strong { display:block; font-size:.9rem; }
.manasa-grade-review-questions { margin-top:24px; }
.manasa-review-question-card { margin-top:10px; padding:15px; background:#fff; border:1px solid var(--manasa-line); border-radius:14px; }
.manasa-review-choice-list { display:flex; flex-wrap:wrap; gap:7px; margin-top:10px; }
.manasa-review-choice-list span { padding:6px 10px; background:#f4f6fa; border-radius:9px; font-size:.84rem; }
.manasa-grade-review-actions { margin-top:24px; text-align:center; }
.manasa-final-exam-cta { display:inline-block; padding:15px 24px; border-radius:14px; background:linear-gradient(135deg,var(--manasa-blue),var(--manasa-teal)); color:#fff; text-decoration:none; font-weight:900; }
.manasa-final-status { padding:14px 18px; border-radius:14px; font-weight:800; }
.manasa-final-status.is-passed { background:#f3fcfa; color:#147866; }
.manasa-final-status.is-locked { background:#fff8e8; color:#805b16; }
@media(max-width:640px){ .manasa-next-grade-card{flex-direction:column;align-items:stretch}.manasa-pager-btn{width:100%;}.manasa-grade-summary-row{grid-template-columns:32px 1fr}.manasa-grade-summary-row>span:last-child{grid-column:2}.manasa-grade-tool-card{min-width:0} }

.manasa-topbar-back{display:inline-flex;align-items:center;gap:5px;margin-inline-end:14px;padding:7px 11px;border:1px solid var(--manasa-line);border-radius:10px;background:#fff;color:var(--manasa-navy);text-decoration:none;font-size:.78rem;font-weight:800}.manasa-topbar-back:hover{border-color:var(--manasa-blue)}

.manasa-brand-link{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.manasa-brand-link .manasa-brand-name,.manasa-brand-link .manasa-brand-tag{display:block}.manasa-brand-link .manasa-brand-mark{display:flex;flex:none}


/* ===== v1.56 complete student experience ===== */
body.manasa-lms-portal-page-page .entry-header,
body.manasa-lms-portal-page-page .page-header,
body.manasa-lms-portal-page-page .entry-title,
body.manasa-lms-portal-page-page .wp-block-post-title,
body.manasa-lms-portal-page-page .page-title { display:none !important; }
body.manasa-lms-portal-page-page .site-main,
body.manasa-lms-portal-page-page .content-area,
body.manasa-lms-portal-page-page .entry-content,
body.manasa-lms-portal-page-page .wp-site-blocks { margin-top:0 !important; padding-top:0 !important; }
body.manasa-lms-portal-page-page .manasa-app { margin-top:0 !important; }
.manasa-topbar { min-height:64px; gap:12px; padding:10px 20px; background:#fff; box-shadow:0 1px 0 var(--manasa-line); }
.manasa-topbar-brand { display:inline-flex; align-items:center; gap:9px; text-decoration:none; color:var(--manasa-navy); font-family:'Tajawal',sans-serif; font-weight:900; flex:none; }
.manasa-topbar-brand-mark { width:38px; height:38px; border-radius:11px; display:inline-flex; align-items:center; justify-content:center; color:#fff; background:linear-gradient(135deg,var(--manasa-teal),var(--manasa-blue)); box-shadow:0 5px 14px rgba(30,158,139,.22); }
.manasa-topbar-brand-text { white-space:nowrap; }
.manasa-topbar-back { display:inline-flex; align-items:center; min-height:38px; padding:7px 13px; border:1px solid var(--manasa-line); border-radius:11px; background:#fff; color:var(--manasa-navy); text-decoration:none; font-weight:800; white-space:nowrap; }
.manasa-topbar-back:hover { border-color:var(--manasa-teal); color:var(--manasa-teal); }
.manasa-topbar-student { margin-inline-start:auto; color:var(--manasa-ink-soft); font-weight:700; font-size:.82rem; }
.manasa-content { padding-top:20px; }
.manasa-lesson-hero { padding-top:4px; margin-bottom:18px; }
.manasa-lesson-intro { background:linear-gradient(135deg,#eef8ff,#f4fcfa); border:1px solid #d7e8f4; border-radius:18px; padding:14px; margin-bottom:18px; }
.manasa-lesson-intro-heading { color:var(--manasa-navy); font-weight:900; margin-bottom:8px; }
.manasa-audio-summary-btn--hero { width:100%; justify-content:flex-start; min-height:54px; }
.manasa-footer-nav { margin-top:26px; }
.manasa-lesson-pager { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:16px; }
.manasa-pager-btn { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:52px; padding:10px 14px; border:1px solid var(--manasa-line); border-radius:14px; background:#fff; color:var(--manasa-navy); text-decoration:none; font-weight:800; }
.manasa-pager-btn:hover { border-color:var(--manasa-teal); color:var(--manasa-teal); }
.manasa-pager-btn small { display:block; color:var(--manasa-ink-soft); font-weight:600; max-width:220px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.manasa-grade-completion-actions { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; margin-top:22px; }
.manasa-promotion-card { margin-top:22px; display:flex; align-items:center; gap:14px; padding:18px; border:1px solid #bfe8db; border-radius:18px; background:#f2fcf8; }
.manasa-promotion-icon { font-size:2rem; }
.manasa-promotion-card p { margin:4px 0 0; color:var(--manasa-ink-soft); }
.manasa-promotion-card .manasa-final-exam-cta { margin-inline-start:auto; white-space:nowrap; }
.manasa-app,.manasa-main,.manasa-content { visibility:visible !important; opacity:1 !important; }
@media (max-width:782px) { .manasa-topbar{flex-wrap:wrap}.manasa-topbar-student{display:none}.manasa-topbar-path{order:10;width:100%;font-size:.76rem}.manasa-topbar-brand-text{display:none}.manasa-content{padding:16px 14px 42px}.manasa-lesson-pager{grid-template-columns:1fr}.manasa-promotion-card{align-items:flex-start;flex-wrap:wrap}.manasa-promotion-card .manasa-final-exam-cta{margin-inline-start:0;width:100%;text-align:center} }

/* v1.57 Professional polish */
.manasa-app{--pro-navy:#102a43;--pro-blue:#1f6feb;--pro-bg:#f6f8fb;--pro-card:#fff;}
.manasa-content{background:var(--pro-bg);min-height:calc(100vh - 64px);padding:28px clamp(16px,3vw,42px) 48px;}
.manasa-lesson-hero{border-radius:24px;padding:28px 30px;margin-bottom:18px;box-shadow:0 10px 30px rgba(16,42,67,.08);}
.manasa-continue-card,.manasa-grade-tool-card,.manasa-fun-action-btn,.manasa-recent-item{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.manasa-continue-card:hover,.manasa-grade-tool-card:hover,.manasa-fun-action-btn:hover,.manasa-recent-item:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(16,42,67,.10);}
.manasa-progress-card,.manasa-gamification-card{box-shadow:0 8px 24px rgba(16,42,67,.07)!important;}
@media(max-width:700px){.manasa-content{padding:16px 12px 34px}.manasa-lesson-hero{padding:22px 18px;border-radius:18px}.manasa-topbar{min-height:54px;padding:0 12px}.manasa-topbar-path{display:none}.manasa-topbar-student{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
/* v1.60 Professional polish: compact app shell, no artificial top gap, stronger hierarchy. */
body.manasa-lms-portal-page { margin-top: 0 !important; }
body.manasa-lms-portal-page #wpadminbar { display:none !important; }
body.manasa-lms-portal-page .manasa-topbar { top:0 !important; }
body.manasa-lms-portal-page .manasa-content { max-width: 1180px; }
.manasa-lesson-hero { position:relative; overflow:hidden; background:linear-gradient(135deg,#0f172a,#173b5d 58%,#0f766e); color:#fff; border-radius:24px; padding:30px 32px; box-shadow:0 14px 35px rgba(15,23,42,.12); }
.manasa-lesson-hero h1 { margin:.35rem 0 0; color:#fff; font-size:clamp(1.65rem,3vw,2.35rem); }
.manasa-lesson-intro { border:1px solid #dce7ee; border-radius:20px; padding:18px; background:#fff; box-shadow:0 8px 22px rgba(15,23,42,.05); }
.manasa-audio-summary-btn--hero { width:100%; justify-content:flex-start; border-radius:14px; }
.manasa-grade-tool-card,.manasa-fun-action-btn,.manasa-continue-card { transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.manasa-grade-tool-card:hover,.manasa-fun-action-btn:hover,.manasa-continue-card:hover { transform:translateY(-2px); box-shadow:0 12px 28px rgba(15,23,42,.09); }
@media(max-width:782px){.manasa-content{padding:14px 12px 36px!important}.manasa-lesson-hero{padding:24px 20px;border-radius:20px}.manasa-topbar{top:0!important}}
/* v1.65 Professional Learning Intelligence */
.manasa-intelligence-card{margin:18px 0;padding:22px;border-radius:24px;background:linear-gradient(135deg,#ffffff,#f7fbff);border:1px solid #dbeafe;box-shadow:0 12px 32px rgba(15,23,42,.07)}
.manasa-intelligence-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.manasa-intelligence-head h2{margin:5px 0 0;font-size:1.35rem}.manasa-intelligence-pill{padding:7px 11px;border-radius:999px;background:#eef6ff;color:#2563eb;font-size:.78rem;font-weight:800}.manasa-intelligence-message{margin:14px 0 16px;color:#475569;line-height:1.8}.manasa-intelligence-section{margin-top:14px}.manasa-intelligence-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.manasa-intelligence-tags span{padding:7px 10px;border-radius:12px;background:#fff1f2;color:#be123c;font-weight:800;font-size:.82rem}.manasa-intelligence-list{display:grid;gap:8px;margin-top:10px}.manasa-intelligence-list a{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;text-decoration:none;color:inherit}.manasa-intelligence-list a:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(15,23,42,.06)}.manasa-intelligence-list a>span:first-child{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#eff6ff;color:#2563eb;font-weight:900}.manasa-intelligence-list b,.manasa-intelligence-list small{display:block}.manasa-intelligence-list small{margin-top:3px;color:#64748b}.manasa-lms-portal-page #wpadminbar{display:none!important}.manasa-lms-portal-page{margin-top:0!important}.manasa-lms-portal-page .site-header,.manasa-lms-portal-page header.wp-block-template-part{display:none!important}

/* ===== v1.66 Professional Kids Experience ===== */
.manasa-app {
    isolation: isolate;
}
.manasa-content {
    width: min(100%, 980px);
}
.manasa-lesson-hero,
.manasa-continue-card,
.manasa-progress-card,
.manasa-intelligence-card,
.manasa-grade-tool-card,
.manasa-next-grade-card,
.manasa-recent-section {
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.manasa-lesson-hero {
    padding: 8px 2px 4px;
}
.manasa-lesson-hero h1 {
    font-size: clamp(1.65rem, 3vw, 2.35rem);
    line-height: 1.35;
}
.manasa-lesson-intro {
    border: 1px solid #dce8f6;
    background: linear-gradient(135deg,#ffffff 0%,#f4fbff 100%);
    border-radius: 22px;
    padding: 18px;
    margin: 0 0 22px;
    box-shadow: 0 10px 30px rgba(22,35,63,.06);
}
.manasa-lesson-intro-heading {
    font-weight: 900;
    margin-bottom: 10px;
    color: var(--manasa-navy);
}
.manasa-audio-summary-btn {
    width: 100%;
    border: 0;
    border-radius: 16px;
    padding: 14px 16px;
    background: linear-gradient(135deg,var(--manasa-teal),var(--manasa-blue));
    color: #fff;
    cursor: pointer;
    font-weight: 800;
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: flex-start;
    box-shadow: 0 8px 22px rgba(46,90,172,.18);
}
.manasa-audio-summary-btn:hover { transform: translateY(-1px); }
.manasa-audio-summary-icon { font-size: 1.35rem; }
.manasa-audio-summary-label { text-align: right; }
.manasa-lesson-blocks .manasa-block {
    box-shadow: 0 8px 24px rgba(22,35,63,.055);
}
.manasa-lesson-blocks .manasa-block:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 32px rgba(22,35,63,.09);
}
.manasa-intelligence-card {
    border: 1px solid #dbe6f5 !important;
    box-shadow: 0 10px 28px rgba(22,35,63,.07) !important;
}
.manasa-fun-action-btn {
    min-height: 58px;
    border: 1px solid var(--manasa-line);
    box-shadow: 0 7px 20px rgba(22,35,63,.055);
}
.manasa-fun-action-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 26px rgba(22,35,63,.10);
}
@media (max-width: 782px) {
    .manasa-content { padding: 18px 14px 42px; }
    .manasa-topbar { padding: 10px 14px; }
    .manasa-sidebar { width: min(86vw, 320px); }
    .manasa-lesson-hero h1 { font-size: 1.55rem; }
    .manasa-block { padding: 18px !important; }
}

/* ===== v1.67: بداية الدرس التعليمية ===== */
.manasa-lesson-intro--first {
    position: relative;
    overflow: hidden;
    margin: 18px 0 26px;
    padding: 22px 24px;
    border: 1px solid rgba(46, 90, 172, .16);
    border-radius: 22px;
    background: linear-gradient(135deg, #f7fbff 0%, #eef7ff 55%, #f8fbff 100%);
    box-shadow: 0 10px 30px rgba(30, 65, 120, .08);
}
.manasa-lesson-intro--first::after {
    content: '🎧';
    position: absolute;
    inset-inline-end: 20px;
    top: 12px;
    font-size: 46px;
    opacity: .10;
    pointer-events: none;
}
.manasa-lesson-intro-heading {
    font-size: 1.12rem;
    font-weight: 900;
    color: var(--manasa-ink, #18233a);
}
.manasa-lesson-intro-hint {
    margin: 7px 0 14px;
    color: #60708d;
    line-height: 1.75;
}
.manasa-lesson-audio-file {
    width: min(100%, 560px);
    display: block;
    margin: 8px 0 12px;
}
.manasa-audio-summary-btn--fallback {
    margin-top: 8px;
    opacity: .9;
}
.manasa-lesson-hero + .manasa-lesson-intro--first {
    margin-top: 10px;
}

/* خطوات الشرح: إبراز المحتوى بدل شكل صفحة WordPress تقليدية */
.manasa-lesson-blocks > .manasa-block {
    border-radius: 20px;
    transition: transform .18s ease, box-shadow .18s ease;
}
.manasa-lesson-blocks > .manasa-block:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(20, 45, 90, .07);
}

@media (max-width: 640px) {
    .manasa-lesson-intro--first { padding: 18px; border-radius: 18px; }
    .manasa-lesson-intro--first::after { font-size: 36px; }
    .manasa-lesson-audio-file { width: 100%; }
}

/* v1.69 - explicit free-review mode */
.manasa-review-mode-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0;padding:10px 18px;border-bottom:1px solid var(--manasa-line);background:linear-gradient(90deg,#f3fbff,#f7fffb);color:var(--manasa-ink-soft);font-size:.82rem;font-weight:700}
.manasa-review-mode-icon{font-size:1.05rem}
.manasa-review-mode-link,.manasa-review-mode-exit{display:inline-flex;align-items:center;min-height:32px;padding:5px 10px;border-radius:9px;text-decoration:none;font-weight:900}
.manasa-review-mode-link{margin-inline-start:auto;background:#fff;border:1px solid var(--manasa-line);color:var(--manasa-navy)}
.manasa-review-mode-exit{background:var(--manasa-navy);color:#fff}
.manasa-review-mode-link:hover{border-color:var(--manasa-teal);color:var(--manasa-teal)}
.manasa-review-mode-exit:hover{opacity:.92;color:#fff}
.manasa-review-hero{position:relative;overflow:hidden}
.manasa-review-hero:after{content:'🔄';position:absolute;inset-inline-end:24px;top:18px;font-size:3.2rem;opacity:.14}
@media(max-width:700px){.manasa-review-mode-bar{padding:9px 12px;gap:7px}.manasa-review-mode-link{margin-inline-start:0}.manasa-review-mode-exit{width:100%;justify-content:center}.manasa-review-hero:after{font-size:2.4rem;inset-inline-end:16px}}

/* ===== v1.70 Kids Learning Experience ===== */
.manasa-learning-roadmap{background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);border:1px solid #e1e9f5;border-radius:24px;padding:22px;margin:0 0 22px;box-shadow:0 12px 32px rgba(22,35,63,.06)}
.manasa-roadmap-head{display:flex;flex-direction:column;gap:5px}.manasa-kid-kicker,.manasa-visual-kicker{font-weight:900;color:var(--manasa-teal);font-size:.82rem}.manasa-roadmap-head h2{font-size:1.35rem;color:var(--manasa-navy)}.manasa-roadmap-head p{margin:0;color:var(--manasa-ink-soft);font-size:.92rem}
.manasa-roadmap-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.manasa-roadmap-steps>div{background:#fff;border:1px solid var(--manasa-line);border-radius:16px;padding:12px;text-align:center;display:flex;flex-direction:column;gap:2px}.manasa-roadmap-steps b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;margin:0 auto 4px;background:var(--manasa-blue);color:#fff}.manasa-roadmap-steps span{font-weight:900}.manasa-roadmap-steps small{color:var(--manasa-ink-soft)}
.manasa-visual-lesson{display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,1.1fr);gap:18px;align-items:center;background:#fff;border:1px solid #e3e9f3;border-radius:24px;padding:22px;margin:0 0 22px;box-shadow:0 10px 28px rgba(22,35,63,.05);overflow:hidden}.manasa-visual-copy h3{font-size:1.35rem;margin:6px 0}.manasa-visual-copy p{margin:0;color:var(--manasa-ink-soft)}.manasa-visual-stage{min-height:180px;border-radius:20px;background:linear-gradient(145deg,#eef8f7,#f6f8ff);display:grid;place-items:center;padding:18px;text-align:center}.manasa-visual-stage strong{display:block;margin-top:10px}.manasa-visual-stage small{display:block;color:var(--manasa-ink-soft);margin-top:5px}
.manasa-number-line{display:flex;align-items:center;gap:12px;width:100%}.manasa-number-line i{height:4px;flex:1;background:var(--manasa-blue);border-radius:4px}.manasa-number-line span{width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid var(--manasa-blue);display:grid;place-items:center;font-weight:900}.manasa-visual-caption{font-size:.82rem;color:var(--manasa-ink-soft);margin-top:12px}
.manasa-fraction-visual{width:min(300px,90%);height:52px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#fff;padding:4px;border-radius:14px;border:1px solid #dce5f0}.manasa-fraction-visual div{border-radius:9px;background:#e8eef8}.manasa-fraction-visual .filled{background:linear-gradient(135deg,var(--manasa-teal),#67d1bd)}
.manasa-balance{width:min(310px,90%);display:flex;align-items:center;justify-content:center;gap:10px;position:relative;padding-top:28px}.manasa-balance .beam{position:absolute;top:48%;left:10%;right:10%;height:8px;border-radius:8px;background:var(--manasa-navy);transform:rotate(0deg)}.manasa-balance .pan{position:relative;z-index:1;min-width:110px;padding:18px 10px;background:#fff;border:2px solid var(--manasa-blue);border-radius:14px;font-weight:900;box-shadow:0 8px 18px rgba(46,90,172,.12)}
.manasa-power-visual{display:flex;align-items:center;gap:10px;font-size:2rem;font-weight:900}.manasa-power-visual span{background:#fff;border-radius:14px;padding:8px 15px;border:2px solid var(--manasa-blue)}.manasa-power-visual b{color:var(--manasa-coral)}.manasa-power-visual em{font-size:.8rem;color:var(--manasa-ink-soft);font-style:normal}
.manasa-visual-svg{width:min(330px,100%);height:170px}.manasa-visual-svg polygon,.manasa-visual-svg circle{fill:#fff;stroke:var(--manasa-blue);stroke-width:5}.manasa-visual-svg line,.manasa-visual-svg path{stroke:var(--manasa-teal);stroke-width:5}
.manasa-bars{height:140px;width:260px;display:flex;align-items:flex-end;gap:16px;padding:10px 14px;border-bottom:4px solid var(--manasa-navy)}.manasa-bars i{width:32px;background:linear-gradient(180deg,var(--manasa-blue),var(--manasa-teal));border-radius:10px 10px 2px 2px}.manasa-spinner{width:150px;height:150px;border-radius:50%;display:grid;grid-template-columns:1fr 1fr;place-items:center;background:conic-gradient(var(--manasa-teal) 0 25%,#fff 25% 50%,var(--manasa-amber) 50% 75%,#fff 75%);border:8px solid #fff;box-shadow:0 8px 20px rgba(22,35,63,.1);font-size:1.6rem;font-weight:900}.manasa-function-machine{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:center}.manasa-function-machine>span,.manasa-function-machine>div{background:#fff;border:2px solid var(--manasa-blue);border-radius:13px;padding:12px 18px;font-weight:900}.manasa-function-machine>div{background:var(--manasa-navy);color:#fff}.manasa-concept-map{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:center}.manasa-concept-map span{background:#fff;border:2px solid var(--manasa-blue);border-radius:14px;padding:14px 18px;font-weight:900}.manasa-concept-map i{color:var(--manasa-coral);font-style:normal;font-size:1.5rem}
.manasa-lesson-goals{background:#fff;border:1px solid var(--manasa-line);border-radius:22px;padding:20px;margin-bottom:20px}.manasa-goals-title{font-weight:900;font-size:1.05rem;margin-bottom:12px}.manasa-goals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.manasa-goal-card{display:flex;gap:10px;align-items:flex-start;background:#f8fbff;border-radius:15px;padding:12px}.manasa-goal-card span{flex:none;width:28px;height:28px;border-radius:50%;background:var(--manasa-teal);color:#fff;display:grid;place-items:center;font-weight:900}.manasa-goal-card p{margin:1px 0 0;font-size:.9rem}.manasa-rescue-card{display:flex;gap:12px;align-items:flex-start;background:linear-gradient(135deg,#fff8e8,#fff);border:1px solid #f0dfb7;border-radius:20px;padding:16px 18px;margin-bottom:20px}.manasa-rescue-card span{font-weight:900;white-space:nowrap}.manasa-rescue-card p{margin:0;color:#5d5136}
/* اجعل الشرح النصي نفسه أكثر راحة للطالب الضعيف */
.manasa-block--story{font-size:1.03rem;line-height:2.05;background:linear-gradient(135deg,#fff,#f8fbff);border-radius:22px;padding:22px 24px;border:1px solid #e4eaf3;position:relative}.manasa-block--story::after{content:'💬';position:absolute;top:14px;left:16px;font-size:1.4rem;opacity:.7}.manasa-block--info{border-radius:20px;padding:20px 22px;box-shadow:0 8px 22px rgba(22,35,63,.045)}.manasa-block--info h4{font-size:1.12rem;margin-bottom:10px}.manasa-block--simple{border-radius:22px;background:linear-gradient(135deg,#f4fffb,#fff);padding:22px}.manasa-block--review{border-radius:22px}
@media (max-width:760px){.manasa-roadmap-steps{grid-template-columns:repeat(2,1fr)}.manasa-visual-lesson{grid-template-columns:1fr;padding:18px}.manasa-visual-stage{min-height:170px}.manasa-roadmap-head h2{font-size:1.18rem}.manasa-content{padding:20px 14px 50px}}

/* v1.71 Kids Visual Learning: child-first lesson presentation */
.manasa-kids-welcome{display:grid;grid-template-columns:92px 1fr;gap:18px;align-items:center;margin:0 0 18px;padding:22px 24px;border-radius:28px;background:linear-gradient(135deg,#fffaf0,#f2fbff 55%,#f7f2ff);border:1px solid #e8e7ef;box-shadow:0 12px 30px rgba(28,39,64,.06)}
.manasa-kids-character{width:78px;height:78px;border-radius:26px;display:grid;place-items:center;background:#fff;border:3px solid #dfe8ff;box-shadow:0 8px 18px rgba(41,76,145,.12);font-size:42px;transform:rotate(-3deg)}
.manasa-kids-character span{display:block;animation:manasaKidWave 2.4s ease-in-out infinite}.manasa-kids-welcome h2{margin:4px 0 6px;font-size:1.35rem;line-height:1.55;color:var(--manasa-navy)}.manasa-kids-welcome p{margin:0;color:var(--manasa-ink-soft);line-height:1.9}
.manasa-look-note{margin-top:16px;padding:12px 14px;border-radius:16px;background:#fff;border:1px dashed #cdd8e9;color:var(--manasa-ink-soft);line-height:1.8}
.manasa-big-illustration{width:min(100%,500px);height:220px;overflow:visible}.manasa-big-illustration text{font-family:inherit;font-weight:900;fill:var(--manasa-navy)}.manasa-big-illustration .axis{stroke:var(--manasa-blue);stroke-width:8;stroke-linecap:round}.manasa-big-illustration .tick{stroke:var(--manasa-blue);stroke-width:5}.manasa-big-illustration .focus{fill:#fff3b0;stroke:var(--manasa-teal);stroke-width:6}.manasa-big-illustration .bubble-text{font-size:16px}.manasa-big-illustration .stand{stroke:var(--manasa-navy);stroke-width:8;stroke-linecap:round}.manasa-big-illustration .beam{stroke:var(--manasa-teal);stroke-width:10;stroke-linecap:round}.manasa-big-illustration .pan{fill:#fff;stroke:var(--manasa-blue);stroke-width:6}.manasa-big-illustration .shape{fill:#fff;stroke:var(--manasa-blue);stroke-width:7}.manasa-big-illustration .guide{stroke:var(--manasa-teal);stroke-width:5;stroke-dasharray:9 7}.manasa-big-illustration .point{fill:#fff3b0;stroke:var(--manasa-blue);stroke-width:5}.manasa-big-illustration .arc{fill:none;stroke:var(--manasa-teal);stroke-width:7}
.manasa-fraction-hero{width:min(300px,90%);display:grid;grid-template-columns:repeat(8,1fr);gap:7px;padding:12px;background:#fff;border-radius:20px;border:2px solid #dce6f5}.manasa-fraction-hero span{height:80px;border-radius:9px;background:#eef2f8;border:1px solid #d9e1ef}.manasa-fraction-hero span.on{background:linear-gradient(180deg,#8fe0d5,#4eb7ad);border-color:#4eb7ad}.manasa-fraction-label{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px}.manasa-fraction-label b{padding:5px 10px;border-radius:12px;background:#fff3b0}.manasa-fraction-label span{color:var(--manasa-ink-soft)}
.manasa-power-hero{padding:22px 30px;border-radius:22px;background:#fff;border:2px solid #dce6f5;text-align:center}.manasa-power-hero div{font-size:2.25rem;font-weight:900;color:var(--manasa-navy)}.manasa-power-hero b{display:inline-block;padding:7px 13px;border-radius:14px;background:#eaf7f5;color:var(--manasa-teal);margin:0 4px}.manasa-power-hero span{margin:0 7px;color:var(--manasa-ink-soft)}.manasa-power-hero small{display:block;margin-top:10px;color:var(--manasa-ink-soft)}
.manasa-bars-hero{height:190px;width:min(360px,90%);display:flex;align-items:end;justify-content:center;gap:13px;padding:14px 18px 0;border-bottom:5px solid var(--manasa-navy)}.manasa-bars-hero i{position:relative;width:42px;border-radius:13px 13px 0 0;background:linear-gradient(180deg,#8bdad1,#4eaeb0);display:block}.manasa-bars-hero i span{position:absolute;top:-25px;left:50%;transform:translateX(-50%);font-weight:900;font-size:.8rem;color:var(--manasa-navy)}
.manasa-probability-hero{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:340px}.manasa-probability-hero span{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;font-size:1.7rem;font-weight:900;background:#fff;border:3px solid #dce6f5;box-shadow:0 7px 12px rgba(28,39,64,.06)}
.manasa-function-hero{display:flex;align-items:center;justify-content:center;gap:12px;max-width:100%;font-size:1.8rem;font-weight:900}.manasa-function-hero>span{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:#fff3b0;border:2px solid #f0d66b}.manasa-function-hero>b{color:var(--manasa-teal)}.manasa-function-hero>div{min-width:130px;padding:16px;border-radius:20px;background:#fff;border:2px solid #dce6f5;text-align:center;font-size:1rem}.manasa-function-hero small{font-weight:600;color:var(--manasa-ink-soft)}
.manasa-concept-map--big{flex-wrap:wrap;gap:10px;font-size:1.05rem}.manasa-concept-map--big span{padding:13px 16px;border-radius:18px;background:#fff;border:2px solid #dce6f5;font-weight:900}.manasa-concept-map--big i{color:var(--manasa-teal);font-style:normal;font-size:1.5rem}
@keyframes manasaKidWave{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(7deg) translateY(-3px)}}
@media(max-width:760px){.manasa-kids-welcome{grid-template-columns:1fr;text-align:center;padding:18px}.manasa-kids-character{margin:0 auto}.manasa-kids-welcome h2{font-size:1.12rem}.manasa-kids-welcome p{font-size:.92rem}.manasa-big-illustration{height:auto;min-height:165px}.manasa-fraction-hero{width:100%;gap:4px}.manasa-fraction-hero span{height:60px}.manasa-function-hero{gap:5px;font-size:1.4rem}.manasa-function-hero>div{min-width:95px;padding:11px}.manasa-function-hero>span{width:48px;height:48px}}


/* v1.72.0 — persistent review-grade navigation */
.manasa-review-grades-section{margin:12px 12px 8px;padding:12px;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(255,255,255,.045)}
.manasa-sidebar-section-title{display:flex;align-items:center;gap:7px;margin:0 4px 8px;color:#fff;font-size:.82rem;font-weight:900}
.manasa-sidebar-review-all{display:flex;align-items:center;gap:8px;padding:8px 9px;margin-bottom:5px;border-radius:10px;color:#fff;text-decoration:none;background:rgba(255,255,255,.08);font-size:.78rem;font-weight:800}
.manasa-sidebar-review-all:hover{background:rgba(255,255,255,.14);color:#fff}
.manasa-review-grade-nav{display:flex;flex-direction:column;gap:3px;max-height:270px;overflow:auto;padding-inline-end:2px}
.manasa-review-grade-item{display:flex;align-items:center;gap:8px;min-height:31px;padding:6px 8px;border-radius:9px;color:rgba(255,255,255,.82);text-decoration:none;font-size:.74rem;font-weight:700;transition:background .16s ease,transform .16s ease}
.manasa-review-grade-item:hover{background:rgba(255,255,255,.09);color:#fff;transform:translateX(-2px)}
.manasa-review-grade-item.is-own{color:#fff;background:rgba(255,210,90,.10)}
.manasa-review-grade-item.is-current{background:rgba(84,210,178,.16);color:#fff;box-shadow:inset 3px 0 0 rgba(84,210,178,.9)}
.manasa-review-grade-item small{margin-inline-start:auto;font-size:.62rem;font-weight:900;opacity:.75}
.manasa-review-grade-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:rgba(255,255,255,.35)}
.manasa-review-grade-item.is-own .manasa-review-grade-dot{background:#ffd65a}
.manasa-review-grade-item.is-current .manasa-review-grade-dot{background:#54d2b2}
.manasa-ultra-simple{margin:22px 0;padding:26px;border-radius:28px;background:linear-gradient(145deg,#fff9e8,#f2fbff 58%,#f8f1ff);border:2px solid #eef0f6;box-shadow:0 14px 34px rgba(30,45,80,.07)}
.manasa-ultra-simple__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:#fff;border:1px solid #e8e8ef;font-weight:800;color:#2c426d}.manasa-ultra-simple h2{margin:12px 0 8px;font-size:1.45rem;line-height:1.5}.manasa-ultra-simple__intro{font-size:1.08rem;line-height:2;margin:0 0 18px;color:#38445b}.manasa-ultra-simple__steps{display:grid;gap:10px}.manasa-ultra-simple__step{display:flex;gap:12px;align-items:flex-start;padding:13px 14px;background:#fff;border-radius:18px;border:1px solid #edf0f5}.manasa-ultra-simple__step span{flex:0 0 34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:900;background:#eef5ff;color:#315ea8}.manasa-ultra-simple__step p{margin:3px 0;line-height:1.85}.manasa-ultra-simple__example,.manasa-ultra-simple__tip{margin-top:14px;padding:15px 16px;border-radius:18px;background:#fff;border:1px solid #edf0f5}.manasa-ultra-simple__example p{margin:8px 0 0;line-height:1.9}.manasa-ultra-simple__encourage{margin-top:14px;font-weight:700;line-height:1.8;color:#5c5870}@media(max-width:760px){.manasa-ultra-simple{padding:18px;border-radius:22px}.manasa-ultra-simple h2{font-size:1.18rem}.manasa-ultra-simple__intro{font-size:.98rem}}


/* v1.75 Kids Visual Learning: image-like SVG teaching cards */
.manasa-visual-picture{width:100%;max-width:560px}.manasa-visual-picture svg{width:100%;height:auto;display:block}.manasa-visual-picture .picture-bg{fill:#fff}.manasa-visual-picture .picture-title{font-size:20px;font-weight:800;fill:currentColor}.manasa-visual-picture .picture-caption{font-size:15px;font-weight:700;fill:currentColor}.manasa-visual-picture .picture-label{font-size:14px;font-weight:800;fill:currentColor}.manasa-visual-picture .axis{stroke:currentColor;stroke-width:5;stroke-linecap:round}.manasa-visual-picture .tick{stroke:currentColor;stroke-width:3}.manasa-visual-picture .focus{fill:#fff;stroke:currentColor;stroke-width:5}.manasa-visual-picture .focus-text,.manasa-visual-picture .big-number{font-size:24px;font-weight:900;fill:currentColor}.manasa-visual-picture .shape{fill:none;stroke:currentColor;stroke-width:6;stroke-linejoin:round}.manasa-visual-picture .guide{stroke:currentColor;stroke-width:4;stroke-dasharray:8 7}.manasa-visual-picture .point{fill:#fff;stroke:currentColor;stroke-width:4}.manasa-visual-picture .arc,.manasa-visual-picture .angle-arc{fill:none;stroke:currentColor;stroke-width:6}.manasa-visual-picture .stand,.manasa-visual-picture .beam{stroke:currentColor;stroke-width:7;stroke-linecap:round}.manasa-visual-picture .pan{fill:none;stroke:currentColor;stroke-width:5}.manasa-visual-picture .fraction-part{fill:#edf2f7;stroke:currentColor;stroke-width:2}.manasa-visual-picture .fraction-part.on,.manasa-visual-picture .percent-cell.on{fill:currentColor}.manasa-visual-picture .percent-cell{fill:#edf2f7}.manasa-visual-picture .dot-a,.manasa-visual-picture .dot-b{fill:currentColor}.manasa-visual-picture .place-box,.manasa-visual-picture .power-boxes rect{fill:#fff;stroke:currentColor;stroke-width:3}.manasa-visual-picture .focus-box{stroke-width:5}.manasa-visual-picture .bar{fill:currentColor}.manasa-visual-picture .prob-ball{fill:#fff;stroke:currentColor;stroke-width:4}.manasa-visual-picture .input-box,.manasa-visual-picture .output-box{fill:#fff;stroke:currentColor;stroke-width:3}.manasa-visual-picture .machine-box{fill:currentColor;stroke:currentColor;stroke-width:3}.manasa-visual-picture .machine-box+text{fill:#fff}.manasa-visual-picture .arrow-text{font-size:26px;font-weight:900}.manasa-visual-picture .map-one,.manasa-visual-picture .map-two,.manasa-visual-picture .map-three{fill:#fff;stroke:currentColor;stroke-width:5}.manasa-visual-picture .map-text{font-size:18px;font-weight:900;fill:currentColor}.manasa-visual-below{margin-top:10px;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.72);font-size:.94rem}.manasa-visual-lesson{grid-template-columns:minmax(0,.82fr) minmax(320px,1.18fr)}
@media(max-width:760px){.manasa-visual-lesson{grid-template-columns:1fr}.manasa-visual-picture .picture-title{font-size:17px}.manasa-visual-picture .picture-caption{font-size:13px}}

/* v1.76 — شرح بصري عميق: الرسم أولاً، ثم خطوة صغيرة، ثم القاعدة */
.manasa-deep-visual{margin:0 0 24px;padding:22px;border-radius:26px;border:1px solid #e6ebf3;background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:0 12px 30px rgba(25,42,70,.06)}
.manasa-deep-visual__head{max-width:780px;margin:0 auto 16px;text-align:center}.manasa-deep-visual__head>span{display:inline-flex;padding:7px 13px;border-radius:999px;background:#fff4d8;color:#8b5a00;font-weight:900;font-size:.85rem}.manasa-deep-visual__head h2{margin:9px 0 6px;color:var(--manasa-navy);font-size:1.55rem}.manasa-deep-visual__head p{margin:0;color:var(--manasa-ink-soft);line-height:1.9}
.manasa-deep-visual__scene{min-height:230px;border-radius:22px;background:radial-gradient(circle at 50% 0,#fff,#f2f7ff);display:grid;place-items:center;padding:16px;margin:14px 0}.manasa-deep-visual__scene svg{width:min(680px,100%);height:auto;max-height:300px}.manasa-deep-visual__scene text{font-family:inherit;font-size:18px;font-weight:800;fill:#18324b}.manasa-deep-visual .axis{stroke:#70859b;stroke-width:3}.manasa-deep-visual .vline{fill:none;stroke-width:8;stroke-linecap:round}.manasa-deep-visual .vline-a{stroke:#167c80}.manasa-deep-visual .vline-b{stroke:#f29f05}.manasa-deep-visual .curve{fill:none;stroke:#7b61b5;stroke-width:8;stroke-linecap:round}.manasa-deep-visual .answer-dot{fill:#fff;stroke:#e76f51;stroke-width:6}.manasa-deep-visual .circle{fill:#fff;stroke:#167c80;stroke-width:6}.manasa-deep-visual .radius,.manasa-deep-visual .chord,.manasa-deep-visual .tangent{stroke:#167c80;stroke-width:6;fill:none}.manasa-deep-visual .arc{stroke:#f29f05;stroke-width:10;fill:none}.manasa-deep-visual .angle{stroke:#7b61b5;stroke-width:6;fill:none}.manasa-deep-visual .quad,.manasa-deep-visual .triangle-shape,.manasa-deep-visual .shape{fill:#eaf5f4;stroke:#167c80;stroke-width:6}.manasa-deep-visual .large-shape{fill:#fff1dc;stroke:#f29f05}.manasa-deep-visual .event-a{fill:rgba(22,124,128,.18);stroke:#167c80;stroke-width:5}.manasa-deep-visual .event-b{fill:rgba(242,159,5,.18);stroke:#f29f05;stroke-width:5}.manasa-deep-visual .box{fill:#fff;stroke:#b9c7d6;stroke-width:3}.manasa-deep-visual .right-angle{fill:none;stroke:#7b61b5;stroke-width:5}
.manasa-deep-visual__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.manasa-deep-visual__steps article{background:#fff;border:1px solid #e8edf5;border-radius:18px;padding:15px;min-height:120px}.manasa-deep-visual__steps b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#167c80;color:#fff;margin-bottom:8px}.manasa-deep-visual__steps h3{margin:0 0 5px;font-size:1rem}.manasa-deep-visual__steps p{margin:0;color:var(--manasa-ink-soft);line-height:1.8}
.formula-card{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.formula-card span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#fff4d8;font-weight:900;font-size:1.5rem}.formula-card strong{display:block;background:#fff;border:2px dashed #e7a61a;padding:18px 22px;border-radius:18px;font-size:1.25rem;direction:ltr}.formula-arrows{margin-top:14px;font-weight:800}.formula-arrows i{padding:0 8px}.fraction-scene,.function-scene,.generic-scene,.power-scene{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;text-align:center}.fraction-scene>div:first-child{font-size:1.6rem}.fraction-scene .arrow{font-size:2rem}.fraction-scene strong,.function-scene div{padding:18px 24px;border-radius:18px;background:#fff;border:2px solid #dce5f0}.fraction-scene small{display:block;color:#667085;margin-top:4px}.power-stack{font-size:2rem;display:flex;align-items:center;gap:7px;direction:ltr}.power-stack span{background:#fff;border:2px solid #167c80;border-radius:12px;padding:7px 12px}.power-stack sup{color:#e76f51;font-weight:900}.power-stack b{color:#7b61b5}.power-scene strong{background:#fff4d8;padding:10px 15px;border-radius:14px;direction:ltr}.mini-scenes{display:flex;gap:28px;flex-wrap:wrap;justify-content:center}.mini-scenes>div{display:grid;place-items:center;gap:8px}.mini-circle{width:95px;height:95px;border:5px solid #167c80;border-radius:50%;display:block}.mini-scenes .dot{width:15px;height:15px;background:#e76f51;border-radius:50%;position:absolute}.mini-scenes>div{position:relative}.mini-scenes .inside{transform:translateY(-20px)}.mini-scenes .on{transform:translate(47px,-47px)}.mini-scenes .outside{transform:translate(78px,-70px)}.spread-scene{height:180px;display:flex;align-items:end;gap:14px}.spread-scene span{display:block;width:46px;height:var(--h);background:#167c80;border-radius:10px 10px 0 0}.generic-scene span{padding:16px 20px;border-radius:16px;background:#fff;border:2px solid #dce5f0;font-weight:900}.generic-scene b{font-size:1.5rem;color:#7b61b5}
@media(max-width:760px){.manasa-deep-visual{padding:16px;border-radius:20px}.manasa-deep-visual__head h2{font-size:1.25rem}.manasa-deep-visual__steps{grid-template-columns:1fr}.manasa-deep-visual__scene{min-height:190px;padding:10px}.formula-card strong{font-size:1rem}.power-stack{font-size:1.5rem}}

/* ==========================================================
   v1.90 — GLOBAL KIDS LEARNING EXPERIENCE
   الهدف: تقليل الحمل النصي، رفع الوضوح البصري، وتشجيع الطالب
   بدون تحويل المنهج إلى لعبة أو تغيير المعلومة العلمية.
   ========================================================== */
.manasa-app{--mk-primary:#5b5ce2;--mk-secondary:#18a999;--mk-warm:#ffb648;--mk-ink:#17233b;--mk-soft:#64748b;--mk-card:#ffffff;--mk-bg:#f5f8fc}
.manasa-content{font-size:16px;line-height:1.95}
.manasa-kids-learning-pack{position:relative;margin:0 0 24px;padding:24px;border-radius:30px;background:linear-gradient(145deg,#fff 0%,#f7f8ff 48%,#effcf9 100%);border:1px solid #e4e8f3;box-shadow:0 18px 45px rgba(31,41,71,.08);overflow:hidden}
.manasa-kids-learning-pack:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(255,182,72,.14);top:-80px;left:-50px}
.manasa-pack-head{position:relative;z-index:1;max-width:780px;margin-bottom:18px}.manasa-pack-head h2{margin:5px 0 6px;font-size:1.45rem;line-height:1.5;color:var(--mk-ink);font-weight:900}.manasa-pack-head p{margin:0;color:var(--mk-soft)}
.manasa-pack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;position:relative;z-index:1}
.manasa-pack-card{display:flex;gap:13px;align-items:flex-start;padding:17px;border-radius:20px;background:rgba(255,255,255,.9);border:1px solid rgba(219,225,238,.95);box-shadow:0 8px 22px rgba(35,45,75,.045);transition:transform .18s ease,box-shadow .18s ease}.manasa-pack-card:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(35,45,75,.09)}
.manasa-pack-card>span{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#f1f3ff;font-size:1.35rem}.manasa-pack-card b{display:block;color:var(--mk-ink);font-weight:900;margin-bottom:3px}.manasa-pack-card p{margin:0;color:#4c5a72;font-size:.94rem;line-height:1.85}.manasa-pack-card--idea>span{background:#eef9f5}.manasa-pack-card--example>span{background:#fff7e9}.manasa-pack-card--mistake>span{background:#fff1ee}.manasa-pack-card--challenge>span{background:#f2efff}
.manasa-pack-footer{position:relative;z-index:1;margin-top:13px;padding:12px 14px;border-radius:15px;background:rgba(255,255,255,.7);color:#556176;font-size:.9rem}
.manasa-kids-welcome{border-radius:30px;box-shadow:0 16px 38px rgba(31,41,71,.08)}
.manasa-learning-roadmap{border-radius:28px;box-shadow:0 14px 34px rgba(31,41,71,.06)}
.manasa-roadmap-steps>div{min-height:108px;border-radius:20px;transition:transform .18s ease,box-shadow .18s ease}.manasa-roadmap-steps>div:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(31,41,71,.08)}
.manasa-visual-lesson{border-radius:30px;box-shadow:0 16px 40px rgba(31,41,71,.07)}
.manasa-visual-stage{min-height:250px;border-radius:24px}
.manasa-visual-picture svg{filter:drop-shadow(0 8px 14px rgba(31,41,71,.05))}
.manasa-lesson-blocks .manasa-block{border-radius:24px}
.manasa-block--info,.manasa-block--simple,.manasa-block--review,.manasa-block--story{font-size:1rem;line-height:2}
.manasa-block--info p,.manasa-block--simple p,.manasa-block--review p,.manasa-block--story p{max-width:860px}
.manasa-lesson-intro--first{border-radius:28px;box-shadow:0 15px 34px rgba(31,41,71,.08);border:1px solid #e4e9f2;background:linear-gradient(135deg,#fffdf7,#f5fbff)}
.manasa-audio-summary-btn{min-height:58px;border-radius:18px;font-weight:900;box-shadow:0 8px 20px rgba(91,92,226,.12)}
.manasa-audio-summary-btn.is-speaking{animation:manasaAudioPulse 1.4s ease-in-out infinite}
@keyframes manasaAudioPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.015)}}
.manasa-math-line{font-family:"Cambria Math","STIX Two Math","Noto Sans Arabic",serif;font-size:1.12em;letter-spacing:.01em;unicode-bidi:isolate;white-space:nowrap}
.manasa-math-line sup{font-size:.66em;line-height:0;position:relative;top:-.15em}
.manasa-lesson-pager{gap:12px}.manasa-pager-btn{border-radius:18px;min-height:58px}
@media(max-width:760px){.manasa-kids-learning-pack{padding:18px;border-radius:24px}.manasa-pack-grid{grid-template-columns:1fr}.manasa-pack-head h2{font-size:1.18rem}.manasa-pack-card{padding:14px}.manasa-visual-stage{min-height:210px}.manasa-content{font-size:15px}}
/* v1.90 global shell polish */
.manasa-sidebar{box-shadow:12px 0 40px rgba(17,27,54,.18)}
.manasa-sidebar-section-title{letter-spacing:.01em}
.manasa-sidebar-review-all{border:1px solid rgba(255,255,255,.08);min-height:42px;transition:transform .16s ease,background .16s ease}.manasa-sidebar-review-all:hover{transform:translateX(-2px)}
.manasa-sidebar .manasa-lesson-item{border-radius:14px;margin:3px 0;min-height:42px;transition:transform .16s ease,background .16s ease}.manasa-sidebar .manasa-lesson-item:hover{transform:translateX(-2px)}
.manasa-main{background:linear-gradient(180deg,#f8fbff 0,#f4f7fb 100%)}
.manasa-lesson-hero{border-radius:28px!important;box-shadow:0 16px 38px rgba(31,41,71,.07)!important}
.manasa-lessons-list .manasa-lesson-row{border-radius:18px!important;box-shadow:0 7px 18px rgba(31,41,71,.035)}
.manasa-lesson-title{font-weight:800}

/* v2.1 — audio summary first: clear, child-friendly, and usable on desktop/mobile */
.manasa-block--audio-summary{margin:0 0 24px;padding:22px;border-radius:24px;border:2px solid rgba(0,0,0,.08);background:linear-gradient(135deg,#fff,#f7fbff);box-shadow:0 10px 30px rgba(0,0,0,.06)}
.manasa-audio-summary-head{display:flex;gap:14px;align-items:center;margin-bottom:14px}.manasa-audio-summary-head>span{font-size:32px}.manasa-audio-summary-head strong{display:block;font-size:20px}.manasa-audio-summary-head small{display:block;margin-top:4px;opacity:.72}.manasa-audio-summary-player{width:100%;margin:4px 0 12px}.manasa-audio-summary-btn{display:flex;align-items:center;gap:10px;border:0;border-radius:16px;padding:12px 16px;cursor:pointer;font:inherit;font-weight:700}.manasa-audio-summary-text{margin:14px 0 0;line-height:1.9}

/* v2.0.2 — playful, low-pressure learning moment */
.manasa-playful-explore{margin:28px 0;padding:24px;border:1px solid rgba(32,50,80,.10);border-radius:24px;background:linear-gradient(135deg,#fffdf5,#f5fbff);box-shadow:0 12px 32px rgba(32,50,80,.06)}
.manasa-playful-explore__eyebrow{display:inline-block;font-weight:800;font-size:.88rem;margin-bottom:6px}
.manasa-playful-explore h2{margin:0 0 8px;font-size:1.45rem}
.manasa-playful-explore p{line-height:1.8;margin:0}
.manasa-playful-explore__steps{display:grid;gap:10px;margin:18px 0}
.manasa-playful-step{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:#fff;border-radius:16px}
.manasa-playful-step span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-weight:800;background:#eef5ff;flex:0 0 auto}
.manasa-playful-choices{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.manasa-playful-choice{border:1px solid rgba(32,50,80,.12);background:#fff;border-radius:14px;padding:11px 14px;cursor:pointer;font:inherit;font-weight:700;transition:transform .15s ease,box-shadow .15s ease}
.manasa-playful-choice:hover,.manasa-playful-choice:focus-visible{transform:translateY(-2px);box-shadow:0 8px 20px rgba(32,50,80,.10);outline:none}
.manasa-playful-response{margin-top:14px;font-weight:700;min-height:28px}
.manasa-playful-note{display:block;margin-top:12px;opacity:.72}
@media (max-width:640px){.manasa-playful-explore{padding:18px;border-radius:18px}.manasa-playful-choices{display:grid}.manasa-playful-choice{width:100%;text-align:right}}

/* v2.3 — learning journey: agency, pacing, and low-pressure formative support */
.manasa-learning-journey{margin:26px 0;padding:26px;border-radius:28px;background:linear-gradient(135deg,#f7fbff,#fffdf6);border:1px solid rgba(31,41,71,.09);box-shadow:0 14px 34px rgba(31,41,71,.06)}
.manasa-journey-head h2{margin:4px 0 7px;font-size:1.5rem}.manasa-journey-head p{margin:0;line-height:1.9;max-width:780px}
.manasa-journey-track{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0 14px}
.manasa-journey-node{border:1px solid rgba(31,41,71,.1);background:#fff;border-radius:18px;padding:14px;text-align:right;cursor:pointer;font:inherit;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.manasa-journey-node b{grid-row:span 2;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#eef4ff}.manasa-journey-node span{font-weight:900}.manasa-journey-node small{opacity:.7}.manasa-journey-node:hover,.manasa-journey-node:focus-visible{transform:translateY(-2px);box-shadow:0 8px 20px rgba(31,41,71,.09);outline:none}.manasa-journey-node.is-active{border-color:rgba(91,92,226,.38);box-shadow:0 8px 22px rgba(91,92,226,.10)}
.manasa-journey-message{padding:14px 16px;border-radius:16px;background:#fff;font-weight:800;line-height:1.8}.manasa-journey-checkin{margin-top:16px;padding-top:16px;border-top:1px dashed rgba(31,41,71,.15)}.manasa-journey-checkin-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}.manasa-journey-checkin-actions button{border:1px solid rgba(31,41,71,.11);background:#fff;border-radius:14px;padding:10px 13px;cursor:pointer;font:inherit;font-weight:800}.manasa-journey-checkin-actions button:hover,.manasa-journey-checkin-actions button:focus-visible{box-shadow:0 6px 16px rgba(31,41,71,.08);outline:none}.manasa-journey-feedback{min-height:24px;margin:10px 0 0;font-weight:800}
@media(max-width:760px){.manasa-learning-journey{padding:18px;border-radius:22px}.manasa-journey-track{grid-template-columns:1fr 1fr}.manasa-journey-head h2{font-size:1.25rem}.manasa-journey-checkin-actions{display:grid;grid-template-columns:1fr}.manasa-journey-checkin-actions button{text-align:right}}

/* v2.4 — adaptive learning coach */
.manasa-adaptive-coach{margin:22px 0;padding:24px;border-radius:24px;border:1px solid rgba(75,85,99,.14);background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,250,252,.98));box-shadow:0 10px 30px rgba(15,23,42,.06)}
.manasa-adaptive-coach__head h2{margin:6px 0 8px;font-size:clamp(20px,3vw,28px)}
.manasa-adaptive-coach__head p{margin:0;line-height:1.9}
.manasa-adaptive-coach__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.manasa-adaptive-coach__actions button{border:0;border-radius:16px;padding:12px 16px;font:inherit;font-weight:800;cursor:pointer;background:#fff;box-shadow:0 5px 16px rgba(15,23,42,.08);transition:transform .15s ease,box-shadow .15s ease}
.manasa-adaptive-coach__actions button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,23,42,.12)}
.manasa-adaptive-coach__actions button:disabled{opacity:.6;cursor:wait;transform:none}
.manasa-adaptive-coach__status{margin-top:14px;min-height:24px;font-weight:800;line-height:1.8}
.manasa-adaptive-diagnosis{margin-top:16px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.82);border:1px dashed rgba(75,85,99,.2)}
.manasa-adaptive-diagnosis strong{display:block;margin:5px 0;font-size:18px}
.manasa-adaptive-diagnosis p{margin:0 0 7px;line-height:1.8}
.manasa-adaptive-diagnosis b{display:inline-block;font-size:14px}
@media(max-width:700px){.manasa-adaptive-coach{padding:18px}.manasa-adaptive-coach__actions{display:grid;grid-template-columns:1fr}.manasa-adaptive-coach__actions button{width:100%}}

/* v3.0 — concise visual-first lesson experience */
.manasa-kids-lesson-card{margin:0 0 24px;border:1px solid #e6eaf0;border-radius:24px;background:#fff;box-shadow:0 10px 26px rgba(31,41,71,.06);overflow:hidden}
.manasa-kids-lesson-card--v31 .manasa-kids-lesson-card__top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px 12px;background:#fbfcff}
.manasa-kids-lesson-card__top h2{margin:7px 0 3px;font-size:1.28rem;line-height:1.3}
.manasa-kids-lesson-card__top p{margin:0;color:#667085;font-size:.95rem}
.manasa-kids-chip{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#f1f5f9;font-weight:800;font-size:.84rem}
.manasa-kids-face{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#f8fafc;font-size:25px}
.manasa-kids-lesson-card__visual{padding:8px 16px 0}
.manasa-kids-lesson-card__visual svg{display:block;width:100%;height:auto;max-height:280px}
.manasa-kids-lesson-card__visual .kid-bg{fill:#f8fafc}
.manasa-kids-lesson-card__visual .kid-whole,.manasa-kids-lesson-card__visual .kid-outline{fill:#fff;stroke:currentColor;stroke-width:6}
.manasa-kids-lesson-card__visual .kid-slice{fill:#eef2f7;stroke:currentColor;stroke-width:2}.manasa-kids-lesson-card__visual .kid-slice.is-on{fill:currentColor}
.manasa-kids-lesson-card__visual .kid-dot{fill:currentColor}.manasa-kids-lesson-card__visual .kid-line{stroke:currentColor;stroke-width:5;stroke-linecap:round}.manasa-kids-lesson-card__visual .kid-divider{stroke:currentColor;stroke-width:3;stroke-dasharray:7 7}.manasa-kids-lesson-card__visual .kid-helper{stroke:currentColor;stroke-width:2;stroke-dasharray:6 5;opacity:.65}.manasa-kids-lesson-card__visual .kid-box{fill:#fff;stroke:currentColor;stroke-width:4}.manasa-kids-lesson-card__visual .kid-arc{fill:none;stroke:currentColor;stroke-width:5}
.manasa-kids-lesson-card__visual .kid-percent{fill:#eef2f7}.manasa-kids-lesson-card__visual .kid-percent.is-on{fill:currentColor}
.manasa-kids-lesson-card__visual .kid-big{font-size:25px;font-weight:900;fill:currentColor}.manasa-kids-lesson-card__visual .kid-small{font-size:17px;font-weight:700;fill:currentColor}.manasa-kids-lesson-card__visual .kid-number{font-size:42px;font-weight:950;fill:currentColor;letter-spacing:1px}
.manasa-kids-lesson-card__visual .kid-group-box{fill:#fff;stroke:currentColor;stroke-width:3}
.manasa-kids-lesson-card__visual .kid-group-line{stroke:currentColor;stroke-width:3;stroke-dasharray:7 7;opacity:.45}
.manasa-kids-lesson-card__visual .kid-note{font-size:15px;font-weight:700;fill:currentColor}

.kid-generic-visual{min-height:210px;border-radius:20px;background:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center}.kid-generic-visual span{font-size:46px}.kid-generic-visual b{font-size:1.2rem}.kid-generic-visual small{color:#667085}
.manasa-kids-lesson-card__simple{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 16px}
.kid-mini-block{padding:13px 15px;border-radius:16px;background:#f8fafc}.kid-mini-block b{display:block;margin-bottom:5px}.kid-mini-block p{margin:0;line-height:1.65;font-size:.96rem}
.kid-mini-block--example{background:#fffaf0}
.kid-mini-challenge{margin:0 16px 12px;padding:14px;border-radius:16px;background:#fff8e8;border:1px solid #f0dfad}.kid-mini-challenge>b{display:block;margin-bottom:6px}.kid-mini-challenge>p{margin:0 0 9px;font-weight:700}.kid-mini-options{display:flex;flex-wrap:wrap;gap:7px}.kid-mini-options button{border:1px solid #d9dee8;background:#fff;border-radius:11px;padding:8px 12px;cursor:pointer;font-weight:700}.kid-mini-options button:hover{transform:translateY(-1px)}.kid-mini-options button.is-correct{outline:3px solid rgba(44,156,100,.18)}.kid-mini-options button.is-wrong{outline:3px solid rgba(220,70,70,.14)}.kid-mini-feedback{min-height:22px;margin-top:8px;font-weight:700}
.kid-mini-tip{margin:0 16px 16px;padding:10px 13px;border-radius:14px;background:#fafafa}.kid-mini-tip summary{cursor:pointer;font-weight:800}.kid-mini-tip p{margin:8px 0 0;line-height:1.6}
@media(max-width:760px){.manasa-kids-lesson-card--v31 .manasa-kids-lesson-card__top{padding:15px 14px 9px}.manasa-kids-lesson-card__top h2{font-size:1.12rem}.manasa-kids-face{width:42px;height:42px;font-size:22px}.manasa-kids-lesson-card__visual{padding:6px 6px 0}.manasa-kids-lesson-card__simple{grid-template-columns:1fr;padding:8px}.kid-mini-challenge,.kid-mini-tip{margin-left:8px;margin-right:8px}.manasa-kids-lesson-card__visual .kid-big{font-size:20px}.manasa-kids-lesson-card__visual .kid-small{font-size:14px}.manasa-kids-lesson-card__visual .kid-number{font-size:31px}.manasa-kids-lesson-card__visual .kid-note{font-size:12px}.kid-generic-visual{min-height:170px}}.manasa-kids-lesson-card__top h2{font-size:1.2rem}.manasa-kids-face{width:48px;height:48px;font-size:25px}.manasa-kids-lesson-card__visual{padding:8px 10px}.manasa-kids-lesson-card__simple{grid-template-columns:1fr;padding:10px}.kid-mini-challenge{margin:0 10px 12px}.kid-mini-note{padding:0 10px 16px}.manasa-kids-lesson-card__visual .kid-big{font-size:21px}.manasa-kids-lesson-card__visual .kid-small{font-size:14px}.manasa-kids-lesson-card__visual .kid-number{font-size:31px}.manasa-kids-lesson-card__visual .kid-note{font-size:12px}}


/* v3.3 — child-first lesson slide: visual hierarchy, audio-first, example, practice */
.manasa-kids-board--v33{margin:0 0 26px;background:#fff;border:1px solid #e6eaf2;border-radius:28px;box-shadow:0 18px 48px rgba(20,37,63,.08);overflow:hidden;color:#18264b}
.kids-board-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px 16px;background:linear-gradient(180deg,#fbfdff 0%,#fff 100%);border-bottom:1px solid #eef1f6}
.kids-board-kicker{display:inline-flex;padding:6px 11px;border-radius:999px;background:#eef7ff;color:#2162c4;font-weight:900;font-size:.82rem}
.kids-board-title h2{margin:8px 0 4px;font-size:clamp(1.45rem,2.8vw,2rem);line-height:1.25;color:#172b62}.kids-board-title p{margin:0;color:#667085;font-weight:700}.kids-board-character{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:#f1f7ff;font-size:38px;box-shadow:inset 0 0 0 1px #e1eaf8}
.kids-audio-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:18px 24px 8px;padding:13px 16px;border-radius:20px;background:#f0fbf8;border:1px solid #d7eee8}.kids-audio-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#d9f4ea;font-size:22px}.kids-audio-copy{min-width:0}.kids-audio-copy strong{display:block;color:#15936e;font-size:1rem}.kids-audio-copy span{display:block;margin-top:2px;color:#52606d;line-height:1.55;font-size:.9rem}.kids-audio-player{width:220px;max-width:100%;height:40px}.kids-read-button{border:0;border-radius:13px;padding:10px 15px;background:#1fa774;color:#fff;font:inherit;font-weight:900;cursor:pointer}.kids-read-button:hover{filter:brightness(.96)}
.kids-section-label{display:inline-flex;align-items:center;margin:20px 24px 9px;padding:8px 15px;border-radius:13px;color:#fff;font-weight:950;font-size:.95rem;box-shadow:0 5px 14px rgba(0,0,0,.08)}.kids-section-label--purple{background:#7256e8}.kids-section-label--orange{background:#eea21a}.kids-section-label--pink{background:#ee4f7a}
.kids-visual-panel{margin:0 24px;border:1px solid #e9edf4;border-radius:23px;background:#fbfcff;display:grid;grid-template-columns:minmax(190px,.62fr) minmax(0,2fr);gap:10px;align-items:center;padding:18px 20px}.kids-visual-copy{padding:10px 4px 10px 10px}.kids-mini-tag{display:inline-flex;padding:5px 9px;border-radius:999px;background:#f2ecff;color:#6c4fe2;font-weight:900;font-size:.8rem}.kids-visual-copy h3{margin:9px 0 7px;font-size:1.35rem;line-height:1.35}.kids-visual-copy p{margin:0;color:#687385;line-height:1.75;font-weight:700}.kids-visual-art{min-width:0}.kids-visual-art svg{display:block;width:100%;height:auto;min-height:245px;max-height:330px}.kids-visual-art .kv-number{font-size:47px;font-weight:950;fill:#172b62}.kids-visual-art .kv-big{font-size:29px;font-weight:950;fill:#172b62}.kids-visual-art .kv-small{font-size:17px;font-weight:850;fill:#65748b}.kids-visual-art .kv-label{font-size:18px;font-weight:950;fill:#172b62}.kids-visual-art .kv-note{font-size:16px;font-weight:750;fill:#687385}.kids-visual-art .kv-dash{stroke:#9ba7b9;stroke-width:2.5;stroke-dasharray:7 7}.kids-visual-art .kv-box{fill:#fff;stroke:#dce3ee;stroke-width:2}.kids-visual-art .kv-box--green{fill:#eaf8f1;stroke:#bfe9d5}.kids-visual-art .kv-box--blue{fill:#edf4ff;stroke:#c8ddff}.kids-visual-art .kv-box--orange{fill:#fff5df;stroke:#f3d48e}.kids-visual-art .kv-circle{fill:#f7f9fc;stroke:#6f56df;stroke-width:6}.kids-visual-art .kv-slice{fill:#eef0f5;stroke:#fff;stroke-width:2}.kids-visual-art .kv-slice.is-on{fill:#7557e7}.kids-visual-art .kv-dot{fill:#2c5fc4}.kids-visual-art .kv-divider{stroke:#aeb8c7;stroke-width:3;stroke-dasharray:8 8}.kids-visual-art .kv-percent{fill:#e7edf5}.kids-visual-art .kv-percent.is-on{fill:#31ae7d}.kids-visual-art .kv-box:not(.kv-box--green):not(.kv-box--blue):not(.kv-box--orange){fill:#fff}.kids-visual-art .kv-axis{stroke:#52627b;stroke-width:5;stroke-linecap:round}.kids-visual-art .kv-arc{fill:none;stroke:#7256e8;stroke-width:5}.kids-visual-art .kv-outline{fill:#f8f9fc;stroke:#7256e8;stroke-width:6}.kids-generic-art{min-height:245px;border-radius:18px;background:#f7f9fc;display:grid;place-items:center;align-content:center;gap:8px;text-align:center}.kids-generic-art span{font-size:48px}.kids-generic-art strong{font-size:1.25rem}.kids-generic-art small{color:#6b7280}
.kids-example-card{margin:0 24px;padding:15px 18px;border:1px solid #f2e1b8;background:#fffaf0;border-radius:18px;display:flex;gap:13px;align-items:flex-start}.kids-example-icon{width:42px;height:42px;border-radius:12px;background:#fff0cc;display:grid;place-items:center;font-size:20px;flex:0 0 auto}.kids-example-card strong{display:block;font-size:1rem}.kids-example-card p{margin:5px 0 0;line-height:1.75;font-weight:750;color:#344054}.kids-practice-card{margin:0 24px 16px;padding:18px;border:1px solid #f5cddd;background:linear-gradient(180deg,#fff9fc,#fff);border-radius:20px}.kids-practice-question{padding:8px 10px;line-height:1.8;font-size:1.05rem}.kids-practice-options{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}.kids-practice-options button{border:1px solid #d9e0eb;background:#fff;border-radius:13px;padding:10px 15px;cursor:pointer;font:inherit;font-weight:900;color:#203250;transition:.15s ease}.kids-practice-options button:hover{transform:translateY(-2px);box-shadow:0 7px 18px rgba(31,41,71,.09)}.kids-warning{margin:0 24px 20px;border-radius:16px;background:#f8fafc;padding:11px 14px}.kids-warning summary{cursor:pointer;font-weight:900}.kids-warning p{margin:8px 0 0;line-height:1.75;color:#475467}
@media(max-width:800px){.kids-board-head{padding:18px 16px 13px}.kids-board-character{width:50px;height:50px;font-size:30px}.kids-audio-bar{grid-template-columns:auto 1fr;margin:14px 12px 5px}.kids-audio-player,.kids-read-button{grid-column:1/-1;width:100%}.kids-section-label{margin-inline:12px}.kids-visual-panel{margin-inline:12px;grid-template-columns:1fr;padding:13px}.kids-visual-copy{padding:6px 5px 0}.kids-visual-art svg{min-height:190px}.kids-example-card,.kids-practice-card,.kids-warning{margin-inline:12px}.kids-visual-art .kv-number{font-size:36px}.kids-visual-art .kv-big{font-size:23px}.kids-visual-art .kv-label{font-size:14px}.kids-visual-art .kv-note{font-size:13px}}

/* v3.4 — reference-inspired lesson canvas applied to every lesson */
.manasa-kids-board--v33{border:0;border-radius:26px;background:#fff;box-shadow:0 12px 34px rgba(23,43,98,.07);margin:0 0 28px}
.kids-board-head{padding:22px 26px 12px;background:#fff;border-bottom:0}
.kids-board-title h2{font-size:clamp(1.55rem,2.8vw,2.2rem);color:#132653;margin:5px 0}
.kids-board-title p{font-size:.94rem;color:#6b7280}
.kids-board-kicker{background:#eef5ff;color:#275fbd}
.kids-board-character{background:#eef8ff;border:1px solid #dceaff}
.kids-audio-bar{margin:8px 24px 6px;padding:12px 16px;background:linear-gradient(90deg,#eefaf5,#f5fbff);border:1px solid #d8eee8;min-height:72px}
.kids-audio-copy strong{font-size:1.05rem}.kids-audio-copy span{font-size:.86rem}
.kids-read-button{background:#20a875;border-radius:12px;padding:10px 18px}
.kids-section-label{margin:18px 24px 9px;padding:8px 16px;border-radius:13px;font-size:.92rem}
.kids-visual-panel{margin:0 24px;padding:18px 20px;grid-template-columns:minmax(210px,.48fr) minmax(0,2.2fr);gap:18px;background:#fff;border:1px solid #e6eaf2;box-shadow:0 8px 22px rgba(20,37,63,.04)}
.kids-visual-copy{padding:8px 10px}.kids-visual-copy h3{font-size:1.5rem;color:#132653}.kids-visual-copy p{font-size:.95rem}
.kids-visual-art{border-radius:18px;background:#fbfcff;min-height:260px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.kids-visual-art svg{min-height:260px;max-height:340px}
.kids-visual-art .kv-number{font-size:48px}.kids-visual-art .kv-big{font-size:29px}
.kids-steps-strip{margin:12px 24px 0;padding:12px 14px;border:1px solid #e4e9f2;border-radius:18px;background:#f8faff;display:flex;align-items:center;justify-content:center;gap:10px}
.kids-step{min-width:120px;padding:9px 12px;border-radius:14px;background:#fff;text-align:center;border:1px solid #e5eaf3}.kids-step span{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#6d52df;color:#fff;font-weight:900;margin-left:5px}.kids-step b{font-size:.92rem}.kids-step small{display:block;color:#7a8494;margin-top:2px}.kids-step-arrow{font-size:1.2rem;color:#7b8798;font-weight:900}
.kids-example-card{margin:0 24px;padding:18px 20px;background:#fffaf0;border:1px solid #f1ddb2;box-shadow:0 6px 16px rgba(90,70,20,.04)}
.kids-example-card p{font-size:1rem;line-height:1.85}
.kids-practice-card{margin:0 24px 18px;padding:18px 20px;background:#fff8fb;border:1px solid #f1cfe0}.kids-practice-question{font-size:1.08rem}
.kids-generic-art{width:100%;min-height:260px;background:#fbfcff;border-radius:18px}
.kids-concept-map{padding:18px}.concept-map-title{font-size:1.2rem;font-weight:950;color:#172b62;margin-bottom:18px}.concept-map-flow{display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.concept-map-node{width:29%;min-height:118px;border-radius:18px;padding:14px 10px;background:#fff;border:2px solid #e1e7f0;text-align:center;display:flex;flex-direction:column;justify-content:center}.concept-map-node span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;margin:0 auto 7px;background:#6f56df;color:#fff;font-weight:950}.concept-map-node b{font-size:.98rem}.concept-map-node small{display:block;color:#6b7280;margin-top:5px;line-height:1.45}.concept-map-node--one{border-color:#cfe3ff}.concept-map-node--two{border-color:#d9d0ff}.concept-map-node--three{border-color:#ccebdc}.concept-map-node--three span{background:#22a876}.concept-map-arrow{font-size:1.35rem;color:#8994a5;font-weight:900}
@media(max-width:800px){.kids-board-head{padding:18px 14px 10px}.kids-audio-bar{margin-inline:10px}.kids-visual-panel{margin-inline:10px;grid-template-columns:1fr;padding:10px}.kids-visual-art{min-height:210px}.kids-visual-art svg{min-height:210px}.kids-steps-strip{margin-inline:10px;gap:4px;padding:8px}.kids-step{min-width:0;flex:1;padding:8px 5px}.kids-step-arrow{font-size:.9rem}.kids-example-card,.kids-practice-card,.kids-warning{margin-inline:10px}.concept-map-flow{gap:4px}.concept-map-node{min-height:105px;padding:9px 5px}.concept-map-node b{font-size:.78rem}.concept-map-node small{font-size:.7rem}.concept-map-arrow{font-size:.95rem}}

/* v3.5 — Full reference lesson canvas: applied uniformly to every lesson */
.manasa-reference-lesson{display:grid;grid-template-columns:74px minmax(0,1fr);gap:12px;margin:0 0 30px;background:#fff;border-radius:28px;box-shadow:0 18px 48px rgba(23,43,98,.07);overflow:hidden;border:1px solid #e8ecf3}
.lesson-mini-rail{background:#fff;border-inline-end:1px solid #edf0f5;padding:18px 8px;display:flex;flex-direction:column;align-items:center;gap:10px;position:sticky;top:12px;height:max-content}
.lesson-mini-rail a{width:58px;min-height:60px;border-radius:15px;text-decoration:none;color:#536174;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-weight:900;transition:.15s ease}.lesson-mini-rail a span{font-size:21px}.lesson-mini-rail a small{font-size:10px}.lesson-mini-rail a:hover,.lesson-mini-rail a.is-active{background:#edf4ff;color:#275fbd;transform:translateY(-1px)}
.lesson-canvas{min-width:0;padding-bottom:22px}.lesson-canvas-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:22px 26px 12px}.lesson-canvas-kicker{display:inline-flex;padding:5px 10px;border-radius:999px;background:#eef5ff;color:#275fbd;font-size:.82rem;font-weight:950}.lesson-canvas-top h2{margin:7px 0 3px;color:#132653;font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.35}.lesson-canvas-top p{margin:0;color:#718096;font-size:.9rem}.lesson-canvas-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.lesson-canvas-badges span{border:1px solid #e2e7f0;border-radius:12px;padding:8px 11px;background:#fff;color:#31415f;font-size:.82rem;white-space:nowrap}
.lesson-audio-hero{margin:4px 24px 4px;padding:13px 16px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:1px solid #d8eee8;border-radius:18px;background:linear-gradient(90deg,#effaf5,#f5fbff)}.lesson-audio-avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#d9f4ea;font-size:22px}.lesson-audio-copy strong{display:block;color:#15936e;font-size:1rem}.lesson-audio-copy span{display:block;color:#617084;font-size:.86rem;line-height:1.5;margin-top:2px}.lesson-audio-player{width:230px;max-width:100%;height:38px}.lesson-audio-speak{border:0;border-radius:12px;padding:10px 16px;background:#20a875;color:#fff;font:inherit;font-weight:950;cursor:pointer}
.lesson-section-title{display:inline-flex;align-items:center;gap:6px;margin:17px 24px 9px;padding:8px 15px;border-radius:13px;color:#fff;font-size:.92rem;font-weight:950;box-shadow:0 5px 14px rgba(0,0,0,.07)}.lesson-section-title--purple{background:#7256e8}.lesson-section-title--orange{background:#eea21a}.lesson-section-title--pink{background:#ee4f7a}.lesson-section-title--violet{background:#6b4bd8}
.lesson-concept-card{margin:0 24px;border:1px solid #e5e9f1;border-radius:23px;background:#fff;display:grid;grid-template-columns:minmax(180px,.42fr) minmax(0,2fr);gap:18px;padding:18px;align-items:center;box-shadow:0 8px 22px rgba(20,37,63,.04)}.lesson-concept-copy{padding:8px}.lesson-concept-copy>span{display:inline-flex;padding:5px 9px;border-radius:999px;background:#f2ecff;color:#6c4fe2;font-size:.8rem;font-weight:950}.lesson-concept-copy h3{margin:9px 0 7px;font-size:1.5rem;color:#132653;line-height:1.35}.lesson-concept-copy p{margin:0;color:#667085;line-height:1.8;font-weight:750}.lesson-concept-visual{min-width:0;min-height:275px;border-radius:18px;background:#fbfcff;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:10px}.lesson-concept-visual .manasa-deep-visual{width:100%;margin:0;border:0;box-shadow:none;background:transparent}.lesson-concept-visual .manasa-deep-visual__head{display:none}.lesson-concept-visual .manasa-deep-visual__scene{min-height:230px;border:0;background:transparent;padding:0}.lesson-concept-visual .manasa-deep-visual__steps{display:none}.lesson-concept-visual .manasa-deep-visual__scene svg{max-height:250px}
.lesson-number-map{text-align:center;width:100%}.lesson-number-main{font-size:clamp(2rem,4vw,3rem);font-weight:950;color:#172b62;letter-spacing:1px}.lesson-number-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px auto;max-width:620px}.lesson-number-groups div{padding:10px;border-radius:15px;border:2px solid #dce5ef;background:#fff}.lesson-number-groups div:nth-child(1){background:#eaf8f1;border-color:#bfe9d5}.lesson-number-groups div:nth-child(2){background:#edf4ff;border-color:#c8ddff}.lesson-number-groups div:nth-child(3){background:#fff5df;border-color:#f3d48e}.lesson-number-groups b{display:block;font-size:1.45rem;color:#172b62}.lesson-number-groups span{font-size:.8rem;font-weight:900;color:#687385}.lesson-number-map p{margin:5px auto 0;color:#687385;font-size:.85rem;font-weight:800}.lesson-simple-visual{text-align:center;width:100%}.lesson-simple-visual strong{display:block;color:#172b62;font-size:1.25rem;margin-top:12px}.lesson-simple-visual small{display:block;color:#687385;margin-top:5px}.fraction-pie{width:150px;height:150px;margin:auto;border-radius:50%;background:conic-gradient(#7557e7 0 75%,#edf0f5 75% 100%);border:7px solid #fff;box-shadow:0 5px 16px rgba(0,0,0,.08)}.dot-groups{display:flex;flex-direction:column;align-items:center;gap:8px}.dot-groups>div{display:flex;gap:7px}.dot-groups i{width:20px;height:20px;border-radius:50%;background:#2c5fc4}.dot-groups--divide{flex-direction:row;justify-content:center}.lesson-percent-map{display:grid;grid-template-columns:repeat(10,20px);gap:4px;justify-content:center}.lesson-percent-map i{width:20px;height:13px;border-radius:3px;background:#e7edf5}.lesson-percent-map i.is-on{background:#31ae7d}.lesson-percent-map strong{grid-column:1/-1;margin-top:12px;color:#172b62;font-size:1.25rem}.lesson-place-map{display:flex;align-items:center;justify-content:center;gap:12px}.lesson-place-map div{width:110px;padding:15px;border-radius:18px;border:2px solid #dce3ee;background:#fff;text-align:center}.lesson-place-map b{display:block;font-size:2rem;color:#172b62}.lesson-place-map span{font-size:.82rem;font-weight:900;color:#687385}.lesson-place-map em{font-size:2rem;font-style:normal;font-weight:950}.lesson-power-map{text-align:center}.lesson-power-map strong{font-size:3rem;color:#172b62}.lesson-power-map span{font-size:1.5rem;margin:0 8px}.lesson-power-map b{font-size:1.5rem;color:#275fbd}.lesson-power-map small{display:block;margin-top:12px;color:#687385;font-weight:800}.lesson-equation-map{display:grid;grid-template-columns:1fr auto 1fr;gap:15px;align-items:center;text-align:center;width:90%}.lesson-equation-map div{padding:25px 10px;border:2px solid #dce3ee;background:#fff;border-radius:18px;font-weight:900;color:#172b62}.lesson-equation-map strong{font-size:2rem}.lesson-equation-map small{grid-column:1/-1;color:#687385;font-weight:800}.lesson-coordinate-map{width:250px;height:210px;position:relative;border-left:4px solid #52627b;border-bottom:4px solid #52627b;margin:auto}.lesson-coordinate-map:before{content:"";position:absolute;left:30%;top:10%;bottom:0;border-left:2px dashed #9aa7b9}.lesson-coordinate-map:after{content:"";position:absolute;left:0;right:0;top:55%;border-top:2px dashed #9aa7b9}.lesson-coordinate-map .point{position:absolute;left:58%;top:38%;width:16px;height:16px;border-radius:50%;background:#2c5fc4}.lesson-coordinate-map b{position:absolute;left:105%;top:38%;width:130px;color:#172b62}.lesson-universal-map{width:100%;display:flex;align-items:center;justify-content:center;gap:10px}.lesson-universal-map div{width:28%;min-height:115px;border:2px solid #dfe6f0;background:#fff;border-radius:18px;padding:12px;text-align:center;display:flex;flex-direction:column;justify-content:center}.lesson-universal-map b{margin:auto;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#6f56df;color:#fff}.lesson-universal-map span{margin-top:7px;font-weight:950;color:#172b62}.lesson-universal-map i{font-style:normal;font-size:1.4rem;color:#8994a5}
.lesson-steps-strip{margin:12px 24px 0;padding:11px 14px;border:1px solid #e3e9f2;border-radius:18px;background:#f8faff;display:flex;align-items:center;justify-content:center;gap:10px}.lesson-steps-strip>div{min-width:120px;text-align:center;padding:8px 10px;background:#fff;border:1px solid #e3e8f1;border-radius:14px}.lesson-steps-strip b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#6d52df;color:#fff;margin-left:5px}.lesson-steps-strip strong{font-size:.9rem}.lesson-steps-strip small{display:block;color:#7a8494;margin-top:2px}.lesson-steps-strip>i{font-style:normal;color:#7b8798;font-weight:950}
.lesson-simple-steps-card{margin:10px 24px 0}.lesson-simple-steps-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.lesson-simple-steps-row>div{padding:13px;border-radius:15px;background:#f8f7ff;border:1px solid #e3ddff}.lesson-simple-steps-row b{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#6b4bd8;color:#fff}.lesson-simple-steps-row p{margin:8px 0 0;line-height:1.7;font-weight:750;font-size:.9rem}
.lesson-example-card{margin:0 24px;padding:17px 19px;background:#fffaf0;border:1px solid #f1ddb2;border-radius:18px;display:flex;gap:13px;align-items:flex-start}.lesson-example-icon{width:43px;height:43px;border-radius:12px;background:#fff0cc;display:grid;place-items:center;font-size:20px;flex:0 0 auto}.lesson-example-card strong{display:block;color:#344054}.lesson-example-card p{margin:5px 0 0;line-height:1.85;font-weight:750;color:#344054}
.lesson-practice-card{margin:0 24px 14px;padding:18px 20px;background:#fff8fb;border:1px solid #f1cfe0;border-radius:20px}.lesson-practice-question{line-height:1.8;font-size:1.03rem}.lesson-practice-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.lesson-practice-options button{border:1px solid #d9e0eb;background:#fff;border-radius:13px;padding:9px 14px;cursor:pointer;font:inherit;font-weight:900;color:#203250}.lesson-practice-feedback{min-height:23px;margin-top:9px;font-weight:900}
.lesson-progress-card{margin:12px 24px 0;padding:15px 17px;border:1px solid #e1e7f0;border-radius:18px;background:#fff;display:grid;grid-template-columns:1fr auto;gap:9px 14px;align-items:center}.lesson-progress-card div:first-child strong{display:block;color:#172b62}.lesson-progress-card div:first-child span{display:block;color:#7b8798;font-size:.82rem;margin-top:2px}.lesson-progress-card>b{grid-column:2;grid-row:1/3;color:#275fbd;font-size:1.15rem}.lesson-progress-bar{height:9px;background:#edf1f6;border-radius:999px;overflow:hidden}.lesson-progress-bar i{display:block;height:100%;border-radius:999px;background:#31ae7d}
.manasa-lesson-full-content{margin:16px 24px;border:1px solid #e1e7f0;border-radius:18px;background:#fff;overflow:hidden}.manasa-lesson-full-content>summary{cursor:pointer;padding:15px 17px;font-weight:950;color:#172b62;list-style:none}.manasa-lesson-full-content>summary::-webkit-details-marker{display:none}.manasa-lesson-full-content[open]>summary{border-bottom:1px solid #edf0f5;background:#f8faff}.manasa-lesson-full-content .manasa-lesson-blocks{padding:0 16px 16px}
@media(max-width:900px){.manasa-reference-lesson{grid-template-columns:1fr}.lesson-mini-rail{position:static;flex-direction:row;justify-content:center;border-inline-end:0;border-bottom:1px solid #edf0f5;padding:7px;overflow:auto}.lesson-mini-rail a{min-width:62px}.lesson-canvas-top{padding:17px 14px 10px}.lesson-canvas-badges{display:none}.lesson-audio-hero,.lesson-concept-card,.lesson-steps-strip,.lesson-example-card,.lesson-practice-card,.lesson-progress-card,.manasa-lesson-full-content{margin-inline:10px}.lesson-concept-card{grid-template-columns:1fr;padding:12px}.lesson-concept-copy{padding:4px}.lesson-concept-copy h3{font-size:1.25rem}.lesson-concept-visual{min-height:215px}.lesson-steps-strip{gap:4px;padding:8px}.lesson-steps-strip>div{min-width:0;flex:1;padding:8px 4px}.lesson-steps-strip>i{font-size:.85rem}.lesson-simple-steps-card{margin-inline:10px}.lesson-simple-steps-row{grid-template-columns:1fr}.lesson-number-groups{gap:5px}.lesson-number-groups b{font-size:1.15rem}.lesson-number-groups span{font-size:.7rem}.lesson-audio-hero{grid-template-columns:auto 1fr}.lesson-audio-player,.lesson-audio-speak{grid-column:1/-1;width:100%}.lesson-universal-map div{min-height:95px;padding:7px}.lesson-universal-map span{font-size:.78rem}.lesson-coordinate-map{transform:scale(.82)}.lesson-progress-card{grid-template-columns:1fr}.lesson-progress-card>b{grid-column:1;grid-row:auto}}


/* v3.6 — full reference lesson canvas */
.manasa-reference-lesson--v36{display:grid;grid-template-columns:78px minmax(0,1fr) 270px;gap:0;min-height:720px;background:#f8faff;border:1px solid #e2e8f0;border-radius:26px;overflow:hidden;box-shadow:0 18px 50px rgba(23,43,98,.08);color:#172b62}
.lesson-app-rail{background:#fff;border-inline-end:1px solid #e8edf4;padding:16px 8px;display:flex;flex-direction:column;align-items:center;gap:18px}.lesson-brand-mark{width:48px;height:48px;border-radius:16px;background:#eff5ff;color:#1d55b6;display:grid;place-items:center;font-weight:950;font-size:22px}.lesson-brand-mark span{color:#20a775}.lesson-app-rail a{width:58px;min-height:58px;border-radius:16px;text-decoration:none;color:#637083;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.lesson-app-rail a b{font-size:21px}.lesson-app-rail a small{font-size:.68rem;font-weight:850}.lesson-app-rail a.is-active{background:#edf6ff;color:#1d61c4}
.lesson-main-stage{min-width:0;padding:0 0 28px;background:#fff}.lesson-v36-header{display:flex;justify-content:space-between;gap:18px;padding:20px 24px 13px}.lesson-v36-title span{font-size:.78rem;font-weight:850;color:#718096}.lesson-v36-title h1{margin:4px 0;font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.25;color:#152c62}.lesson-v36-title p{margin:0;color:#68768a;font-weight:700}.lesson-v36-stats{display:flex;gap:8px;align-items:flex-start}.lesson-v36-stats span{padding:8px 11px;border:1px solid #dfe5ef;border-radius:12px;background:#fff;font-weight:900;font-size:.82rem}
.lesson-v36-audio{margin:0 20px 7px;padding:11px 14px;border:1px solid #d7eee7;border-radius:18px;background:#f0fbf8;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.lesson-v36-character{width:50px;height:50px;border-radius:16px;background:#dff6ed;display:grid;place-items:center;font-size:28px}.lesson-v36-audio-copy strong{display:block;color:#15936e}.lesson-v36-audio-copy span{display:block;color:#617084;font-size:.84rem;line-height:1.5;margin-top:2px}.lesson-v36-audio-player{width:220px;height:38px}.lesson-v36-audio-btn{border:0;border-radius:12px;padding:10px 15px;background:#1eaa75;color:#fff;font:inherit;font-weight:950;cursor:pointer}.lesson-v36-audio-btn.is-speaking{background:#174d9a}
.lesson-v36-label{display:inline-flex;margin:14px 20px 8px;padding:8px 15px;border-radius:13px;color:#fff;font-weight:950;box-shadow:0 5px 14px rgba(0,0,0,.08)}.lesson-v36-label--purple{background:#7052e5}.lesson-v36-label--orange{background:#eda218}.lesson-v36-label--pink{background:#ec4d78}
.lesson-v36-idea{margin:0 20px;border:1px solid #e4e9f1;border-radius:22px;background:#fff;display:grid;grid-template-columns:minmax(200px,.65fr) minmax(0,1.7fr);gap:10px;padding:17px;align-items:center;box-shadow:0 7px 20px rgba(20,37,63,.04)}.lesson-v36-idea-copy{padding:7px}.lesson-v36-idea-copy>span{display:inline-flex;padding:5px 9px;border-radius:999px;background:#f1ebff;color:#6c4fe2;font-size:.78rem;font-weight:950}.lesson-v36-idea-copy h2{font-size:1.35rem;margin:9px 0 6px}.lesson-v36-idea-copy p{margin:0;line-height:1.7;color:#657287;font-weight:750}.lesson-v36-idea-steps{display:grid;gap:6px;margin-top:12px}.lesson-v36-idea-steps div{display:flex;gap:7px;align-items:flex-start}.lesson-v36-idea-steps b{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#7152e6;color:#fff;font-size:.75rem;flex:0 0 auto}.lesson-v36-idea-steps span{font-size:.78rem;line-height:1.5;font-weight:800}.lesson-v36-visual{min-height:280px;border-radius:18px;background:#f8faff;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:12px}.lesson-v36-visual .manasa-deep-visual{width:100%;margin:0;border:0;box-shadow:none;background:transparent}.lesson-v36-visual .manasa-deep-visual__head,.lesson-v36-visual .manasa-deep-visual__steps{display:none}.lesson-v36-visual .manasa-deep-visual__scene{border:0;background:transparent;min-height:245px;padding:0}.lesson-v36-visual svg{max-height:245px;width:100%}
.v36-number-visual{text-align:center;width:100%}.v36-number-value{font-size:clamp(2.2rem,4vw,3.4rem);font-weight:950;letter-spacing:2px}.v36-number-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-width:620px;margin:13px auto}.v36-number-groups div{padding:10px;border-radius:15px;border:2px solid #dce5ef;background:#fff}.v36-number-groups div:nth-child(1){background:#eaf8f1;border-color:#bde8d3}.v36-number-groups div:nth-child(2){background:#edf4ff;border-color:#c9ddff}.v36-number-groups div:nth-child(3){background:#fff5df;border-color:#f3d48e}.v36-number-groups strong{display:block;font-size:1.5rem}.v36-number-groups span{font-size:.76rem;font-weight:900;color:#657287}.v36-number-arrow{font-weight:850;color:#68768a}.v36-fraction,.v36-groups,.v36-percent,.v36-power,.v36-equation,.v36-generic{text-align:center;width:100%}.v36-pie{width:160px;height:160px;border-radius:50%;margin:auto;background:conic-gradient(#7354e4 0 75%,#e9edf4 75% 100%);border:7px solid #fff;box-shadow:0 6px 18px rgba(0,0,0,.08)}.v36-fraction strong,.v36-groups strong,.v36-percent strong{display:block;margin-top:12px;font-size:1.15rem}.v36-fraction span{color:#68768a;font-size:.82rem}.v36-groups>div{display:flex;flex-direction:column;align-items:center;gap:8px}.v36-groups section{display:flex;gap:6px}.v36-groups i{width:20px;height:20px;border-radius:50%;background:#2d64c8}.v36-groups--divide>div{flex-direction:row}.v36-percent{display:grid;grid-template-columns:repeat(10,18px);gap:3px;justify-content:center}.v36-percent i{width:18px;height:11px;border-radius:3px;background:#e6ecf4}.v36-percent i.on{background:#2daf7e}.v36-percent strong{grid-column:1/-1}.v36-power strong{font-size:3rem}.v36-power b{font-size:1.45rem;color:#2c5fc4}.v36-power span{margin:0 9px}.v36-power small{display:block;margin-top:10px;color:#68768a;font-weight:800}.v36-equation{display:grid;grid-template-columns:1fr auto 1fr;gap:13px;align-items:center}.v36-equation div{padding:22px 10px;border:2px solid #dce4ee;background:#fff;border-radius:16px;font-weight:950}.v36-equation strong{font-size:2rem}.v36-equation small{grid-column:1/-1;color:#68768a;font-weight:800}.v36-generic{display:grid;grid-template-columns:repeat(5,auto);align-items:center;justify-content:center;gap:8px}.v36-generic div{font-size:3rem}.v36-generic span{padding:10px 13px;background:#fff;border:1px solid #dfe5ef;border-radius:13px;font-weight:900}.v36-generic b{color:#7152e5}
.lesson-v36-flow{margin:10px 20px 0;padding:10px;border:1px solid #e1e7f0;border-radius:17px;background:#f8faff;display:flex;justify-content:center;align-items:center;gap:8px}.lesson-v36-flow div{min-width:100px;text-align:center;padding:8px;background:#fff;border:1px solid #e0e6ef;border-radius:13px}.lesson-v36-flow b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#6f52df;color:#fff}.lesson-v36-flow strong{margin-inline:4px;font-size:.86rem}.lesson-v36-flow span{display:block;color:#788497;font-size:.7rem}.lesson-v36-flow i{font-style:normal;color:#8995a7;font-weight:950}
.lesson-v36-example{margin:0 20px;padding:15px 17px;background:#fff9ec;border:1px solid #f1ddb3;border-radius:18px;display:flex;gap:12px}.v36-notebook{width:43px;height:43px;border-radius:12px;background:#fff0cb;display:grid;place-items:center;font-size:21px;flex:0 0 auto}.lesson-v36-example strong{display:block}.lesson-v36-example p{margin:5px 0 0;line-height:1.8;font-weight:750;color:#344054}.lesson-v36-simple-steps{margin:10px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.lesson-v36-simple-steps div{padding:12px;border-radius:14px;background:#f8f6ff;border:1px solid #e2dcff}.lesson-v36-simple-steps b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#6f52df;color:#fff}.lesson-v36-simple-steps p{margin:7px 0 0;line-height:1.6;font-size:.82rem;font-weight:750}.lesson-v36-practice{margin:0 20px;padding:16px;border:1px solid #f1cadc;border-radius:19px;background:#fff8fb}.lesson-v36-question p{margin:5px 0 0;line-height:1.8;font-weight:800}.lesson-v36-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.lesson-v36-options button{padding:9px 14px;border:1px solid #d9e0eb;border-radius:12px;background:#fff;font:inherit;font-weight:900;cursor:pointer}.lesson-v36-feedback{min-height:23px;margin-top:8px;font-weight:900}.lesson-v36-progress{margin:13px 20px 0;padding:14px;border:1px solid #dfe6ef;border-radius:17px;display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center}.lesson-v36-progress strong{display:block}.lesson-v36-progress span{font-size:.78rem;color:#788497}.v36-progress-track{height:9px;background:#edf1f5;border-radius:999px;overflow:hidden}.v36-progress-track i{display:block;height:100%;background:#2caf7d;border-radius:999px}.lesson-v36-progress>b{grid-column:2;grid-row:1/3;color:#2b62be}.lesson-v36-full{margin:15px 20px;border:1px solid #dfe6ef;border-radius:17px;background:#fff}.lesson-v36-full summary{padding:14px;font-weight:950;cursor:pointer}.lesson-v36-full .manasa-lesson-blocks{padding:0 14px 14px}
.lesson-unit-board{background:#17264a;padding:18px 13px;color:#fff;overflow:auto}.lesson-unit-head{display:flex;justify-content:space-between;align-items:center;padding:3px 6px 12px;font-size:1rem}.lesson-unit-list{display:grid;gap:8px}.lesson-unit-item{display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:center;text-decoration:none;color:#eef3ff;padding:10px 8px;border-radius:15px;background:#23345d;border:1px solid transparent}.lesson-unit-item.is-active{background:#f8fffb;color:#183254;border-color:#c8eadb}.lesson-unit-num{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#31466f;font-weight:950}.lesson-unit-item.is-active .lesson-unit-num{background:#20ad76;color:#fff}.lesson-unit-text strong{display:block;font-size:.8rem;line-height:1.4}.lesson-unit-text small{display:block;margin-top:2px;opacity:.72;font-size:.68rem}.lesson-unit-progress{margin-top:16px;padding:12px;border-radius:15px;background:#22345e}.lesson-unit-progress>div{height:8px;background:#0e1b35;border-radius:999px;margin:8px 0;overflow:hidden}.lesson-unit-progress i{display:block;height:100%;background:#32b17f;border-radius:999px}.lesson-unit-progress span{font-size:.78rem;color:#c8d3e8}
@media(max-width:1050px){.manasa-reference-lesson--v36{grid-template-columns:62px minmax(0,1fr)}.lesson-unit-board{display:none}.lesson-app-rail a{width:46px}.lesson-app-rail small{font-size:.6rem}}
@media(max-width:760px){.manasa-reference-lesson--v36{display:block;border-radius:18px}.lesson-app-rail{display:flex;flex-direction:row;overflow:auto;padding:7px;border-inline-end:0;border-bottom:1px solid #e8edf4}.lesson-brand-mark{width:38px;height:38px;flex:0 0 auto}.lesson-app-rail a{width:62px;min-height:45px;flex:0 0 auto}.lesson-v36-header{padding:15px 12px 9px}.lesson-v36-stats{display:none}.lesson-v36-audio,.lesson-v36-idea,.lesson-v36-flow,.lesson-v36-example,.lesson-v36-practice,.lesson-v36-progress,.lesson-v36-full{margin-inline:10px}.lesson-v36-audio{grid-template-columns:auto 1fr}.lesson-v36-audio-player,.lesson-v36-audio-btn{grid-column:1/-1;width:100%}.lesson-v36-idea{grid-template-columns:1fr;padding:11px}.lesson-v36-visual{min-height:230px}.lesson-v36-label{margin-inline:10px}.lesson-v36-flow{gap:3px}.lesson-v36-flow div{min-width:0;flex:1;padding:7px 4px}.lesson-v36-flow i{font-size:.7rem}.lesson-v36-simple-steps{grid-template-columns:1fr;margin-inline:10px}.lesson-v36-simple-steps div{display:grid;grid-template-columns:30px 1fr;gap:7px}.v36-number-groups{gap:5px}.v36-number-groups strong{font-size:1.2rem}.v36-number-groups span{font-size:.68rem}.v36-number-value{font-size:2rem}.v36-generic{gap:4px}.v36-generic span{padding:7px 8px;font-size:.72rem}.v36-generic div{font-size:2rem}.lesson-v36-full{margin-bottom:0}}

/* ============================================================
   v3.7 — Full Lesson Canvas rebuild
   The lesson itself is the product: no extra left rail, no duplicate unit board.
   ============================================================ */
.manasa-lesson-canvas-v37{direction:rtl;width:100%;max-width:1180px;margin:0 auto 28px;background:#fff;color:#172b4d;border:1px solid #e7ebf2;border-radius:28px;box-shadow:0 18px 55px rgba(18,39,76,.08);overflow:hidden}
.manasa-lesson-canvas-v37 *{box-sizing:border-box}
.v37-lesson-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px 22px;background:linear-gradient(180deg,#fbfdff 0%,#fff 100%);border-bottom:1px solid #edf0f5}
.v37-kicker{display:inline-flex;padding:7px 12px;border-radius:999px;background:#eef5ff;color:#2e63bd;font-size:.82rem;font-weight:950}
.v37-head-copy h1{margin:9px 0 6px;font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.25;color:#162d62}
.v37-head-copy p{margin:0;color:#66758a;font-weight:700;line-height:1.6}
.v37-progress-pill{min-width:105px;padding:12px 14px;text-align:center;border-radius:18px;background:#f3fbf7;border:1px solid #d6eee3}
.v37-progress-pill strong{display:block;color:#19956f;font-size:1.3rem}.v37-progress-pill span{font-size:.72rem;color:#66758a}
.v37-audio{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:18px 28px 6px;padding:14px 16px;border-radius:20px;background:#effaf6;border:1px solid #d6eee5}
.v37-audio-avatar{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:#d9f2e9;font-size:25px}.v37-audio-copy strong{display:block;color:#138b68;font-size:1rem}.v37-audio-copy span{display:block;margin-top:3px;color:#5e6b7c;line-height:1.6;font-size:.88rem}.v37-audio-button{border:0;border-radius:13px;background:#1da474;color:#fff;padding:11px 18px;font:inherit;font-weight:950;cursor:pointer;min-width:112px}.v37-audio-button.is-speaking{background:#e38c20}.v37-audio-player{width:235px;max-width:100%;height:42px}
.v37-idea-zone,.v37-example-zone,.v37-practice-zone{padding:0 28px}.v37-zone-title{display:flex;align-items:center;gap:11px;margin:22px 0 10px}.v37-zone-title>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#7056e8;color:#fff;font-weight:950}.v37-zone-title b{display:block;font-size:1.1rem;color:#172b62}.v37-zone-title small{display:block;color:#78869a;font-size:.76rem;margin-top:2px}.v37-zone-title--orange>span{background:#eea21a}.v37-zone-title--pink>span{background:#e94f7c}
.v37-idea-grid{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.7fr);gap:16px;padding:18px;border:1px solid #e6eaf1;border-radius:24px;background:#fbfcff;align-items:stretch}.v37-idea-copy{padding:8px 10px;display:flex;flex-direction:column;justify-content:center}.v37-tag{display:inline-flex;width:max-content;padding:6px 10px;border-radius:999px;background:#f1ecff;color:#6b4fe0;font-size:.78rem;font-weight:950}.v37-idea-copy h2{margin:9px 0 6px;font-size:1.45rem;line-height:1.35;color:#182f68}.v37-idea-copy>p{margin:0;color:#58687e;font-weight:750;line-height:1.8}.v37-steps{display:grid;gap:7px;margin-top:12px}.v37-step{display:grid;grid-template-columns:29px 1fr;gap:8px;align-items:start;padding:8px 9px;border-radius:12px;background:#fff;border:1px solid #e8ebf1}.v37-step b{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#eeeaff;color:#674ddd;font-size:.82rem}.v37-step span{line-height:1.55;font-weight:750;font-size:.83rem}
.v37-visual{min-width:0;min-height:315px;border-radius:19px;background:#f6f8fb;border:1px solid #e7ebf2;display:grid;place-items:center;overflow:hidden;padding:10px}.v37-visual .manasa-deep-visual{width:100%;margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important}.v37-visual .manasa-deep-visual__head,.v37-visual .manasa-deep-visual__steps{display:none!important}.v37-visual .manasa-deep-visual__scene{min-height:280px;border:0!important;background:transparent!important;display:grid;place-items:center;padding:10px}.v37-visual svg{max-width:100%;max-height:290px}
.v37-number-board{text-align:center;width:min(620px,100%)}.v37-big-number{font-size:clamp(2rem,5vw,3.2rem);font-weight:950;color:#182f68;letter-spacing:1px}.v37-number-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 5%}.v37-number-groups div{padding:13px 7px;border-radius:15px;background:#fff;border:2px solid #e4e9f1}.v37-number-groups b{display:block;font-size:1.5rem;color:#2d61ba}.v37-number-groups span{font-size:.8rem;font-weight:850;color:#68778b}.v37-number-board small{color:#68778b;font-weight:750}.v37-fraction-board,.v37-groups-board,.v37-percent-board,.v37-power-board,.v37-equation-board,.v37-ratio-board,.v37-generic-board{width:min(620px,100%);min-height:245px;display:grid;place-items:center;align-content:center;text-align:center;gap:10px}.v37-fraction-board b,.v37-groups-board>b,.v37-percent-board>b,.v37-power-board b,.v37-equation-board div,.v37-ratio-board>b{font-size:1.35rem;color:#182f68}.v37-fraction-board small,.v37-groups-board small,.v37-power-board small,.v37-equation-board small,.v37-ratio-board small{color:#68778b;font-weight:750}.v37-pie{width:170px;height:170px;border-radius:50%;background:conic-gradient(#7056e8 0 75%,#e8ecf2 75% 100%);border:8px solid #fff;box-shadow:0 7px 22px rgba(31,41,71,.08)}.v37-groups-board>div{display:grid;gap:8px}.v37-groups-board section{display:flex;gap:8px;justify-content:center}.v37-groups-board i{width:18px;height:18px;border-radius:50%;background:#2e63bd}.v37-percent-board>div{display:grid;grid-template-columns:repeat(10,16px);gap:4px}.v37-percent-board i{height:11px;border-radius:3px;background:#dfe7f1}.v37-percent-board i.is-on{background:#31ae7d}.v37-power-board strong{font-size:3.1rem;color:#6b4fe0}.v37-power-board span{color:#69788b}.v37-equation-board{grid-template-columns:auto auto auto;gap:22px}.v37-equation-board div{padding:18px 26px;background:#fff;border:2px solid #dfe6ef;border-radius:16px;font-weight:950}.v37-equation-board strong{font-size:2rem;color:#6b4fe0}.v37-ratio-board .v37-ratio-row{display:flex;gap:8px;align-items:center}.v37-ratio-row span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#fff;border:2px solid #dfe6ef;font-weight:950}.v37-ratio-row i{width:28px;height:28px;border-radius:50%;background:#2e63bd}.v37-generic-board div{font-size:3.3rem}.v37-generic-board b{font-size:1.2rem;color:#182f68}.v37-generic-board span{color:#68778b;font-weight:750}.v37-generic-board strong{color:#7056e8}
.v37-example-card{display:flex;gap:14px;align-items:flex-start;padding:17px 18px;border:1px solid #f1ddb0;background:#fffaf0;border-radius:18px}.v37-example-icon{width:46px;height:46px;flex:0 0 auto;border-radius:13px;background:#fff0ca;display:grid;place-items:center;font-size:22px}.v37-example-card strong{display:block;color:#273a5a}.v37-example-card p{margin:6px 0 0;line-height:1.85;font-weight:750;color:#344054}
.v37-practice-card{padding:18px;border:1px solid #f0cadb;background:#fff9fc;border-radius:19px}.v37-practice-card>strong{color:#e24a76}.v37-practice-card>p{margin:7px 0;line-height:1.8;font-size:1.02rem;font-weight:850}.v37-options{display:flex;flex-wrap:wrap;gap:9px}.v37-options button{border:1px solid #d8dfeb;background:#fff;border-radius:13px;padding:10px 16px;font:inherit;font-weight:950;color:#203250;cursor:pointer;transition:.15s}.v37-options button:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(31,41,71,.08)}.v37-options button.is-correct{border-color:#30a97b;background:#effaf5}.v37-options button.is-wrong{border-color:#e45770;background:#fff1f4}.v37-feedback{min-height:25px;margin-top:9px;font-weight:950}
.v37-finish-zone{margin:22px 28px 4px;padding:16px 18px;border-radius:18px;background:#f7f9fc;border:1px solid #e4e9f0}.v37-finish-zone>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center}.v37-finish-zone b{color:#172b62}.v37-finish-zone span{font-size:.78rem;color:#6f7d90}.v37-progress-track{height:9px;margin-top:10px;border-radius:999px;background:#e6ebf2;overflow:hidden}.v37-progress-track i{display:block;height:100%;border-radius:999px;background:#2eaf7d}
/* Hide the obsolete lesson rails/duplicate unit board only for the rebuilt canvas. */
.manasa-reference-lesson--v36,.lesson-app-rail,.lesson-unit-board{display:none!important}
@media(max-width:900px){.v37-lesson-head{padding:21px 18px}.v37-audio,.v37-idea-zone,.v37-example-zone,.v37-practice-zone{margin-inline:0;padding-inline:14px}.v37-idea-grid{grid-template-columns:1fr}.v37-visual{min-height:285px}.v37-finish-zone{margin-inline:14px}}
@media(max-width:620px){.manasa-lesson-canvas-v37{border-radius:18px}.v37-lesson-head{align-items:flex-start;gap:10px}.v37-progress-pill{min-width:80px;padding:9px}.v37-progress-pill strong{font-size:1.05rem}.v37-head-copy h1{font-size:1.35rem}.v37-head-copy p{font-size:.82rem}.v37-audio{grid-template-columns:auto 1fr;margin-top:12px}.v37-audio-player,.v37-audio-button{grid-column:1/-1;width:100%}.v37-zone-title{margin-top:17px}.v37-idea-grid{padding:10px}.v37-idea-copy{padding:6px}.v37-visual{min-height:250px;padding:5px}.v37-number-groups{margin-inline:1%}.v37-big-number{font-size:1.9rem}.v37-pie{width:130px;height:130px}.v37-example-card{padding:13px}.v37-finish-zone>div:first-child{align-items:flex-start;flex-direction:column;gap:3px}}


/* v3.8: the visual is the teaching object, not a placeholder */
.v38-number-board{height:100%;min-height:360px;padding:28px 24px;border-radius:26px;background:linear-gradient(180deg,#fbfcff,#f4f7fb);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;border:1px solid #e3e9f2}
.v38-board-label{font-weight:800;font-size:18px}
.v38-big-number{font-size:clamp(42px,5vw,68px);font-weight:950;letter-spacing:1px;direction:ltr}
.v38-number-groups{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%;direction:rtl}
.v38-number-group{min-width:105px;padding:13px 12px;border-radius:18px;background:#fff;border:2px solid #dce4ef;text-align:center;box-shadow:0 6px 16px rgba(31,41,71,.05)}
.v38-number-group b{display:block;font-size:27px;line-height:1.1}.v38-number-group span{display:block;margin-top:6px;font-weight:800;font-size:14px}
.v38-reading{font-weight:800;text-align:center;font-size:15px}
.v38-fraction-board{min-height:360px;border-radius:26px;background:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:22px}.v38-fraction-shape{width:180px;height:180px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;border-radius:50%;overflow:hidden;border:5px solid currentColor}.v38-fraction-shape i{display:block;background:#fff;border:2px solid currentColor}.v38-fraction-shape i.on{background:currentColor}.v38-fraction-board strong{font-size:25px}.v38-fraction-board span{font-weight:700;color:#667085;text-align:center}
.v38-generic-board{min-height:300px;border-radius:26px;background:#f8fafc;display:flex;align-items:center;justify-content:center;gap:10px;padding:25px}.v38-generic-node{width:120px;min-height:105px;border-radius:20px;background:#fff;border:2px solid #dfe6ef;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;font-weight:800}.v38-generic-node b{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#eef2ff}.v38-arrow{font-size:25px;font-weight:900}
@media(max-width:760px){.v38-number-board{min-height:280px;padding:18px 12px}.v38-big-number{font-size:38px}.v38-number-group{min-width:82px}.v38-number-group b{font-size:22px}.v38-number-group span{font-size:12px}.v38-generic-board{min-height:230px;gap:5px}.v38-generic-node{width:88px;min-height:88px;font-size:13px}.v38-arrow{font-size:18px}}