/* ═══════════════════════════════════════════════════════════════════
   مختبر تجلّي — الهوية البصرية والأنماط
   خط واحد: تجوّل. والتمييز باللون والحجم والوزن لا بنوع الخط.
   ═══════════════════════════════════════════════════════════════════ */

@font-face{font-family:"Tajawal";src:url("../fonts/tajawal-400.woff2") format("woff2");
  font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Tajawal";src:url("../fonts/tajawal-500.woff2") format("woff2");
  font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Tajawal";src:url("../fonts/tajawal-700.woff2") format("woff2");
  font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Tajawal";src:url("../fonts/tajawal-800.woff2") format("woff2");
  font-weight:800;font-style:normal;font-display:swap}

:root{
  /* الحبر */
  --ink:#132A26;          /* النص الأساسي والعناوين */
  --ink-70:#3C544E;       /* النص الجاري */
  --ink-45:#6B7F79;       /* النص الثانوي والشروح */
  --ink-25:#9CAAA5;       /* نص خافت */

  /* الأسطح */
  --bg:#EDEEE9;           /* خلفية الصفحة */
  --surface:#F6F6F3;      /* البطاقات والحقول */
  --surface-2:#E2E4DD;    /* سطح غائر */
  --deep:#0F221F;         /* الهيرو والتذييل الغامق */

  /* الحدود */
  --line:#CFD4CC;
  --line-strong:#A8B2AC;

  /* اللون الدال — التجلّي */
  --accent:#B0842F;
  --accent-soft:#E8DDC4;
  --accent-deep:#8A6522;

  /* حالات */
  --ok:#3F6B4C;
  --warn:#8A5A22;
  --stop:#8A3B2A;

  --font:"Tajawal","Segoe UI",system-ui,sans-serif;
  --w:1160px;
  --r:3px;
}

