/* بوابة المتدرّب — تبني على site.css */
.lmain{padding:24px 16px 40px;min-height:60vh}
.lmain h1{color:var(--accent);margin:0 0 12px}
.lcard{background:#fff;border:1px solid var(--line);border-top:4px solid var(--accent);padding:16px;margin:0 0 18px}
.lcard h2{margin:0 0 8px;color:var(--accent);font-size:20px}.lcard h2 small{color:var(--muted);font-size:13px;font-weight:700}
.lcard h3{margin:14px 0 6px;font-size:16px}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.facts div{border:1px solid var(--line);padding:8px;text-align:center;font-size:13px;color:var(--muted)}.facts b{display:block;color:var(--accent);font-size:16px}
pre.env{background:#faf9fc;border:1px dashed var(--line);padding:10px;white-space:pre-wrap;word-break:break-word;font-size:13px}
ol.lessons{padding-inline-start:20px}ol.lessons li{margin:4px 0}ol.lessons small{color:var(--muted)}
.agreement{background:#faf9fc;border:1px solid var(--line);border-inline-start:4px solid var(--gold);padding:10px 14px;margin:14px 0}
.agreement ol{padding-inline-start:18px;margin:6px 0;font-size:14px}.chk{display:flex;gap:8px;align-items:flex-start;font-weight:700}.chk input{width:auto;margin-top:6px}
/* المحتوى المحمي: لا تحديد ولا سحب ولا قائمة يمين، والصفحات خلفيات لا صور قابلة للحفظ */
.protected{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;position:relative}
.gpage{width:100%;max-width:980px;margin:0 auto 14px;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#fff;border:1px solid var(--line);box-shadow:0 4px 14px rgba(42,36,56,.08)}
.vwrap{position:relative;width:100%;max-width:980px;aspect-ratio:16/9;margin:0 auto;background:#000;overflow:hidden}
.vwrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.wm-move{position:absolute;pointer-events:none;color:rgba(255,255,255,.55);font-weight:700;font-size:14px;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.6);animation:wm 24s linear infinite;z-index:3}
@keyframes wm{0%{top:8%;left:6%}25%{top:72%;left:40%}50%{top:30%;left:62%}75%{top:82%;left:10%}100%{top:8%;left:6%}}
@media print{.protected{display:none!important}}
.lmain .btn.ghost{color:var(--accent)}
/* الاختبارات */
.timer{position:sticky;top:0;z-index:6;box-shadow:0 2px 8px rgba(42,36,56,.08);background:#fff;border:1px solid var(--line);border-inline-start:4px solid var(--accent);padding:8px 14px;margin:0 0 12px;font-weight:700}
.timer.low{border-inline-start-color:#b91c1c;color:#b91c1c}
.qbox{background:#fff;border:1px solid var(--line);padding:14px 16px;margin:0 0 12px;position:relative;overflow:hidden}
.qbox .qn{color:var(--accent);font-weight:800}.qbox .qn small{color:var(--muted);font-weight:600}
.qbox .qt{font-size:15.5px;margin:6px 0 10px}
.opt{display:flex;gap:8px;align-items:flex-start;padding:7px 10px;border:1px solid var(--line);margin:6px 0;font-weight:600;cursor:pointer}
.opt input{width:auto;margin-top:5px}.opt.right{border-color:#16a34a;background:#f0fdf4}.opt.wrong{border-color:#b91c1c;background:#fef2f2}
.qwm{position:absolute;inset-inline-end:10px;bottom:6px;font-size:11px;color:rgba(84,0,168,.25);pointer-events:none}
.expl{background:#faf9fc;border-inline-start:3px solid var(--gold);padding:8px 10px;margin:8px 0 0;font-size:14px}
.qbox.ok{border-top:3px solid #16a34a}.qbox.no{border-top:3px solid #b91c1c}
.score{display:flex;gap:18px;align-items:center}.score .big{font-size:42px;font-weight:800}.score.pass{border-top-color:#16a34a}.score.pass .big{color:#16a34a}.score.fail{border-top-color:#b91c1c}.score.fail .big{color:#b91c1c}
.axes .ax{display:grid;grid-template-columns:minmax(120px,220px) 1fr auto;gap:10px;align-items:center;margin:6px 0}
.axes .bar{height:10px;background:var(--line)}.axes .bar i{display:block;height:100%;background:var(--accent)}
.tblw{overflow-x:auto}
@media print{.exam,.qbox{display:none!important}}