@charset "utf-8";
/* ══════════════════════════════════════════════════════════════════════
   TQ-HOME26 · قسم الباقات + لوح «لماذا تختار»
   ----------------------------------------------------------------------
   قسم الباقات أعيد تصميمه بطابع الموقع نفسه بقرار المالك (٢٠٢٦-٠٨-٢٦):
   **بلا خلفية خضراء مخصّصة** — أرضية الصفحة البيج تمرّ تحته كبقيّة
   الأقسام، والبطاقة ورقيّة بحدّ ذهبي، وصورة الطالب داخل **القوس العربي**
   نفسه الذي تستعمله أهيرة الصفحات الداخلية (`clip-path:url(#tqArch)`
   و`svg.frame`) — فالطابع مصدره واحد ولا يُرسم شكل ثانٍ يشبهه.

   ويستعمل توكنات الموقع مباشرة (`--paper` · `--gold` · `--ink` …) لا
   لوحةً خاصة: لوحة ثانية تفترق عن الأولى عند أوّل تعديل في الهوية.

   الحصر: كل قاعدة تبدأ بـ`.p26d` أو `.whyd`، وهما اسمان لا وجود لهما
   في ورقة أخرى. والورقة تحمل للرئيسية وصفحة الباقات.
   ══════════════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════════════
   ١) قسم الباقات
   ══════════════════════════════════════════════════════════════════ */
.p26d{ position:relative }

/* ── الترويسة ───────────────────────────────────────────────────── */
.p26d__head{text-align:center;max-inline-size:52ch;margin-inline:auto}
.p26d__head h2{
  color:var(--ink);font-family:'Cairo',sans-serif;font-weight:700;
  font-size:clamp(21px,2.3vw,34px);line-height:1.35;margin:0;
}
.p26d__head p{
  margin-block-start:10px;color:var(--ink-3);
  font-size:clamp(12.5px,1vw,15.5px);line-height:1.7;
}
/* الفاصل: معينة ذهبية بين خطّين — كفاصل عناوين الأقسام في الموقع */
.p26d__rule{
  display:flex;align-items:center;justify-content:center;gap:12px;
  margin-block-start:clamp(12px,1.2vw,18px);
}
.p26d__rule::before,.p26d__rule::after{
  content:'';inline-size:clamp(46px,7vw,104px);block-size:1px;
  background:linear-gradient(90deg,transparent,var(--gold-line));
}
.p26d__rule::after{transform:scaleX(-1)}
.p26d__rule i{
  inline-size:9px;block-size:9px;background:var(--gold-deep);
  transform:rotate(45deg);border-radius:2px;flex:0 0 auto;
}

/* ── التبويب والمبدّل: مضغوطان معا ────────────────────────────────
   القرار واحد «أي مرحلة وبأي دورة»، فيقربان حتى يقرآ قرارا واحدا. */
.p26d__switch{
  display:flex;flex-direction:column;align-items:center;
  gap:10px;margin-block-start:clamp(18px,2vw,28px);
}
.p26d__switch>*{margin:0}

