/* ===== «ذاكر مع غادة» - تُحمَّل في صفحات القسم فقط ($extraCss). الأساس للجوال ثم الكمبيوتر من 900px ===== */

.ln-hero{
    color:#fff;padding:26px 0 54px;border-radius:0 0 30px 30px;position:relative;overflow:hidden;
    background:radial-gradient(circle at 90% 0%,rgba(255,255,255,.16),transparent 36%),
        radial-gradient(circle at 5% 100%,rgba(246,180,14,.25),transparent 40%),var(--gradient-brand);
}
.ln-hero h1{margin:0 0 6px;font-size:28px;line-height:1.4}
.ln-hero p{margin:0;opacity:.92;font-size:15px;line-height:1.8;max-width:620px}
.ln-crumbs{font-size:13px;opacity:.9;margin-bottom:8px;display:flex;flex-wrap:wrap;gap:6px}
.ln-crumbs a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.ln-body{margin-top:-30px;position:relative;z-index:1}

.ln-panel{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}
.ln-panel + .ln-panel{margin-top:16px}
.ln-panel h2{font-size:18px;margin:0 0 12px}

/* الصفوف */
.ln-grades{display:flex;gap:8px;flex-wrap:wrap}
.ln-grade{
    border:2px solid var(--border);background:#fff;color:var(--text);border-radius:999px;
    padding:9px 16px;font-weight:bold;font-size:14px;cursor:pointer;font-family:inherit;
}
.ln-grade.is-active{background:var(--gradient-brand);border-color:transparent;color:#fff}

/* الكتب */
.ln-books{display:grid;gap:14px;margin-top:16px}
.ln-book{
    display:flex;gap:14px;align-items:center;padding:16px;border-radius:var(--radius);
    background:#fff;box-shadow:var(--shadow);color:var(--text);border:2px solid transparent;
}
.ln-book:hover{border-color:var(--blue)}
.ln-book-icon{
    width:62px;height:62px;border-radius:18px;display:grid;place-items:center;font-size:32px;flex-shrink:0;
    background:linear-gradient(135deg,rgba(58,109,224,.14),rgba(43,181,174,.16));
}
.ln-book-science .ln-book-icon{background:linear-gradient(135deg,rgba(43,181,174,.18),rgba(246,180,14,.16))}
.ln-book-info{flex:1;min-width:0}
.ln-book-info strong{display:block;font-size:17px}
.ln-book-info span{font-size:13px;color:var(--muted)}
.ln-book-go{font-size:22px;color:var(--blue)}

.ln-progress{height:10px;border-radius:999px;background:#e9eefb;overflow:hidden;margin-top:8px}
.ln-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sun),var(--pink))}
.ln-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--muted);margin-top:6px}

.ln-steps{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.ln-steps li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.8}
.ln-steps b{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--sun);color:#fff}

