/* ============================================================
   PDL LESSON SYSTEM v1.0
   نظام عرض الدروس — «الملف القانوني المُنظَّم»
   المبدأ: البنية قبل التزيين. كل صندوق ملوّن له معنى مسمّى.
   الهوية: كحلي #0f2744 · ذهبي #c9a227 · بارد #f6f8fb
   ============================================================ */

:root{
  --pdl-navy:#0f2744;
  --pdl-navy-2:#1a3a5c;
  --pdl-gold:#c9a227;
  --pdl-gold-soft:#f6efd8;
  --pdl-cold:#f6f8fb;
  --pdl-amber:#fff8e6;
  --pdl-amber-bd:#f0dca8;
  --pdl-amber-tx:#8a6d1f;
  --pdl-teal:#eef7f6;
  --pdl-teal-bd:#bfe0dd;
  --pdl-teal-tx:#0e6e66;
  --pdl-ink:#1f2933;
  --pdl-ink-soft:#4b5563;
  --pdl-line:#e5e9f0;
  --pdl-ease:cubic-bezier(.23,1,.32,1);
}

/* ---------- 1. الأساس النصّي ---------- */
.pdl-lesson-content{
  color:var(--pdl-ink);
  font-size:1.0625rem;
  line-height:2.05;
}
.pdl-lesson-content > p{
  margin:0 0 1.35em;
  max-width:70ch;
  text-align:justify;
  text-justify:inter-word;
}
.pdl-lesson-content strong{color:var(--pdl-navy);font-weight:700}

/* ---------- 2. ترويسة الدرس ---------- */
.pdl-ls-hero{
  position:relative;
  background:linear-gradient(135deg,var(--pdl-navy) 0%,var(--pdl-navy-2) 100%);
  color:#fff;
  border-radius:14px;
  padding:34px 32px 30px;
  margin:0 0 28px;
  overflow:hidden;
}
.pdl-ls-hero::after{
  content:"";position:absolute;inset-inline-end:-40px;top:-40px;
  width:200px;height:200px;border-radius:50%;
  background:radial-gradient(circle,rgba(201,162,39,.22),transparent 68%);
  pointer-events:none;
}
.pdl-ls-hero .pdl-ls-kicker{
  margin:0 0 10px;color:var(--pdl-gold);
  font-weight:700;font-size:.75rem;letter-spacing:1.4px;
}
.pdl-ls-hero h2{
  margin:0 0 12px!important;color:#fff!important;
  font-size:1.9rem;line-height:1.35;font-weight:800;
}
.pdl-ls-hero .pdl-ls-lede{
  margin:0;color:rgba(255,255,255,.86);
  font-size:1.02rem;line-height:1.95;max-width:64ch;
}
.pdl-ls-hero .pdl-ls-meta{
  display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;
}
.pdl-ls-hero .pdl-ls-meta span{
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);
  border-radius:999px;padding:5px 13px;font-size:.78rem;
  color:rgba(255,255,255,.92);font-weight:600;
}