*,*::before,*::after{box-sizing:border-box;min-width:0}
html{-webkit-text-size-adjust:100%;overflow-x:hidden}
body{
  margin:0;max-width:100%;overflow-x:hidden;
  background:var(--bg);color:var(--ink);
  font-family:var(--font);font-weight:400;font-size:17px;line-height:1.8;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
img,svg,video{max-width:100%;height:auto}
a{color:var(--ink);text-decoration-color:var(--line-strong);text-underline-offset:.2em}
a:hover{text-decoration-color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.wrap{width:100%;max-width:var(--w);margin:0 auto;padding-inline:clamp(1rem,4vw,2rem)}

/* ═══════════ الترويسة ═══════════ */
.top{background:var(--surface);border-bottom:1px solid var(--line);
  position:relative;z-index:5}
.top .wrap{display:flex;align-items:center;gap:1rem;
  padding-block:.75rem;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink)}
.logo .mk{width:32px;height:32px;flex:none;color:var(--accent)}
.logo .nm{font-size:1.5rem;font-weight:800;letter-spacing:-.01em;line-height:1}
.logo .sub{font-size:.7rem;font-weight:500;color:var(--ink-45);
  display:block;letter-spacing:.02em;margin-top:.15rem}

.mainnav{margin-inline-start:auto;display:flex;gap:1.15rem;flex-wrap:wrap;
  align-items:center;font-size:.88rem}
.mainnav a{color:var(--ink-45);text-decoration:none;padding:.25rem 0;
  border-bottom:2px solid transparent;font-weight:500}
.mainnav a:hover{color:var(--ink)}
.mainnav a.on{color:var(--ink);border-bottom-color:var(--accent)}
.mainnav a.act{color:var(--ink);border:1px solid var(--line-strong);
  border-radius:var(--r);padding:.3rem 1rem;background:var(--bg)}
.mainnav a.act:hover{border-color:var(--accent);background:var(--accent-soft)}

.navtoggle{display:none;margin-inline-start:auto;background:none;border:1px solid var(--line);
  border-radius:var(--r);padding:.4rem .8rem;font:inherit;font-size:.85rem;
  color:var(--ink-45);cursor:pointer}

/* ═══════════ الهيرو ═══════════ */
.hero{background:var(--deep);color:#E8EAE5;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 90% at 82% -10%,rgba(176,132,47,.30),transparent 62%)}
.hero .wrap{position:relative;padding-block:clamp(3rem,9vw,6rem)}
.hero .eyebrow{font-size:.78rem;font-weight:600;letter-spacing:.14em;
  color:var(--accent);margin:0 0 1.2rem}
.hero h1{font-size:clamp(1.85rem,5.2vw,3.35rem);font-weight:800;line-height:1.28;
  margin:0 0 1.2rem;max-width:26ch;letter-spacing:-.015em}
.hero .lede{font-size:clamp(1rem,2.2vw,1.2rem);line-height:1.85;color:#C4CCC6;
  max-width:52ch;margin:0 0 2rem;font-weight:400}
.hero .lede strong{color:#EDEFEA;font-weight:600}
.hero .cta{display:flex;gap:.8rem;flex-wrap:wrap}
.hero .mkbig{position:absolute;inset-inline-end:-3rem;top:50%;transform:translateY(-50%);
  width:min(30rem,45vw);color:#fff;opacity:.06;pointer-events:none}

/* ═══════════ الأزرار ═══════════ */
.btn{display:inline-block;font:inherit;font-size:.97rem;font-weight:500;
  padding:.72rem 1.6rem;border-radius:var(--r);cursor:pointer;
  text-decoration:none;border:1px solid transparent;transition:.18s}
.btn-p{background:var(--accent);color:#18120A;border-color:var(--accent)}
.btn-p:hover{background:var(--accent-deep);border-color:var(--accent-deep);color:#fff}
.btn-o{background:transparent;color:inherit;border-color:currentColor;opacity:.85}
.btn-o:hover{opacity:1;border-color:var(--accent);color:var(--accent)}
.btn-s{background:var(--ink);color:var(--surface);border-color:var(--ink)}
.btn-s:hover{background:var(--ink-70);border-color:var(--ink-70)}
.btn-q{background:transparent;color:var(--ink-45);border-color:var(--line)}
.btn-q:hover{color:var(--ink);border-color:var(--line-strong)}
.btn[disabled]{opacity:.45;cursor:not-allowed}

/* ═══════════ أقسام عامة ═══════════ */
.sec{padding-block:clamp(2.5rem,6vw,4.5rem)}
.sec.alt{background:var(--surface);border-block:1px solid var(--line)}
.sec-head{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-bottom:1.8rem}
.sec-head h2{font-size:clamp(1.35rem,3vw,1.85rem);font-weight:700;margin:0;letter-spacing:-.01em}
.sec-head p{margin:0;color:var(--ink-45);font-size:.92rem}
.sec-head .more{margin-inline-start:auto;font-size:.88rem;color:var(--ink-45)}

/* ═══════════ الإحصاء ═══════════ */
.figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(11rem,100%),1fr));
  gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.fig{background:var(--surface);padding:1.3rem 1.2rem}
.fig b{display:block;font-size:2.1rem;font-weight:800;line-height:1;color:var(--ink);
  font-variant-numeric:tabular-nums}
.fig span{display:block;font-size:.82rem;color:var(--ink-45);margin-top:.4rem}

/* ═══════════ بطاقات الدراسات ═══════════ */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr));gap:1.2rem}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
  padding:1.5rem 1.6rem;display:flex;flex-direction:column;gap:.75rem}
.card.live{border-inline-start:3px solid var(--accent)}
.card.shut{opacity:.8}
.card .badge{align-self:flex-start;font-size:.72rem;font-weight:600;letter-spacing:.06em;
  padding:.2rem .6rem;border-radius:var(--r)}
.badge.live{background:var(--accent-soft);color:var(--accent-deep)}
.badge.shut{background:var(--surface-2);color:var(--ink-45)}
/* مجدولة: حدّ متقطّع — لم تُفتح بعد */
.badge.soon{background:transparent;color:var(--ink-45);
  border:1px dashed var(--line-strong)}