/* الوسم من `tqs_stage_tabs()` نفسه: `.stage-tabs > .stage-tab.is-on` */
.p26d__tabs .stage-tabs{
  display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;
  background:none;border:0;padding:0;
}
.p26d__tabs .stage-tab{
  display:inline-flex;align-items:center;justify-content:center;
  min-block-size:44px;padding:0 22px;border-radius:999px;cursor:pointer;
  font-family:'Cairo',sans-serif;font-weight:600;
  font-size:clamp(12.5px,.98vw,14.5px);
  color:var(--ink-2);background:var(--paper);
  border:1px solid var(--gold-line-soft);
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.p26d__tabs .stage-tab:hover{color:var(--petrol);border-color:var(--gold-line)}
.p26d__tabs .stage-tab.is-on,
.p26d__tabs .stage-tab[aria-selected="true"]{
  color:#fff;background:var(--petrol);border-color:transparent;
}

/* مبدل الدورة — وهو **عدسة لا دورة فوترة**،
   فله كلمة تسبقه تقول ذلك (TQ-CYCLE-CHARGE) */
.p26d__cycle{display:flex;justify-content:center;align-items:center;
  gap:10px;flex-wrap:wrap}
.p26d__cycle-lead{
  color:var(--ink-3);font-family:'Cairo',sans-serif;font-weight:600;
  font-size:clamp(11.5px,.88vw,13px);
}
.p26d__cycle-in{
  display:inline-flex;align-items:center;gap:4px;padding:4px;
  background:var(--paper);border:1px solid var(--gold-line-soft);
  border-radius:999px;
}
.p26d__cycle-in button{
  display:inline-flex;align-items:center;gap:7px;
  min-block-size:36px;padding:0 18px;border:0;border-radius:999px;
  background:transparent;color:var(--ink-2);cursor:pointer;
  font-family:'Cairo',sans-serif;font-weight:600;
  font-size:clamp(12px,.95vw,14px);
  transition:background .18s ease,color .18s ease;
}
.p26d__cycle-in button:hover{color:var(--petrol)}
.p26d__cycle-in button[aria-pressed="true"]{
  background:var(--petrol);color:#fff;
}
.p26d__cycle-save{
  font-size:.78em;font-weight:700;padding:2px 8px;border-radius:999px;
  background:rgba(255,255,255,.18);color:#F2E4C6;
}
.p26d__cycle-in button[aria-pressed="false"] .p26d__cycle-save{
  background:rgba(201,165,95,.18);color:var(--gold-text);
}

/* ── الشبكة ─────────────────────────────────────────────────────── */
.p26d__grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(14px,1.4vw,22px);
  margin-block-start:clamp(22px,2.4vw,34px);
  /* صفّ محدود: بطاقة الباقة طولية، وصف بعرض ١٤٤٠ يجعلها مربّعة */
  max-inline-size:min(1080px,100%);margin-inline:auto;
  align-items:stretch;
}

/* ── البطاقة ────────────────────────────────────────────────────
   على تصميم المالك [٢٠٢٦-٠٨-٢٦]: رأس بترولي يحمل أيقونة الدرجة
   واسمها وصورة الطالب، وجسم أبيض فيه المزايا بأيقونة لكل سطر،
   ثم السعر، ثم زرّ واحد. والمميّزة بإطار ذهبي وشريط فوقها.
   ──────────────────────────────────────────────────────────────── */
.p26d-card{
  position:relative;display:flex;flex-direction:column;
  background:#fff;border:1px solid var(--gold-line-soft);
  border-radius:var(--r-card);overflow:hidden;
  box-shadow:var(--sh-soft);
  transition:transform .22s var(--ease),box-shadow .22s ease,border-color .22s ease;
}
.p26d-card:hover{
  transform:translateY(-4px);border-color:var(--gold-line);box-shadow:var(--sh-card);
}
.p26d-card--hot{
  border:1.5px solid var(--gold);
  box-shadow:0 18px 40px -22px rgba(160,108,32,.45);
}