/* ---------- 3. الفهرس الثابت + شريط التقدّم ---------- */
.pdl-ls-navwrap{position:sticky;top:0;z-index:40;margin:0 0 26px}
.pdl-ls-nav{
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid var(--pdl-line);border-radius:12px;
  box-shadow:0 2px 14px rgba(15,39,68,.07);
  padding:9px 12px;
  display:flex;align-items:center;gap:10px;flex-wrap:nowrap;
  overflow-x:auto;scrollbar-width:none;
}
.pdl-ls-nav::-webkit-scrollbar{display:none}
.pdl-ls-nav .pdl-ls-pct{
  flex:0 0 auto;font-weight:800;font-size:.8rem;
  color:var(--pdl-navy);min-width:42px;text-align:center;
  font-variant-numeric:tabular-nums;
}
.pdl-ls-nav .pdl-ls-sep{flex:0 0 auto;width:1px;height:20px;background:var(--pdl-line)}
.pdl-ls-nav a{
  flex:0 0 auto;
  padding:6px 13px;border-radius:8px;
  font-size:.83rem;font-weight:600;color:var(--pdl-ink-soft);
  text-decoration:none;white-space:nowrap;
  transition:background .16s var(--pdl-ease),color .16s var(--pdl-ease);
}
.pdl-ls-nav a:hover{background:var(--pdl-cold);color:var(--pdl-navy)}
.pdl-ls-nav a.is-active{background:var(--pdl-navy);color:#fff}
.pdl-ls-bar{
  height:3px;background:var(--pdl-line);border-radius:999px;
  margin-top:8px;overflow:hidden;
}
.pdl-ls-bar i{
  display:block;height:100%;width:0;
  background:linear-gradient(90deg,var(--pdl-gold),#e0bd4a);
  transition:width .12s linear;
}

/* ---------- 4. عنوان الفصل ---------- */
.pdl-ls-chapter{
  margin:52px 0 22px;padding-top:26px;
  border-top:1px solid var(--pdl-line);
  scroll-margin-top:110px;
  position:relative;
}
.pdl-ls-chapter .pdl-ls-num{
  display:block;font-size:3.2rem;font-weight:800;line-height:1;
  color:var(--pdl-line);letter-spacing:-2px;margin-bottom:-14px;
  font-variant-numeric:tabular-nums;
}
.pdl-ls-chapter .pdl-ls-eyebrow{
  display:flex;align-items:center;gap:10px;
  margin:0 0 8px;font-size:.74rem;font-weight:700;
  letter-spacing:1.3px;color:var(--pdl-gold);
}
.pdl-ls-chapter .pdl-ls-eyebrow::after{
  content:"";flex:1;height:1px;background:var(--pdl-gold);opacity:.34;
}
.pdl-ls-chapter h3{
  margin:0!important;color:var(--pdl-navy)!important;
  font-size:1.55rem;line-height:1.45;font-weight:800;
}

/* ---------- 5. أهداف التعلم ---------- */
.pdl-ls-objectives{
  background:var(--pdl-cold);
  border-inline-start:4px solid var(--pdl-gold);
  border-radius:0 12px 12px 0;
  padding:22px 24px;margin:0 0 32px;
}
.pdl-ls-objectives .pdl-ls-label{
  margin:0 0 14px;font-weight:800;font-size:.94rem;color:var(--pdl-navy);
}
.pdl-ls-objectives ol{margin:0;padding-inline-start:0;list-style:none;counter-reset:obj}
.pdl-ls-objectives li{
  counter-increment:obj;position:relative;
  padding-inline-start:34px;margin-bottom:11px;
  line-height:1.85;font-size:.98rem;
}
.pdl-ls-objectives li:last-child{margin-bottom:0}
.pdl-ls-objectives li::before{
  content:counter(obj);
  position:absolute;inset-inline-start:0;top:3px;
  width:23px;height:23px;border-radius:6px;
  background:var(--pdl-navy);color:#fff;
  font-size:.74rem;font-weight:700;
  display:flex;align-items:center;justify-content:center;
}

/* ---------- 6. صندوق الحركة العملية (النجم) ---------- */
.pdl-ls-action{
  background:linear-gradient(180deg,#fdf9ec,#faf4e2);
  border:1px solid #ecdcae;
  border-inline-start:5px solid var(--pdl-gold);
  border-radius:0 12px 12px 0;
  padding:20px 24px;margin:26px 0 32px;
  position:relative;
}
.pdl-ls-action .pdl-ls-label{
  display:flex;align-items:center;gap:8px;
  margin:0 0 10px;font-size:.76rem;font-weight:800;
  letter-spacing:1.1px;color:#8a6d1f;text-transform:none;
}
.pdl-ls-action .pdl-ls-label::before{
  content:"";width:7px;height:7px;border-radius:50%;
  background:var(--pdl-gold);flex:0 0 auto;
}
.pdl-ls-action p{
  margin:0;font-size:1rem;line-height:1.95;color:#4a3f1c;
  text-align:justify;
}
.pdl-ls-action p + p{margin-top:.85em}

/* ---------- 7. من الميدان ---------- */
.pdl-ls-field{
  background:var(--pdl-amber);border:1px solid var(--pdl-amber-bd);
  border-radius:12px;padding:22px 24px;margin:34px 0;
}
.pdl-ls-field .pdl-ls-label{
  margin:0 0 10px;font-weight:800;font-size:.88rem;color:var(--pdl-amber-tx);
}
.pdl-ls-field p:not(.pdl-ls-label){margin:0;line-height:1.95;color:#5a4a18}

/* ---------- 8. قاعدة ذهبية ---------- */
.pdl-ls-rule{
  background:var(--pdl-teal);border:1px solid var(--pdl-teal-bd);
  border-radius:12px;padding:22px 24px;margin:34px 0;
}
.pdl-ls-rule .pdl-ls-label{
  margin:0 0 10px;font-weight:800;font-size:.88rem;color:var(--pdl-teal-tx);
}
.pdl-ls-rule p:not(.pdl-ls-label){margin:0;line-height:1.95;color:#0c574f}

/* ---------- 9. الجدول ---------- */
.pdl-ls-tablewrap{margin:28px 0;overflow-x:auto;border-radius:12px;border:1px solid var(--pdl-line)}
.pdl-ls-table{width:100%;border-collapse:collapse;font-size:.94rem;background:#fff}
.pdl-ls-table th{
  background:var(--pdl-navy);color:#fff;font-weight:700;
  padding:13px 15px;text-align:start;font-size:.88rem;
  white-space:nowrap;
}
.pdl-ls-table td{
  padding:13px 15px;border-top:1px solid var(--pdl-line);
  line-height:1.75;vertical-align:top;
}
.pdl-ls-table tbody tr:nth-child(even){background:#fafbfd}

/* ---------- 10. بطاقات المفاهيم ---------- */
.pdl-ls-cards{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));
  gap:14px;margin:26px 0 32px;
}
.pdl-ls-card{
  background:#fff;border:1px solid var(--pdl-line);
  border-top:3px solid var(--pdl-gold);
  border-radius:10px;padding:18px 18px 16px;
  transition:transform .2s var(--pdl-ease),box-shadow .2s var(--pdl-ease);
}
.pdl-ls-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,39,68,.08)}
.pdl-ls-card .pdl-ls-cardnum{
  font-size:1.6rem;font-weight:800;color:var(--pdl-line);line-height:1;
}
.pdl-ls-card h4{
  margin:6px 0 8px!important;font-size:1.02rem;font-weight:800;
  color:var(--pdl-navy)!important;line-height:1.5;
}
.pdl-ls-card .pdl-ls-en{
  display:block;font-size:.74rem;font-weight:600;
  color:var(--pdl-ink-soft);letter-spacing:.3px;margin-bottom:8px;
}
.pdl-ls-card p{margin:0;font-size:.92rem;line-height:1.8;color:var(--pdl-ink-soft)}

/* ---------- 11. الخطّ الزمني ---------- */
.pdl-ls-timeline{margin:28px 0 34px;padding:0;list-style:none;position:relative}
.pdl-ls-timeline::before{
  content:"";position:absolute;inset-inline-start:13px;top:10px;bottom:10px;
  width:2px;background:linear-gradient(180deg,var(--pdl-gold),var(--pdl-line));
}
.pdl-ls-timeline li{
  position:relative;padding-inline-start:44px;padding-bottom:22px;
}
.pdl-ls-timeline li:last-child{padding-bottom:0}
.pdl-ls-timeline li::before{
  content:"";position:absolute;inset-inline-start:7px;top:6px;
  width:15px;height:15px;border-radius:50%;
  background:#fff;border:3px solid var(--pdl-gold);
}
.pdl-ls-timeline .pdl-ls-tlhead{
  display:block;font-weight:800;color:var(--pdl-navy);
  font-size:1rem;margin-bottom:5px;
}
.pdl-ls-timeline p{margin:0;font-size:.95rem;line-height:1.85;color:var(--pdl-ink-soft)}

/* ---------- 12. الخاتمة ---------- */
.pdl-ls-closing{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:14px;margin:38px 0 26px;
}
.pdl-ls-summary,.pdl-ls-think{
  border-radius:12px;padding:20px 22px;
}
.pdl-ls-summary{background:var(--pdl-navy);color:#fff}
.pdl-ls-summary .pdl-ls-label{margin:0 0 10px;font-weight:800;font-size:.82rem;color:var(--pdl-gold);letter-spacing:.8px}
.pdl-ls-summary p:not(.pdl-ls-label){margin:0;line-height:1.9;color:rgba(255,255,255,.9);font-size:.97rem}
.pdl-ls-think{background:var(--pdl-cold);border:1px solid var(--pdl-line)}
.pdl-ls-think .pdl-ls-label{margin:0 0 10px;font-weight:800;font-size:.82rem;color:var(--pdl-navy);letter-spacing:.8px}
.pdl-ls-think p:not(.pdl-ls-label){margin:0;line-height:1.9;color:var(--pdl-ink-soft);font-size:.97rem}

.pdl-ls-next{
  display:flex;align-items:center;gap:11px;
  background:#fff;border:1px dashed var(--pdl-gold);
  border-radius:10px;padding:15px 19px;margin:0 0 28px;
  font-size:.95rem;color:var(--pdl-ink-soft);line-height:1.8;
}
.pdl-ls-next::before{
  content:"";flex:0 0 auto;width:8px;height:8px;border-radius:50%;
  background:var(--pdl-gold);
}
.pdl-ls-next b{color:var(--pdl-navy)}

/* ---------- 13. المصادر ---------- */
.pdl-ls-sources{
  background:var(--pdl-cold);border-radius:12px;
  padding:20px 22px;margin:30px 0 0;
  border:1px solid var(--pdl-line);
}
.pdl-ls-sources .pdl-ls-label{margin:0 0 12px;font-weight:800;font-size:.86rem;color:var(--pdl-navy)}
.pdl-ls-sources ul{margin:0;padding:0;list-style:none}
.pdl-ls-sources li{
  position:relative;padding-inline-start:18px;
  margin-bottom:8px;font-size:.92rem;line-height:1.8;
}
.pdl-ls-sources li:last-child{margin-bottom:0}
.pdl-ls-sources li::before{
  content:"";position:absolute;inset-inline-start:0;top:11px;
  width:5px;height:5px;border-radius:50%;background:var(--pdl-gold);
}
.pdl-ls-sources a{color:var(--pdl-navy);text-decoration:underline;text-decoration-color:rgba(201,162,39,.5);text-underline-offset:3px}
.pdl-ls-sources a:hover{color:var(--pdl-gold)}

/* ---------- 14. الاقتباس المرجعي ---------- */
.pdl-ls-quote{
  margin:26px 0;padding:18px 22px;
  background:#fff;border-inline-start:4px solid var(--pdl-navy);
  border-radius:0 10px 10px 0;
  box-shadow:0 1px 8px rgba(15,39,68,.05);
}
.pdl-ls-quote p{margin:0;font-size:.98rem;line-height:1.9;color:var(--pdl-ink)}
.pdl-ls-quote cite{
  display:block;margin-top:9px;font-size:.8rem;font-style:normal;
  font-weight:700;color:var(--pdl-gold);
}

/* ---------- 15. زر العودة للأعلى ---------- */
.pdl-ls-totop{
  position:fixed;inset-inline-end:22px;bottom:22px;z-index:45;
  width:44px;height:44px;border-radius:50%;
  background:var(--pdl-navy);color:#fff;border:none;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 18px rgba(15,39,68,.26);
  opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .2s var(--pdl-ease),transform .2s var(--pdl-ease),visibility .2s;
  cursor:pointer;font-size:1.1rem;line-height:1;
}
.pdl-ls-totop.is-on{opacity:1;visibility:visible;transform:translateY(0)}
.pdl-ls-totop:active{transform:scale(.94)}

/* ---------- 16. الاختبارات التفاعلية ---------- */
.pdl-qz{margin:0 0 30px}
.pdl-qz-head{
  background:linear-gradient(135deg,var(--pdl-navy),var(--pdl-navy-2));
  color:#fff;border-radius:14px;padding:28px 30px;margin-bottom:24px;
}
.pdl-qz-head .pdl-ls-kicker{margin:0 0 8px;color:var(--pdl-gold);font-weight:700;font-size:.75rem;letter-spacing:1.4px}
.pdl-qz-head h2{margin:0 0 10px!important;color:#fff!important;font-size:1.75rem;font-weight:800;line-height:1.4}
.pdl-qz-head p{margin:0;color:rgba(255,255,255,.85);line-height:1.9;font-size:.98rem}
.pdl-qz-head .pdl-ls-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.pdl-qz-head .pdl-ls-meta span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 13px;font-size:.78rem;font-weight:600}

.pdl-qz-progress{
  position:sticky;top:0;z-index:38;
  background:rgba(255,255,255,.95);backdrop-filter:blur(10px);
  border:1px solid var(--pdl-line);border-radius:12px;
  padding:11px 16px;margin-bottom:22px;
  display:flex;align-items:center;gap:14px;
  box-shadow:0 2px 12px rgba(15,39,68,.06);
}
.pdl-qz-progress .pdl-qz-count{font-weight:800;font-size:.86rem;color:var(--pdl-navy);white-space:nowrap;font-variant-numeric:tabular-nums}
.pdl-qz-progress .pdl-qz-track{flex:1;height:5px;background:var(--pdl-line);border-radius:999px;overflow:hidden}
.pdl-qz-progress .pdl-qz-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--pdl-gold),#e0bd4a);border-radius:999px;transition:width .28s var(--pdl-ease)}

.pdl-qz-q{
  background:#fff;border:1px solid var(--pdl-line);border-radius:14px;
  padding:24px 26px;margin-bottom:18px;
  transition:border-color .2s var(--pdl-ease),box-shadow .2s var(--pdl-ease);
}
.pdl-qz-q.is-answered{border-color:#cfd9e6}
.pdl-qz-q .pdl-qz-qnum{
  display:inline-flex;align-items:center;justify-content:center;
  width:27px;height:27px;border-radius:8px;
  background:var(--pdl-navy);color:#fff;
  font-size:.8rem;font-weight:800;margin-bottom:12px;
}
.pdl-qz-q .pdl-qz-text{
  margin:0 0 18px;font-size:1.06rem;font-weight:700;
  line-height:1.85;color:var(--pdl-navy);
}
.pdl-qz-opts{display:flex;flex-direction:column;gap:9px;margin:0}
.pdl-qz-opt{
  display:flex;align-items:flex-start;gap:12px;
  background:#fcfdfe;border:1.5px solid var(--pdl-line);
  border-radius:10px;padding:13px 16px;cursor:pointer;
  transition:border-color .16s var(--pdl-ease),background .16s var(--pdl-ease),transform .16s var(--pdl-ease);
  line-height:1.8;font-size:.97rem;
}
.pdl-qz-opt:hover{border-color:#b9c6d8;background:#fff}
.pdl-qz-opt:active{transform:scale(.995)}
.pdl-qz-opt input{position:absolute;opacity:0;pointer-events:none}
.pdl-qz-opt .pdl-qz-letter{
  flex:0 0 auto;width:25px;height:25px;border-radius:50%;
  border:1.5px solid #c3cede;background:#fff;
  display:flex;align-items:center;justify-content:center;
  font-size:.78rem;font-weight:700;color:var(--pdl-ink-soft);
  transition:all .16s var(--pdl-ease);
}
.pdl-qz-opt.is-picked{border-color:var(--pdl-navy);background:#f4f7fb}
.pdl-qz-opt.is-picked .pdl-qz-letter{background:var(--pdl-navy);border-color:var(--pdl-navy);color:#fff}

.pdl-qz-q.is-checked .pdl-qz-opt{cursor:default}
.pdl-qz-opt.is-right{border-color:#2f9e6f!important;background:#f0fbf6!important}
.pdl-qz-opt.is-right .pdl-qz-letter{background:#2f9e6f!important;border-color:#2f9e6f!important;color:#fff!important}
.pdl-qz-opt.is-wrong{border-color:#d8574f!important;background:#fdf3f2!important}
.pdl-qz-opt.is-wrong .pdl-qz-letter{background:#d8574f!important;border-color:#d8574f!important;color:#fff!important}

.pdl-qz-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;align-items:center}
.pdl-qz-btn{
  background:var(--pdl-navy);color:#fff;border:none;
  border-radius:9px;padding:11px 22px;
  font-size:.92rem;font-weight:700;cursor:pointer;font-family:inherit;
  transition:background .16s var(--pdl-ease),transform .16s var(--pdl-ease);
}
.pdl-qz-btn:hover{background:var(--pdl-navy-2)}
.pdl-qz-btn:active{transform:scale(.97)}
.pdl-qz-btn:disabled{background:#c3cede;cursor:not-allowed}
.pdl-qz-btn.is-ghost{background:transparent;color:var(--pdl-navy);border:1.5px solid var(--pdl-line)}
.pdl-qz-btn.is-ghost:hover{background:var(--pdl-cold);border-color:#b9c6d8}
.pdl-qz-hint{font-size:.85rem;color:var(--pdl-ink-soft)}

.pdl-qz-fb{
  margin-top:16px;border-radius:10px;padding:16px 18px;
  border-inline-start:4px solid;
  animation:pdlReveal .3s var(--pdl-ease);
}
.pdl-qz-fb.is-right{background:#f0fbf6;border-color:#2f9e6f}
.pdl-qz-fb.is-wrong{background:#fdf3f2;border-color:#d8574f}
.pdl-qz-fb .pdl-qz-verdict{margin:0 0 8px;font-weight:800;font-size:.92rem}
.pdl-qz-fb.is-right .pdl-qz-verdict{color:#1e7a54}
.pdl-qz-fb.is-wrong .pdl-qz-verdict{color:#b8433c}
.pdl-qz-fb p:not(.pdl-qz-verdict){margin:0;font-size:.95rem;line-height:1.9;color:var(--pdl-ink)}
@keyframes pdlReveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

.pdl-qz-result{
  background:linear-gradient(135deg,var(--pdl-navy),var(--pdl-navy-2));
  color:#fff;border-radius:14px;padding:30px;margin-top:26px;
  text-align:center;animation:pdlReveal .34s var(--pdl-ease);
}
.pdl-qz-result .pdl-qz-score{font-size:3rem;font-weight:800;line-height:1;margin:0 0 6px;color:var(--pdl-gold)}
.pdl-qz-result .pdl-qz-of{margin:0 0 14px;font-size:.9rem;color:rgba(255,255,255,.72)}
.pdl-qz-result .pdl-qz-verdict{margin:0 0 6px;font-size:1.2rem;font-weight:800}
.pdl-qz-result p:last-child{margin:0;color:rgba(255,255,255,.84);line-height:1.9;font-size:.96rem}

/* ---------- 17. دراسة الحالة ---------- */
.pdl-cs-draft{
  background:var(--pdl-cold);border:1px solid var(--pdl-line);
  border-radius:12px;padding:22px 24px;margin:30px 0;
}
.pdl-cs-draft .pdl-ls-label{margin:0 0 8px;font-weight:800;font-size:.9rem;color:var(--pdl-navy)}
.pdl-cs-draft .pdl-cs-note{margin:0 0 14px;font-size:.9rem;color:var(--pdl-ink-soft);line-height:1.8}
.pdl-cs-draft textarea{
  width:100%;min-height:150px;resize:vertical;
  border:1.5px solid var(--pdl-line);border-radius:9px;
  padding:14px 16px;font-family:inherit;font-size:.97rem;
  line-height:1.9;color:var(--pdl-ink);background:#fff;
  transition:border-color .16s var(--pdl-ease);
}
.pdl-cs-draft textarea:focus{outline:none;border-color:var(--pdl-gold)}
.pdl-cs-draft .pdl-cs-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;flex-wrap:wrap}
.pdl-cs-draft .pdl-cs-chars{font-size:.82rem;color:var(--pdl-ink-soft);font-variant-numeric:tabular-nums}

.pdl-cs-model{margin:30px 0}
.pdl-cs-locked{
  background:#fff;border:1.5px dashed var(--pdl-gold);
  border-radius:12px;padding:26px;text-align:center;
}
.pdl-cs-locked p{margin:0 0 14px;font-size:.96rem;color:var(--pdl-ink-soft);line-height:1.9}
.pdl-cs-revealed{animation:pdlReveal .34s var(--pdl-ease)}

/* ---------- 18. الاستجابة للشاشات ---------- */
@media (max-width:782px){
  .pdl-ls-hero{padding:26px 22px 24px;border-radius:12px}
  .pdl-ls-hero h2{font-size:1.5rem}
  .pdl-ls-chapter{margin-top:40px}
  .pdl-ls-chapter .pdl-ls-num{font-size:2.5rem}
  .pdl-ls-chapter h3{font-size:1.28rem}
  .pdl-ls-action,.pdl-ls-field,.pdl-ls-rule,.pdl-ls-objectives{padding:17px 18px}
  .pdl-qz-q{padding:19px 18px}
  .pdl-qz-head{padding:22px 20px}
  .pdl-lesson-content{font-size:1rem}
  .pdl-ls-totop{inset-inline-end:14px;bottom:14px;width:40px;height:40px}
}

@media (prefers-reduced-motion:reduce){
  .pdl-ls-card:hover{transform:none}
  .pdl-qz-fb,.pdl-qz-result,.pdl-cs-revealed{animation:none}
  *{transition-duration:.01ms!important}
}

/* ---------- 19. الطباعة ---------- */
@media print{
  .pdl-ls-navwrap,.pdl-ls-totop,.pdl-qz-progress,.pdl-qz-actions{display:none!important}
  .pdl-ls-hero,.pdl-ls-summary{background:var(--pdl-navy)!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* ---------- 20. توسيع عرض المحتوى (إزالة الفراغ الجانبي) ---------- */
.pdl-lesson-view{padding-inline:28px!important}
.pdl-lesson-view .pdl-lesson-content{max-width:1180px!important;margin-inline:auto!important}
.pdl-lesson-content>.pdl-ls-hero,
.pdl-lesson-content>.pdl-ls-chapter,
.pdl-lesson-content>.pdl-ls-navwrap,
.pdl-lesson-content>.pdl-ls-objectives,
.pdl-lesson-content>.pdl-ls-summary,
.pdl-lesson-content>.pdl-ls-tablewrap,
.pdl-lesson-content>.pdl-qz,
.pdl-lesson-content>.pdl-cs-brief{width:100%}
.pdl-ls-chapter>p,.pdl-ls-chapter>ul,.pdl-ls-chapter>ol{max-width:78ch}
@media (max-width:900px){
  .pdl-lesson-view{padding-inline:14px!important}
  .pdl-ls-chapter>p,.pdl-ls-chapter>ul,.pdl-ls-chapter>ol{max-width:none}
}