/* وسوم الدراسة: التيار ثم الميدان */
.tagrow{display:flex;gap:.4rem;flex-wrap:wrap;margin:.2rem 0}
.tagrow span{font-size:.74rem;color:var(--ink-45);background:var(--surface-2);
  padding:.18rem .55rem;border-radius:var(--r)}
.hero .tagrow{justify-content:center;margin-top:1rem}
.card h3{margin:0;font-size:1.2rem;font-weight:700;line-height:1.5}
.card h3 a{text-decoration:none}
.card h3 a:hover{color:var(--accent-deep)}
.card .sum{margin:0;color:var(--ink-70);font-size:.95rem;line-height:1.8}
.card .facts{display:flex;gap:1.1rem;flex-wrap:wrap;font-size:.8rem;
  color:var(--ink-45);padding-top:.3rem}
/* ⚠ الاسم card-foot لا foot: الصنف foot محجوز لتذييل الموقع (--deep)،
   وتسميتهما بالاسم نفسه كانت تسرّب خلفيةً داكنةً وحشوةً سفلية إلى داخل
   البطاقة، فيبدو الزرّ ملتصقاً بحافّة شريط أسود لم يكن مقصوداً أصلاً. */
.card .card-foot{margin-top:auto;padding-top:.9rem;border-top:1px solid var(--line);
  display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;
  justify-content:space-between}

/* ═══════════ بيان الظاهرة ═══════════ */
/* يُعرض في صفحة الدراسة وفي رأس الاستمارة. في الاستمارة يبقى ثابتاً
   فوق الشاشات كلها، فلا يفاجئ المشاركَ سؤالٌ بلا سياق. */
.phen{background:var(--surface);border:1px solid var(--line);
  border-inline-start:3px solid var(--accent);border-radius:var(--r);
  padding:1.4rem 1.5rem;margin-block:1.4rem}
.phen > .k{display:block;font-size:.72rem;font-weight:700;letter-spacing:.08em;
  color:var(--accent-deep);margin-bottom:.7rem}
.phen p{margin:0 0 .8rem;line-height:1.95}
.phen p:last-child{margin-bottom:0}
.phen .not{margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--line);
  font-size:.88rem;color:var(--ink-45);line-height:1.8}
.phen .not b{color:var(--ink-70);font-weight:600}
.phen.tight{padding:1.1rem 1.2rem;margin-block:1rem}
.phen.tight p{font-size:.94rem;line-height:1.85}

/* ═══════════ لوحات صفحة الدراسة ═══════════ */
.panes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(18rem,100%),1fr));
  gap:1.1rem;margin-block:1.3rem}
.pane{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
  padding:1.3rem 1.4rem}
.pane h3{margin:0 0 .7rem;font-size:1.02rem;font-weight:700}
.pane p,.pane li{font-size:.93rem;line-height:1.85;color:var(--ink-70)}
.pane p{margin:0 0 .6rem}
.pane p:last-child,.pane ul:last-child{margin-bottom:0}
.pane ul{margin:0;padding-inline-start:1.1rem}
.pane li{margin-bottom:.45rem}
.pane.warn{background:transparent;border-inline-start:3px solid var(--ink-25)}
.pane.warn h3{color:var(--ink-70)}

/* شريط التقدّم */
.bar{height:4px;background:var(--surface-2);border-radius:2px;overflow:hidden}
.bar i{display:block;height:100%;background:var(--accent)}
.bar-lbl{font-size:.78rem;color:var(--ink-45);margin-top:.35rem}

/* ═══════════ صفحات الوثائق ═══════════ */
main.doc{max-width:none}
main.doc .wrap{max-width:min(70ch,var(--w));padding-block:clamp(2rem,5vw,3.5rem)}
.doc h1{font-size:clamp(1.8rem,4.4vw,2.6rem);font-weight:800;line-height:1.3;
  margin:0 0 .6rem;letter-spacing:-.015em}
