/* COURSE-TRAINER — تعلّم ← تدرّب ← تحقق ← افهم ← التالي (مشترك لكل الدورات) */
.ls-toggle { display:block; width:100%; margin-top:14px; background:transparent; color:var(--teal); font-family:inherit; font-weight:700; font-size:14px; border:1.5px solid var(--border); border-radius:12px; padding:10px; cursor:pointer; }
.ls-full { margin-top:4px; }
.trainer-entry .te-row { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.trainer-entry .te-title { font-weight:800; font-size:15.5px; }
.trainer-entry .te-sub { font-size:13px; color:var(--ink-soft); margin-top:2px; }
.trainer-entry .te-progress { font-size:12.5px; color:var(--teal); font-weight:700; white-space:nowrap; }
body.trainer-on > nav, body.trainer-on > .wrap, body.trainer-on #wa-fab { display:none !important; }
.trainer { padding: 12px 0 60px; }
.trainer .wrap { max-width: 640px; }
#trainer.hidden, #trainer .hidden { display:none !important; }
.tr-head { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:8px; }
.tr-exit { font-family:inherit; font-size:13px; font-weight:700; color:var(--ink-soft); background:transparent; border:1px solid var(--border); border-radius:8px; padding:6px 10px; cursor:pointer; }
.tr-skill { text-align:right; font-size:13px; color:var(--ink-soft); }
.tr-skill b { display:block; color:var(--ink); font-size:15px; }
.tr-bar { height:6px; background:var(--border); border-radius:6px; overflow:hidden; margin:6px 0 14px; }
.tr-bar i { display:block; height:100%; width:0; background:var(--gold); transition:width .3s ease; }
#tr-question .mc-question { margin-bottom:12px; }
#tr-question .mc-option.selected { border-color:var(--ink); box-shadow: inset 0 0 0 1px var(--ink); background:var(--paper); }
#tr-question .mc-option .mark { margin-left:auto; font-size:12.5px; font-weight:800; white-space:nowrap; }
#tr-question .mc-option.correct .mark { color:var(--green); } #tr-question .mc-option.wrong .mark { color:var(--red); }
#tr-passage .p-text mark, #tr-passage .transcript mark { background: rgba(242,169,60,.45); color:inherit; padding:0 3px; border-radius:4px; }
.tr-fb { margin-top:12px; border:1px solid var(--border); border-radius:12px; padding:12px 14px; }
.tr-fb .lead { font-weight:800; font-size:15px; margin-bottom:6px; }
.tr-fb.ok .lead { color:var(--green); } .tr-fb.bad .lead { color:var(--red); }
.tr-fb .rule { font-size:13.5px; color:var(--ink-soft); margin-top:6px; }
.tr-fb .rule b { color:var(--ink); }
.tr-fb details { margin-top:10px; border-top:1px dashed var(--border); padding-top:8px; }
.tr-fb summary { cursor:pointer; font-weight:700; color:var(--teal); font-size:14px; list-style:none; }
.tr-fb summary::before { content:"▸ "; } .tr-fb details[open] summary::before { content:"▾ "; }
.tr-fb details ul { padding-right:18px; margin:8px 0 0; font-size:14px; line-height:1.9; }
.tr-done { text-align:center; padding:20px 0; }
.tr-done .score { font-size:42px; font-weight:800; color:var(--gold); line-height:1.2; }
.tr-done .row2 { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:14px; }
.tr-done .row2 .ls-go { margin-top:0; }
.tr-done .ls-go.ghost { background:transparent; color:var(--ink); border:1.5px solid var(--border); }
#tr-check[disabled] { opacity:.45; cursor:not-allowed; }

/* الأسئلة العربية (التحصيلي/القدرات): حرف الخيار في دائرة كما في STEP */
.mc-question:not(.en-q) .mc-option { display:flex; gap:10px; align-items:flex-start; }
.mc-question:not(.en-q) .mc-option .letter { flex-shrink:0; width:24px; height:24px; border-radius:50%; border:1px solid var(--border); display:inline-flex; align-items:center; justify-content:center; font-size:12.5px; font-weight:700; }
.mc-question:not(.en-q) .mc-option.correct .letter { background:var(--green); color:#fff; border-color:var(--green); }
.mc-question:not(.en-q) .mc-option.wrong .letter { background:var(--red); color:#fff; border-color:var(--red); }