/* شارة الأكثر اختيارا — شريط فوق الرأس */
.p26d-card__badge{
  position:absolute;inset-block-start:0;inset-inline:0;z-index:4;
  display:flex;align-items:center;justify-content:center;
  block-size:30px;
  background:linear-gradient(180deg,#E7CB90,var(--gold));color:var(--petrol-deep);
  font-family:'Cairo',sans-serif;font-weight:700;
  font-size:clamp(10.5px,.8vw,12.5px);line-height:1;
}

/* ── الغلاف: صورة الباقة بعرض البطاقة فوق اسمها ─────────────────
   `aspect-ratio` يحجز المساحة قبل وصول الصورة ⇒ صفر قفز في التخطيط.
   و`cover` لا `contain`: الصور مربّعة والغلاف عريض، فـ`contain` يترك
   هامضين كبيرين ويصغّر المشهد — وهو ما رُفض حين كانت الصورة صغيرة.
   والقصّ من 28%: الوجهان في النصف العلوي والأدوات في السفلي. */
.p26d-card__cover{
  position:relative;display:block;overflow:hidden;
  aspect-ratio:3/2;
  background:var(--beige);
  border-block-end:2px solid var(--gold);
}
.p26d-card__cover img{
  inline-size:100%;block-size:100%;
  object-fit:cover;object-position:50% 28%;display:block;
}

/* تعديلات الرأس **مشروطة بوجود غلاف قبله**: بلا غلاف تبقى البطاقة
   كما هي حرفًا بحرف، فرفعُ الصور لاحقًا هو ما يبدّل الشكل لا نشر
   الورقة. والشقيق المجاور `+` لأن الغلاف يسبق الرأس مباشرة. */
.p26d-card__cover + .p26d-card__head{
  border-block-end:0;                       /* الحدّ الذهبي انتقل للغلاف */
  min-block-size:clamp(66px,5.4vw,80px);    /* أوطأ تعويضًا لطول الغلاف */
}
/* الشارة صارت فوق الغلاف لا فوق الرأس، فحشوتها التعويضية تصير فراغًا */
.p26d-card--hot .p26d-card__cover + .p26d-card__head{
  padding-block-start:clamp(14px,1.2vw,18px);
}

/* ── الرأس البترولي ─────────────────────────────────────────────
   ارتفاع يكفي لتجلس صورة الطالب على قاعه — والصورة مقصوصة الخلفية
   فتبرز على الأخضر بلا لوح وسيط. */
.p26d-card__head{
  position:relative;display:flex;align-items:flex-end;gap:8px;
  min-block-size:clamp(76px,6.4vw,92px);
  padding:clamp(14px,1.2vw,18px) clamp(14px,1.2vw,18px) clamp(10px,.9vw,14px);
  background:linear-gradient(150deg,var(--petrol) 0%,var(--petrol-deep) 100%);
  border-block-end:2px solid var(--gold);
  overflow:hidden;
}
.p26d-card--hot .p26d-card__head{padding-block-start:calc(clamp(14px,1.2vw,18px) + 26px)}
/* الزخرفة العربية على الرأس — البلاطة نفسها التي في التذييل */
.p26d-card__head::before{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background-color:var(--gold-warm);
  -webkit-mask-image:url('../img/script-tile.webp');
  mask-image:url('../img/script-tile.webp');
  -webkit-mask-size:var(--script-tile) auto;mask-size:var(--script-tile) auto;
  opacity:.07;
}
.p26d-card__head>*{position:relative;z-index:1}

.p26d-card__ico{
  flex:none;display:grid;place-items:center;
  inline-size:clamp(40px,3.4vw,50px);block-size:clamp(40px,3.4vw,50px);
  border-radius:50%;color:var(--gold-warm);
  border:1px solid var(--gold-line);
  background:radial-gradient(circle at 50% 32%,rgba(212,180,118,.20),rgba(212,180,118,.05));
  margin-block-end:2px;
}
.p26d-card__ico svg{inline-size:52%;block-size:52%;fill:none;stroke:currentColor;stroke-width:1.7}

.p26d-card__title{
  margin:0 0 3px;color:#fff;min-inline-size:0;
  font-family:'Cairo',sans-serif;font-weight:700;
  font-size:clamp(14px,1.15vw,17.5px);line-height:1.35;
}
.p26d-card__stage{
  display:block;margin-block-start:2px;color:var(--gold-on-dark);font-weight:400;
  font-size:clamp(10px,.78vw,12px);
}

/* ── الجسم ──────────────────────────────────────────────────────── */
.p26d-card__body{
  display:flex;flex-direction:column;flex:1 1 auto;
  padding:clamp(12px,1.1vw,16px) clamp(14px,1.2vw,18px) clamp(14px,1.2vw,18px);
}

/* `margin-block-end:auto` على القائمة يدفع السعر والزرّ إلى القاع،
   فتتحاذى الأسعار الثلاثة رغم أن باقةً مزاياها سبع وأخرى ثمان. */
.p26d-card__list{
  list-style:none;margin:0 0 auto;padding:0;display:flex;flex-direction:column;
}
.p26d-card__list li{
  display:flex;align-items:center;gap:10px;
  padding-block:clamp(7px,.7vw,10px);
  color:var(--ink-2);font-size:clamp(11px,.85vw,13px);line-height:1.55;
  border-block-end:1px dashed var(--gold-line-soft);
}
.p26d-card__list li:last-child{border-block-end:0}
.p26d-card__fico{
  flex:none;display:grid;place-items:center;
  inline-size:clamp(28px,2.4vw,34px);block-size:clamp(28px,2.4vw,34px);
  border-radius:50%;background:var(--beige);color:var(--gold-deep);
}
.p26d-card__fico svg{
  inline-size:52%;block-size:52%;fill:none;stroke:currentColor;stroke-width:1.8;
}

/* السعر: الرقم بطل السطر، والوحدة بجانبه لا تحته */
/* عمود لا صفّ: وصف السعر يجلس **تحت** الرقم بقرار المالك. وكان
   بجانبه، فنصّ الدورة السنوية («بدل 4,788، وفّرت 958 ر.س») يلتفّ
   سطرين إلى جوار رقم ضخم فيبدو مزاحمًا له. */
.p26d-card__price{
  display:flex;flex-direction:column;align-items:center;gap:4px;
  margin:clamp(12px,1.1vw,16px) 0 0;padding-block-start:clamp(12px,1.1vw,16px);
  border-block-start:1px solid var(--gold-line-soft);
}
.p26d-card__price b{
  color:var(--petrol);font-family:'Cairo',sans-serif;font-weight:700;
  font-size:clamp(30px,2.7vw,40px);line-height:1;letter-spacing:-.5px;
  font-variant-numeric:tabular-nums;
}
.p26d-card__price span{
  color:var(--ink-3);font-size:clamp(10.5px,.82vw,12.5px);line-height:1.5;
}
/* الحاشية: أصغر وأخفت — تُقرأ بعد الرقم ووحدته لا معهما */
.p26d-card__price small{
  display:block;color:var(--ink-3);opacity:.9;
  font-size:clamp(9.5px,.74vw,11.5px);line-height:1.5;text-align:center;
}
/* TQ-CYCLE-CHARGE — **والمخصوم ليس حاشية.**
   هو المبلغ الذي ستطلبه شاشة التأكيد بعد نقرة، وإخفاته تحت
   رقم ضخم هو ما يجعل الزائر يقرأ 62 ويفاجأ بـ599. */
.p26d-card__price small.tq-pay{
  margin-block-start:2px;opacity:1;color:var(--ink-2);font-weight:700;
  font-size:clamp(11px,.86vw,13px);
}
.p26d-card__price[hidden]{display:none}

/* الزرّ ثابت في القاع فتتحاذى الأزرار مهما اختلف طول القوائم */
.p26d-card__cta{padding-block-start:clamp(12px,1.1vw,16px)}
.p26d-card__cta a{
  display:flex;align-items:center;justify-content:center;gap:8px;
  min-block-size:46px;border-radius:var(--r-btn);text-decoration:none;
  font-family:'Cairo',sans-serif;font-weight:700;
  font-size:clamp(12.5px,.98vw,14.5px);
  color:#fff;background:var(--petrol);border:1px solid transparent;
  transition:background .18s ease,transform .18s ease,filter .18s ease;
}
.p26d-card__cta a:hover{background:var(--petrol-lift);transform:translateY(-2px)}
.p26d-card__cta svg{inline-size:1em;block-size:1em}
/* نداء أول واحد لكل شاشة: المميّزة ذهبية */
.p26d-card--hot .p26d-card__cta a{
  color:var(--petrol-deep);
  background:linear-gradient(180deg,#E7CB90,var(--gold));
  box-shadow:0 10px 22px -14px rgba(160,108,32,.8);
}
.p26d-card--hot .p26d-card__cta a:hover{filter:brightness(1.05);background:linear-gradient(180deg,#EED5A0,#CFAA68)}

/* رابط «ما في هذه الباقة؟» — صفحة الباقات تعرضه تحت الزرّ */
.p26d-card__more{
  display:inline-flex;align-items:center;justify-content:center;
  margin-block-start:9px;min-block-size:30px;text-decoration:none;
  color:var(--ink-3);font-family:'Cairo',sans-serif;font-weight:600;
  font-size:clamp(10.5px,.82vw,12.5px);
}
.p26d-card__more:hover{color:var(--petrol);text-decoration:underline;text-underline-offset:4px}


/* رابط «قارن الباقات كاملة» تحت الشبكة */
.p26d__more{display:flex;justify-content:center;margin-block-start:clamp(18px,2vw,28px)}
.p26d__more a{
  display:inline-flex;align-items:center;gap:8px;min-block-size:44px;
  padding:0 20px;border-radius:999px;text-decoration:none;background:var(--paper);
  color:var(--ink-2);border:1px solid var(--gold-line-soft);
  font-family:'Cairo',sans-serif;font-weight:600;font-size:clamp(12px,.95vw,14px);
}
.p26d__more a:hover{color:var(--petrol);border-color:var(--gold-line)}
.p26d__more svg{inline-size:1em;block-size:1em}

/* حاشية صفحة الباقات */
.p26d .bundles__foot{margin-block-start:clamp(16px,1.8vw,26px);text-align:center}

/* ── الاستجابة: البطاقة المميّزة تصعد أولا عند العمود الواحد ────── */
@media (max-width:900px){
  .p26d__grid{grid-template-columns:repeat(2,minmax(0,1fr));max-inline-size:min(760px,100%)}
  .p26d-card--hot{order:-1}
}
@media (max-width:600px){
  .p26d__grid{grid-template-columns:minmax(0,1fr);max-inline-size:400px}
  .p26d-card__cover{aspect-ratio:16/9}
}
@media (max-width:420px){
  .p26d__cycle-in button{padding:0 13px}
  .p26d__tabs .stage-tab{padding:0 15px}
}
@media (prefers-reduced-motion:reduce){
  .p26d-card,.p26d-card__cta a{transition:none}
  .p26d-card:hover,.p26d-card__cta a:hover{transform:none}
}

/* ══════════════════════════════════════════════════════════════════
   ٢) لماذا تختار منصة تقدر — شريط داكن بخمسة أعمدة
   ══════════════════════════════════════════════════════════════════ */
/* توكنات اللوح الداكن — كانت على `.p26d,.whyd` معًا، ولمّا صار قسم
   الباقات فاتحًا حُذفت معه فبقي هذا اللوح يشير إلى متغيّرات لا وجود
   لها: النص بلا لون فيُقرأ باهتًا. فهي هنا على `.whyd` وحدها. */
.whyd{
  --d-bg:#082523;
  --d-line:rgba(201,165,95,.26);
  --d-line-hot:rgba(212,180,118,.62);
  --d-gold:#D4B476;
  --d-gold-lt:#E9DCC0;              /* 10.9:1 على أرضية اللوح */
  --d-mute:rgba(233,236,234,.80);   /* 9.1:1 على أرضية اللوح */
  --d-r:26px;                       /* حواف مشطوفة كبطاقات الموقع */
}
.whyd{
  position:relative;isolation:isolate;overflow:hidden;
  border-radius:var(--d-r);
  background:linear-gradient(160deg,#0B302D,#082523 60%,#061D1C);
  border:1px solid var(--d-line);
  padding:clamp(26px,3vw,44px) clamp(16px,2.2vw,36px);
  box-shadow:0 26px 60px -40px rgba(0,0,0,.95);
}
.whyd::before{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background-color:var(--d-gold);
  -webkit-mask-image:url('../img/script-tile.webp');
  mask-image:url('../img/script-tile.webp');
  -webkit-mask-size:var(--script-tile) auto;mask-size:var(--script-tile) auto;
  opacity:.045;
}
.whyd>*{position:relative;z-index:1}

.whyd__head{
  display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.4vw,20px);
  margin-block-end:clamp(20px,2.4vw,34px);
}
.whyd__head::before,.whyd__head::after{
  content:'';flex:0 1 clamp(40px,9vw,150px);block-size:1px;
  background:linear-gradient(90deg,transparent,var(--d-line-hot));
}
.whyd__head::after{transform:scaleX(-1)}
.whyd__head h2{
  margin:0;color:var(--d-gold-lt);white-space:nowrap;
  font-family:'Cairo',sans-serif;font-weight:700;
  font-size:clamp(18px,2vw,30px);
}

.whyd__grid{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  gap:clamp(10px,1.2vw,18px);
}
.whyd__item{
  position:relative;text-align:center;
  padding-inline:clamp(6px,1vw,14px);
}
/* الفاصل بين الأعمدة — على البادئ لا الأخير، فلا فاصل معلّق في الطرف */
.whyd__item+.whyd__item::before{
  content:'';position:absolute;inset-block:6% auto;inset-inline-end:100%;
  block-size:88%;inline-size:1px;
  background:linear-gradient(180deg,transparent,var(--d-line),transparent);
}
.whyd__ico{
  display:inline-flex;align-items:center;justify-content:center;
  inline-size:clamp(44px,3.6vw,56px);block-size:clamp(44px,3.6vw,56px);
  border-radius:50%;margin-block-end:12px;
  color:var(--d-gold);
  background:radial-gradient(circle at 50% 35%,rgba(212,180,118,.20),rgba(212,180,118,.06));
  border:1px solid var(--d-line);
}
.whyd__ico svg{inline-size:52%;block-size:52%;fill:currentColor}
.whyd__item h3{
  margin:0;color:var(--d-gold-lt);
  font-family:'Cairo',sans-serif;font-weight:700;
  font-size:clamp(12.5px,1.05vw,16px);line-height:1.45;
}
.whyd__item p{
  margin:6px 0 0;color:var(--d-mute);
  font-size:clamp(10.5px,.85vw,13px);line-height:1.6;
}

/* ══════════════════════════════════════════════════════════════════
   ٣) الاستجابة
   القاعدة: البطاقة المميزة تصعد أولا متى صار العمود واحدا — وهي
   التوصية المكتوبة في نظام المالك.
   ══════════════════════════════════════════════════════════════════ */
@media (max-width:1080px){
  .whyd__grid{grid-template-columns:repeat(3,minmax(0,1fr));
    row-gap:clamp(20px,3vw,30px)}
  /* الفواصل تعاد على أساس ثلاثة: لا فاصل في أول كل صف */
  .whyd__item+.whyd__item::before{content:none}
  .whyd__item:not(:nth-child(3n+1))::before{content:'';position:absolute;
    inset-block:6% auto;inset-inline-end:100%;block-size:88%;inline-size:1px;
    background:linear-gradient(180deg,transparent,var(--d-line),transparent)}
}
@media (max-width:900px){
}
@media (max-width:680px){
  .whyd__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .whyd__item:not(:nth-child(3n+1))::before{content:none}
  .whyd__item:not(:nth-child(2n+1))::before{content:'';position:absolute;
    inset-block:6% auto;inset-inline-end:100%;block-size:88%;inline-size:1px;
    background:linear-gradient(180deg,transparent,var(--d-line),transparent)}
}
@media (max-width:600px){
}
@media (max-width:420px){
  .whyd__grid{grid-template-columns:minmax(0,1fr)}
  .whyd__item::before{content:none !important}
  .whyd__item+.whyd__item{padding-block-start:18px;
    border-block-start:1px solid var(--d-line)}
}

/* الحركة تحترم تفضيل النظام */
@media (prefers-reduced-motion:reduce){
}

/* حاشية صفحة الباقات ورسائل الفلاش داخل الكتلة الخضراء: ألوانها
   الافتراضية رمادية على فاتح فترسب هنا. */

/* ══════════════════════════════════════════════════════════════════
   TQ-TOUCH · على شاشة في اليد: خط يقرأ وهدف يلمس
   قياس على ٣٩٠: «وفر 20%» كان ٩٫٤px، واسم المرحلة ١٠px، وبنود
   المزايا ١١px. ورابط «اعرف المزيد» ارتفاعه ٣٠px.
   وهنا لا في `pages.css`: هذا الملف يحمّل بعده فيغلبه.
   ══════════════════════════════════════════════════════════════════ */
@media (max-width:720px){
  .p26d__cycle-save{font-size:11px}
  .p26d-card__stage{font-size:12px}
  .p26d-card__list li,.p26d-card__list li span,.p26d-card__list li b{font-size:13px}

  .p26d-card__more{min-block-size:44px;display:inline-flex;align-items:center;gap:6px}
  .p26d__cycle-in button{
    min-block-size:44px;display:inline-flex;align-items:center;justify-content:center
  }
  .p26d-card__cta{min-block-size:44px}
}

@media (max-width:720px){
  /* حد أدنى ١٢px لكل نص في هذه الكتلة — و`1em` تبقي ما هو أكبر كما هو،
     فلا يكبر شيء لا يحتاج. وهي حيلة القاعدة القائمة في `pages.css`. */
  .p26d small,.p26d span,.p26d a,.p26d li,.p26d b{font-size:max(12px,1em)}
}