/* الكتاب: الوحدات والدروس */
.ln-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.ln-unit{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.ln-unit + .ln-unit{margin-top:14px}
.ln-unit-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;background:#f7f9ff}
.ln-unit-head h3{margin:0;font-size:16px}
.ln-unit-head small{color:var(--muted);font-weight:normal}
.ln-lesson{display:flex;align-items:center;gap:12px;padding:13px 16px;border-top:1px solid var(--border);color:var(--text)}
.ln-lesson:hover{background:#fbfcff}
.ln-lesson-num{min-width:28px;flex-shrink:0;font-weight:bold;font-size:12.5px;color:var(--muted);direction:ltr;text-align:center}
.ln-lesson-title{flex:1;min-width:0;font-weight:bold;font-size:15px;line-height:1.6}
.ln-lesson.is-locked{opacity:.55}
.ln-soon{font-size:12px;color:var(--muted);white-space:nowrap}
.ln-stars{white-space:nowrap;font-size:16px;letter-spacing:1px;color:#d9deee}
.ln-stars .on{color:var(--sun)}

/* صفحة الدرس */
.ln-cta-box{text-align:center;padding:22px 18px}
.ln-cta-box .ln-stars{font-size:30px}
.ln-cta-box p{color:var(--muted);margin:8px 0 16px;font-size:14px;line-height:1.8}
.ln-big-btn{font-size:17px;padding:14px 26px;border-radius:16px}
.ln-sample{border-top:1px solid var(--border);padding:14px 0}
.ln-sample:first-of-type{border-top:none;padding-top:0}
.ln-sample strong{display:block;line-height:1.8;font-size:15px}
.ln-sample .ln-ans{color:#07884f;font-weight:bold;font-size:14px;margin-top:4px}
.ln-sample .ln-why{color:var(--muted);font-size:13.5px;line-height:1.8;margin-top:4px}
.ln-pager{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:16px}

/* الاختبار */
.ln-quiz [hidden]{display:none !important}
.ln-quiz{max-width:680px;margin:0 auto;background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}
.ln-quiz-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:13px;color:var(--muted)}
.ln-quiz-bar{height:8px;border-radius:999px;background:#e9eefb;overflow:hidden;margin-bottom:16px}
.ln-quiz-bar i{display:block;height:100%;width:0;background:var(--gradient-brand);transition:width .3s}
.ln-q-text{font-size:21px;font-weight:bold;line-height:1.8;margin:6px 0 16px;text-align:center}
.ln-q-img{display:block;max-width:100%;max-height:260px;margin:0 auto 14px;border-radius:14px}
.ln-answers{display:grid;gap:10px}
.ln-answer{
    width:100%;text-align:right;font-family:inherit;font-size:17px;font-weight:bold;color:var(--text);
    background:#fff;border:2px solid var(--border);border-radius:16px;padding:14px 16px;cursor:pointer;
    display:flex;align-items:center;gap:10px;line-height:1.6;transition:transform .1s,border-color .15s;
}
.ln-answer:hover:not(:disabled){border-color:var(--blue)}
.ln-answer:active:not(:disabled){transform:scale(.99)}
.ln-answer:disabled{cursor:default}
.ln-answer .ln-mark{margin-inline-start:auto;font-size:20px}
.ln-answer.is-correct{border-color:var(--success);background:#e9faf2}
.ln-answer.is-wrong{border-color:var(--danger);background:#fff0f0}
.ln-answer.is-dim{opacity:.55}
.ln-tf{grid-template-columns:1fr 1fr}
.ln-tf .ln-answer{justify-content:center;text-align:center;font-size:19px}
.ln-feedback{margin-top:14px;border-radius:16px;padding:14px 16px;line-height:1.9;font-size:15px;display:none}
.ln-feedback.is-ok{display:block;background:#e9faf2;color:#08754a}
.ln-feedback.is-bad{display:block;background:#fff4e5;color:#8a5200}
.ln-feedback b{display:block;font-size:16px;margin-bottom:2px}
.ln-next-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px}
.ln-report{background:none;border:none;color:var(--muted);font-family:inherit;font-size:12px;cursor:pointer;text-decoration:underline}

.ln-result{text-align:center;padding:10px 0}
.ln-result-stars{font-size:52px;letter-spacing:6px;color:#d9deee}
.ln-result-stars .on{color:var(--sun);display:inline-block;animation:ln-pop .5s ease both}
.ln-result-stars .on:nth-child(2){animation-delay:.15s}
.ln-result-stars .on:nth-child(3){animation-delay:.3s}
@keyframes ln-pop{0%{transform:scale(0) rotate(-30deg)}70%{transform:scale(1.25)}100%{transform:scale(1)}}
.ln-result h2{margin:6px 0;font-size:24px}
.ln-result p{color:var(--muted);margin:4px 0}
.ln-points{display:inline-block;margin-top:12px;background:var(--gradient-sun);color:#fff;font-weight:bold;border-radius:999px;padding:8px 22px;font-size:20px}
.ln-result .ln-actions{justify-content:center}

@media (min-width:900px){
    .ln-hero{padding:34px 0 64px}
    .ln-hero h1{font-size:34px}
    .ln-books{grid-template-columns:repeat(2,1fr)}
    .ln-q-text{font-size:24px}
}
@media (prefers-reduced-motion:reduce){.ln-result-stars .on{animation:none}}

/* خطوات اختيار المقرر: البلد ← نوع التعليم ← الصف ← الفصل ← المادة */
.ln-picker{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:lnstep}
.ln-step{position:relative;padding-inline-start:38px}
.ln-step::before{
    counter-increment:lnstep;content:counter(lnstep);position:absolute;inset-inline-start:0;top:0;
    width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:bold;font-size:14px;
    background:#e9eefb;color:var(--blue);
}
.ln-step.is-done::before{background:var(--gradient-brand);color:#fff}
.ln-step-label{display:block;font-weight:bold;font-size:15px;margin:3px 0 8px}
.ln-chips{display:flex;gap:8px;flex-wrap:wrap}
.ln-grade.is-soon{background:#f3f5fb;color:var(--muted);border-style:dashed;cursor:default;font-weight:normal}
.ln-stage + .ln-stage{margin-top:10px}
.ln-stage-name{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}

/* متصدرو المقرر */
.ln-board{list-style:none;margin:0;padding:0}
.ln-board li{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--border);font-size:14px}
.ln-board li:first-child{border-top:0}
.ln-board .ln-rank{width:30px;text-align:center;font-weight:bold;color:var(--muted)}
.ln-board .ln-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ln-board .ln-stars-n{color:#c98a00;font-weight:bold}
.ln-board li.is-me{background:#fff8e6;border-radius:12px;padding-inline:8px}
.ln-share{margin-top:10px}

/* صفحة الدرس: المقدمة والأهداف والأسئلة الشائعة والروابط */
.ln-hero .ln-intro{margin-top:10px;font-size:15px}
.ln-goals{margin:0;padding:0 20px 0 0;display:grid;gap:8px;line-height:1.8;font-size:15px}
.ln-goals li::marker{color:var(--blue)}
.ln-tip{margin:14px 0 0;padding:12px 14px;border-radius:12px;background:#fff8e6;font-size:14px;line-height:1.8}
.ln-opts{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.ln-opts li{border:1px solid var(--border);border-radius:10px;padding:4px 10px;font-size:14px;background:#fbfcff}
.ln-faq details{border-top:1px solid var(--border);padding:12px 0}
.ln-faq details:first-child{border-top:none;padding-top:0}
.ln-faq summary{cursor:pointer;font-weight:bold;font-size:15px;line-height:1.7}
.ln-faq details p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.9}
.ln-links{display:flex;flex-wrap:wrap;gap:8px}
.ln-links a{border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:14px;color:var(--text);background:#fff}
.ln-links a:hover{border-color:var(--blue)}
.ln-links a.is-book{border-color:var(--blue);color:var(--blue);font-weight:bold}

/* ===== إعادة التصميم 2026-11: أخف وأوضح، ويتحمّل عشرات الكتب ومئات الدروس ===== */
.ln-hero-sm{padding:18px 0 46px}
.ln-hero-sm h1{font-size:24px}
.ln-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* «كمّل من وين وقفت» بصفحة ذاكر */
.ln-next-card{
    display:flex;align-items:center;gap:14px;padding:16px;margin-bottom:16px;border-radius:var(--radius);
    background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow);
}
.ln-next-card:hover{filter:brightness(1.05)}
.ln-next-icon{width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:28px;flex-shrink:0}
.ln-next-info{flex:1;min-width:0}
.ln-next-info small{display:block;font-size:12.5px;opacity:.92}
.ln-next-info strong{display:block;font-size:17px;line-height:1.5}
.ln-next-go{background:#fff;color:var(--blue);font-weight:bold;border-radius:999px;padding:8px 14px;white-space:nowrap;font-size:14px}

/* المقرر المختار بسطر واحد، والاختيار يُفتح بـ «تغيير» */
.ln-course > summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer}
.ln-course > summary::-webkit-details-marker{display:none}
.ln-course-line{font-size:15px;font-weight:bold}
.ln-course-change{font-size:13px;font-weight:bold;color:var(--blue);border:1.5px solid var(--blue);border-radius:999px;padding:4px 12px;white-space:nowrap}
.ln-course[open] .ln-course-change{background:var(--blue);color:#fff}
.ln-course .ln-picker{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}
.ln-books{margin-top:14px}
.ln-book-meta{display:block;margin-top:4px}

/* أقسام مطوية (كيف تذاكر؟، المتصدرون) */
.ln-fold > summary{cursor:pointer;font-weight:bold;font-size:16px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px}
.ln-fold > summary::-webkit-details-marker{display:none}
.ln-fold > summary::after,.ln-unit-head::after{content:'▾';color:var(--muted);font-size:14px;transition:transform .2s}
.ln-fold[open] > summary::after,.ln-unit[open] > .ln-unit-head::after{transform:rotate(180deg)}
.ln-fold[open] > summary{margin-bottom:12px}
.ln-fold summary small{color:var(--muted);font-weight:normal;font-size:13px}
.ln-fold > summary > :first-child{flex:1}
.ln-also{margin:14px 4px 0;font-size:13.5px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px 14px}
.ln-also a{color:var(--blue);font-weight:bold}

/* صفحة المادة: درسك الجاي + سطر التقدم */
.ln-kicker{display:block;color:var(--muted);font-size:13px;font-weight:bold}
.ln-next-title{display:block;font-size:19px;font-weight:bold;color:var(--text);line-height:1.6;margin:2px 0 12px}
.ln-next-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ln-next-actions .btn-primary{padding-inline:26px}
.ln-progress-line{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border);font-size:13px;color:var(--muted);white-space:nowrap}
.ln-progress-line .ln-progress{flex:1;margin-top:0}
.ln-login-line{margin:14px 0 0;font-size:13.5px;color:var(--muted);line-height:1.8}
.ln-login-line a{color:var(--blue);font-weight:bold}

/* الوحدات قابلة للطي (<details> يبقي الدروس بالصفحة لقوقل) */
.ln-units{margin-top:16px}
.ln-unit-head{cursor:pointer;list-style:none}
.ln-unit-head::-webkit-details-marker{display:none}
.ln-unit:not([open]) > .ln-unit-head{background:#fff}
.ln-unit-title{flex:1;min-width:0;font-weight:bold;font-size:15.5px;line-height:1.6}
.ln-unit-count{font-size:13px;color:var(--muted);font-weight:bold;white-space:nowrap}
.ln-unit-count.is-full{color:var(--success)}
/* حالة الدرس: دائرة فارغة (لم يبدأ)، نصف (جارٍ)، ✓ مع نجومه (منجز) */
.ln-dot{width:22px;height:22px;border-radius:50%;flex-shrink:0;border:2px solid #cfd6ea;display:grid;place-items:center;font-size:12px;font-weight:bold;color:#fff}
.ln-lesson.is-started .ln-dot{border-color:var(--sun);background:linear-gradient(90deg,var(--sun) 50%,transparent 50%)}
.ln-lesson.is-done .ln-dot{border-color:var(--success);background:var(--success)}
.ln-lesson.is-locked .ln-dot{border-style:dashed}
.ln-lesson.is-next{background:#f5f8ff;border-inline-start:3px solid var(--blue);padding-inline-start:13px}
.ln-tag{font-size:12px;font-weight:bold;color:#9a6400;background:#fff3d6;border-radius:999px;padding:2px 10px;white-space:nowrap}
.ln-unit-test{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px dashed var(--border);font-size:14px;font-weight:bold;color:var(--purple);background:#fcfbff}
.ln-unit-test .ln-stars{font-size:14px}

/* صفحة الدرس */
.ln-panel .ln-intro{margin:0 0 12px;line-height:1.9;font-size:15px}
.ln-more > summary{cursor:pointer;color:var(--blue);font-weight:bold;font-size:14px;padding:12px 0 4px;border-top:1px solid var(--border)}
.ln-more[open] > summary{margin-bottom:10px}
.ln-sticky{display:none}
@media (max-width:899px){
    .ln-sticky{
        display:flex;align-items:center;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:290;
        background:#fff;box-shadow:0 -4px 18px rgba(40,25,100,.14);padding:10px 16px;
        transform:translateY(130%);transition:transform .25s ease;
    }
    .ln-sticky.is-on{transform:none}
    .ln-sticky-title{flex:1;min-width:0;font-size:13px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .ln-sticky .btn{white-space:nowrap}
}

/* الاختبار: وضع تركيز (بلا رأس الموقع والفوتر والشريط السفلي) */
body.is-focus{padding-bottom:0}
.ln-qbar{position:sticky;top:0;z-index:50;background:var(--card-bg);box-shadow:0 2px 12px rgba(40,25,100,.08)}
.ln-qbar-in{max-width:720px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:10px 16px}
.ln-exit{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:#f1f3fa;color:var(--text);font-size:17px;font-weight:bold}
.ln-exit:hover{background:#e6e9f5}
.ln-qbar-mid{flex:1;min-width:0;display:flex;justify-content:space-between;align-items:center;gap:10px}
.ln-qbar-mid strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ln-qbar-mid span{font-size:13px;color:var(--muted);white-space:nowrap}
.ln-qbar .ln-quiz-bar{margin:0;border-radius:0;height:5px}
.ln-quiz-wrap{padding:18px 16px 28px}
.ln-after{margin-top:14px}
.ln-ai{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.ln-ai:empty{display:none}
.ln-result-main{margin-top:18px}
.ln-result-main .btn,.ln-result .ln-actions .btn{max-width:100%;white-space:normal}
.ln-all-link{display:inline-block;margin-top:14px;color:var(--muted);font-size:14px;text-decoration:underline}
.ln-result .ln-note{font-size:13px;margin-top:8px}
@media (max-width:899px){
    /* بعد الإجابة: الشرح والتالي بلوحة ثابتة أسفل الشاشة، بلا سحب */
    .ln-after{
        position:fixed;left:0;right:0;bottom:0;z-index:60;margin:0;max-height:62vh;overflow-y:auto;
        background:var(--card-bg);border-radius:22px 22px 0 0;box-shadow:0 -8px 30px rgba(40,25,100,.18);
        padding:14px 16px calc(14px + env(safe-area-inset-bottom));
        transform:translateY(100%);transition:transform .28s ease;
    }
    .ln-after.is-in{transform:none}
    .ln-after .ln-feedback{margin-top:0}
    .ln-next-row #ln-next{flex:1;max-width:60%;padding-block:13px;font-size:16px}
    .ln-quiz-wrap{padding:12px 12px 20px}
    .ln-quiz{padding:16px 14px}
}
@media (prefers-reduced-motion:reduce){.ln-after,.ln-sticky{transition:none}}