.doc .dek{color:var(--ink-45);font-size:1.02rem;margin:0 0 2rem;
  padding-bottom:1.4rem;border-bottom:1px solid var(--line)}
.doc h2{font-size:1.42rem;font-weight:700;line-height:1.5;margin:2.8rem 0 .8rem;
  color:var(--ink);letter-spacing:-.01em}
.doc h3{font-size:1.06rem;font-weight:700;margin:2rem 0 .5rem;color:var(--ink)}
.doc p{margin:0 0 1.15rem;color:var(--ink-70)}
.doc strong{font-weight:700;color:var(--ink)}
.doc em{font-style:normal;color:var(--ink-45)}
.doc ul,.doc ol{margin:0 0 1.3rem;padding-inline-start:1.5rem;color:var(--ink-70)}
.doc li{margin-bottom:.55rem}
.doc li::marker{color:var(--accent)}
.doc hr{border:0;border-top:1px solid var(--line);margin:2.8rem 0}
.doc blockquote{margin:1.8rem 0;padding:1.1rem 1.3rem;background:var(--surface);
  border:1px solid var(--line);border-inline-start:3px solid var(--accent);border-radius:var(--r)}
.doc blockquote p{margin:0 0 .7rem;font-size:.95rem}
.doc blockquote p:last-child{margin:0}
.doc code{font-family:var(--font);font-weight:500;font-size:.92em;
  background:var(--surface-2);padding:.08em .38em;border-radius:2px;color:var(--ink)}

.tw{overflow-x:auto;margin:1.8rem 0;border:1px solid var(--line);border-radius:var(--r)}
.doc table,table.data{width:100%;border-collapse:collapse;font-size:.92rem}
.doc th,.doc td,table.data th,table.data td{
  text-align:start;vertical-align:top;padding:.65rem .85rem;border-bottom:1px solid var(--line)}
.doc th,table.data th{background:var(--surface);font-weight:700;font-size:.85rem;
  color:var(--ink);border-bottom:1px solid var(--line-strong)}
.doc tr:last-child td,table.data tr:last-child td{border-bottom:0}

.toc{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
  padding:1.1rem 1.3rem;margin-bottom:2.2rem}
.toc b{display:block;font-size:.82rem;color:var(--ink-45);margin-bottom:.5rem;font-weight:600}
.toc ol{margin:0;padding-inline-start:1.3rem;font-size:.93rem}
.toc li{margin-bottom:.25rem}

/* ═══════════ تبويبات الوثائق الطويلة ═══════════ */
.doc .dtabs{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 2.2rem;
  padding-bottom:1.2rem;border-bottom:1px solid var(--line)}
.doc .dtabs a{display:flex;align-items:center;gap:.5rem;font-size:.86rem;
  padding:.45rem .85rem;border:1px solid var(--line);border-radius:var(--r);
  background:var(--surface);color:var(--ink-45);text-decoration:none}
.doc .dtabs a b{font-weight:700;color:var(--ink-25)}
.doc .dtabs a:hover{border-color:var(--line-strong);color:var(--ink)}
.doc .dtabs a.on{background:var(--accent-soft);border-color:var(--accent);color:var(--ink)}
.doc .dtabs a.on b{color:var(--accent-deep)}
.doc .dsec > h2:first-child{margin-top:0}
.dpager{display:flex;align-items:center;justify-content:space-between;gap:1rem;
  margin-top:2.6rem;padding-top:1.5rem;border-top:1px solid var(--line)}
@media (max-width:600px){.doc .dtabs a{font-size:.8rem;padding:.4rem .65rem;gap:.35rem}}

/* ═══════════ الحقول والاستمارة ═══════════ */
input[type=text],input[type=email],textarea,select{
  width:100%;font:inherit;font-size:1rem;color:var(--ink);background:var(--surface);
  border:1px solid var(--line);border-radius:var(--r);padding:.7rem .85rem;line-height:1.75;
  transition:border-color .18s,box-shadow .18s}
textarea{resize:vertical;min-height:6rem}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);
  box-shadow:0 0 0 3px rgba(176,132,47,.16)}

.steps{display:flex;align-items:center;gap:.7rem;padding-block:1rem;
  border-bottom:1px solid var(--line);margin-bottom:2rem;flex-wrap:wrap}
.steps .n{font-size:.8rem;font-weight:600;color:var(--ink-45);letter-spacing:.06em}
.steps .track{display:flex;gap:.28rem;flex:1;min-width:6rem;max-width:15rem}
.steps .track i{flex:1;height:3px;background:var(--surface-2);border-radius:2px}
.steps .track i.on{background:var(--accent)}

.q{padding-block:1.7rem;border-top:1px solid var(--line)}
.q:first-of-type{border-top:0;padding-top:.3rem}
.q .lbl{display:block;font-size:1.06rem;font-weight:600;line-height:1.6;margin-bottom:.3rem}
.q .tag{display:block;font-size:.72rem;font-weight:600;letter-spacing:.08em;
  color:var(--accent-deep);margin-bottom:.35rem}
.q .hint{font-size:.87rem;color:var(--ink-45);margin:0 0 .8rem}
.q .why{font-size:.83rem;line-height:1.75;color:var(--ink-45);margin-top:.8rem;
  padding-inline-start:.9rem;border-inline-start:2px solid var(--surface-2)}
.q .why b{display:block;font-size:.72rem;font-weight:600;letter-spacing:.08em;
  color:var(--accent-deep);margin-bottom:.2rem}
.q.big textarea{font-size:1.14rem;line-height:2;min-height:14rem;
  border-color:var(--line-strong);padding:1.05rem}
.q.quiet textarea{background:var(--surface-2);color:var(--ink-45);
  border-style:dashed;min-height:5rem;font-size:.96rem}

.opts{display:grid;gap:.45rem}
.opt{display:flex;align-items:flex-start;gap:.65rem;padding:.62rem .85rem;
  border:1px solid var(--line);border-radius:var(--r);background:var(--surface);
  cursor:pointer;font-size:.96rem;transition:.16s}
.opt:hover{border-color:var(--line-strong)}
.opt input{accent-color:var(--accent);margin:.35rem 0 0;flex:none}
.opt:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.opt .note{display:block;font-size:.84rem;color:var(--ink-45);margin-top:.2rem}

.meter{margin-top:.5rem;display:flex;align-items:center;gap:.7rem}
.meter .t{flex:1;height:3px;background:var(--surface-2);overflow:hidden;border-radius:2px}
.meter .f{display:block;height:100%;width:0;background:var(--accent);transition:width .3s}
.meter .v{font-size:.78rem;color:var(--ink-45);white-space:nowrap;font-variant-numeric:tabular-nums}
.meter .v.ok{color:var(--accent-deep);font-weight:600}

.navrow{display:flex;gap:.8rem;justify-content:space-between;align-items:center;
  margin-top:2.4rem;padding-top:1.5rem;border-top:1px solid var(--line);flex-wrap:wrap}
.err{color:var(--stop);font-size:.87rem;margin-top:.45rem;display:none}
.err.on{display:block}
.q.bad input,.q.bad textarea,.q.bad select{border-color:var(--stop)}
.trap{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* المراجعة */
.review{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);
  overflow:hidden;margin-bottom:1.6rem}
.review .row{display:grid;grid-template-columns:minmax(8rem,13rem) minmax(0,1fr);
  gap:1.2rem;padding:1rem 1.2rem;border-bottom:1px solid var(--line)}
.review .row:last-child{border-bottom:0}
.review .k{font-size:.87rem;color:var(--ink-45);line-height:1.65}
.review .v{color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}
.review .v.empty{color:var(--ink-25)}

/* الرمز */
.codebox{background:var(--deep);color:#EDEFEA;border-radius:var(--r);
  padding:2rem 1.5rem;text-align:center;margin:1.8rem 0}
.codebox .k{font-size:.75rem;font-weight:600;letter-spacing:.14em;color:var(--accent);
  display:block;margin-bottom:.9rem}
.codebox .c{font-size:clamp(1.6rem,6vw,2.4rem);font-weight:800;letter-spacing:.22em;
  direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}
.codebox button{margin-top:1.1rem}

/* رسائل */
.msg{padding:.95rem 1.2rem;border-radius:var(--r);background:var(--surface);
  border:1px solid var(--line);border-inline-start:3px solid var(--accent);margin-bottom:1.6rem}
.msg.bad{border-inline-start-color:var(--stop);color:var(--stop)}
.msg.ok{border-inline-start-color:var(--ok)}

/* ═══════════ التذييل ═══════════ */
/* مقصور على عنصر footer: صنف foot عام جداً، وقصره هنا يمنع تكرار
   التعارض إن استُعمل الاسم في أي مكوّن آخر لاحقاً. */
footer.foot{background:var(--deep);color:#AEB9B3;padding-block:2.6rem;margin-top:auto;font-size:.88rem}
footer.foot .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(13rem,100%),1fr));
  gap:2rem;padding-bottom:1.8rem;border-bottom:1px solid rgba(255,255,255,.1)}
footer.foot h4{color:#E8EAE5;font-size:.85rem;font-weight:700;margin:0 0 .7rem;letter-spacing:.02em}
footer.foot ul{list-style:none;margin:0;padding:0}
footer.foot li{margin-bottom:.4rem}
footer.foot a{color:#AEB9B3;text-decoration:none}
footer.foot a:hover{color:var(--accent)}
footer.foot .legal{padding-top:1.5rem;display:flex;gap:1.2rem;flex-wrap:wrap;
  align-items:baseline;font-size:.82rem;color:#8C9A94}
footer.foot .legal strong{color:#C4CCC6;font-weight:600}
footer.foot .tag{max-width:34ch;line-height:1.7}

/* ═══════════ الجوال ═══════════ */
@media (max-width:900px){
  body{font-size:16px}
  .navtoggle{display:block}
  .mainnav{display:none;width:100%;flex-direction:column;align-items:stretch;
    gap:0;margin:.6rem 0 .2rem;border-top:1px solid var(--line)}
  .mainnav.open{display:flex}
  .mainnav a{padding:.7rem .2rem;border-bottom:1px solid var(--line)}
  .mainnav a.on{border-bottom-color:var(--line);color:var(--accent-deep)}
  .mainnav a.act{margin-top:.7rem;text-align:center}
  .hero .mkbig{display:none}
  .review .row{grid-template-columns:1fr;gap:.35rem}
  .q.big textarea{font-size:1.05rem;line-height:1.9;min-height:12rem}
  .navrow{flex-direction:column-reverse;align-items:stretch}
  .navrow .btn{width:100%;text-align:center}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media print{.top,footer.foot,.mainnav,.dtabs,.dpager{display:none}
  body{background:#fff}
  /* الوثيقة المبوَّبة تُطبع كاملة متسلسلة */
  .dsec[hidden]{display:block!important}}
/* ═══════════ إضافة: فقرتان في الهيرو ═══════════
   صار نصّ الهيرو فقرتين لا فقرة. والقاعدة القائمة تعطي كل .lede
   هامشاً سفلياً ٢rem، فتتباعد الفقرتان تباعد الأقسام لا تباعد السطور.
   فيُضيَّق ما بينهما، ويبقى الهامش الكبير قبل الأزرار وحدها.

   الموضع: تُلحَق مباشرة بعد السطر
       .hero .lede strong{color:#EDEFEA;font-weight:600}
   في قسم «الهيرو» من assets/css/site.css
   ــــــــــــــــــــــــــــــــــــــــــــــــــ */
.hero .lede{margin-bottom:1.15rem}
.hero .lede:last-of-type{margin-bottom:2rem}