/* ============================================================================
   Falah reader
   The online book reader shell: sticky bar, progress, contents rail, units.
   Loaded only on pages whose content contains `fl-reader`.
   Colour comes from Theme Options via --fl-acc, exactly as the long-form
   library does. rem units are deliberate: the theme sets html{font-size:10px}.
   ========================================================================= */

/* Defined here as well as in the long-form library: the reader depends on that
   stylesheet so it would resolve anyway, but this keeps the file standalone. */
@counter-style fl-urdu{system:numeric;symbols:"\6F0" "\6F1" "\6F2" "\6F3" "\6F4" "\6F5" "\6F6" "\6F7" "\6F8" "\6F9";suffix:""}

.fl-reader{
  --gold:var(--fl-gold);--gold-deep:var(--fl-gold);
  --green:var(--fl-acc);--green-soft:var(--fl-acc);
  --ivory:color-mix(in srgb,var(--fl-acc) 4%,#FBF7EE);
  --cream:color-mix(in srgb,var(--fl-acc) 8%,#FBF7EE);
  --sand:color-mix(in srgb,var(--fl-acc) 18%,#EFE7D6);
  --line:color-mix(in srgb,var(--fl-acc) 18%,#EFE7D6);
  --ink:var(--fl-txt);--muted:var(--fl-meta);
  --card:color-mix(in srgb,var(--fl-acc) 2%,#FFFDF8);
  /* gold is decorative; for gold TEXT on light paper use the darker ink */
  --goldink:color-mix(in srgb,var(--fl-gold) 62%,#000);
  /* "Jameel Reader" is the same file at size-adjust:122%, declared by the plugin.
     Nastaliq reads small at its nominal size; this is what the book was designed at. */
  --nastaliq:"Jameel Reader","Jameel Noori Nastaleeq","Noto Nastaliq Urdu",serif;
  --naskh:"Scheherazade New","Noto Naskh Arabic",serif;
  /* The English edition's body face. Defined here, not inherited: --serif is
     declared on .fl-page, and a reader root is not inside one, so var(--serif)
     would silently fall back to Georgia. */
  --serif:"Spectral",Georgia,serif;
  --latin:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-family:var(--nastaliq);color:var(--ink);background:var(--ivory);
  text-align:right;-webkit-font-smoothing:antialiased;
}
.fl-reader *{box-sizing:border-box}
.fl-reader .rd-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding:10px 18px;background:rgba(251,247,238,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.fl-reader .rd-brand{font-family:var(--nastaliq);color:var(--goldink);font-size:26px;line-height:1}
.fl-reader .rd-back,.fl-reader .rd-toc-btn{font-family:var(--nastaliq);font-size:20px;cursor:pointer;
  background:#fff;border:1px solid var(--line);border-radius:10px;color:var(--green);padding:6px 16px 10px;text-decoration:none;line-height:1}
.fl-reader .rd-back:hover,.fl-reader .rd-toc-btn:hover{border-color:var(--gold);color:var(--goldink)}
.fl-reader .rd-progress{position:sticky;top:0;z-index:19;height:4px;background:transparent}
.fl-reader .rd-progress-bar{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--gold-deep));transition:width .1s linear}
.fl-reader .rd-body{position:relative}
.fl-reader .rd-main{max-width:56rem;margin:0 auto;padding:30px 26px 72px}
.fl-reader .rd-unit{scroll-margin-top:74px;padding-bottom:8px}
.fl-reader .rd-unit-head{margin:28px 0 26px;text-align:center}
.fl-reader .rd-kicker{font-family:var(--nastaliq);color:var(--green-soft);font-size:22px;margin:0 0 2px}
.fl-reader h2.rd-title{font-family:var(--nastaliq);color:var(--goldink);font-size:clamp(2rem,6vw,3.1rem);line-height:2;margin:0}
.fl-reader .rd-unit p{font-family:var(--nastaliq);font-size:clamp(1.6rem,2.7vw,2.15rem);line-height:2.05;margin:0 0 .85em;color:var(--ink);text-align:justify;text-align-last:right}
.fl-reader .rd-unit p strong{color:var(--green);font-weight:700}
.fl-reader h3.rd-sub{font-family:var(--nastaliq);color:var(--green);font-size:clamp(1.6rem,4vw,2rem);
  line-height:2;margin:1.6em 0 .5em;padding-top:.4em;border-top:1px solid var(--line)}
.fl-reader .rd-center{text-align:center}
.fl-reader .rd-center p{color:var(--ink);text-align:center;text-align-last:center}
.fl-reader .rd-center h3.rd-sub{border-top:0;padding-top:.4em;margin-top:1.4em;color:var(--goldink);
  text-align:center;font-size:clamp(1.9rem,4.6vw,2.4rem)}
.fl-reader .rd-unit + .rd-unit{border-top:1px solid var(--line)}
.fl-reader hr.scene{border:0;height:26px;margin:.4em auto;background:
  radial-gradient(circle,var(--gold) 2px,transparent 2.5px) center/16px 100% repeat-x;width:120px;opacity:.55}

/* ordered practice steps and the adab bullets */
.fl-reader ol.rd-steps,.fl-reader ol.rd-steps>li,.fl-reader ol.rd-chain,.fl-reader ol.rd-chain>li,.fl-reader ul.rd-adab,.fl-reader ul.rd-adab>li,.fl-reader .rd-rail ol,.fl-reader .rd-rail ol>li{list-style:none}
.fl-reader ol.rd-steps{counter-reset:st;list-style:none;margin:.6em 0 1.2em;padding:0}
.fl-reader ol.rd-steps li{counter-increment:st;position:relative;background:var(--card);border:1px solid var(--line);
  border-radius:14px;padding:16px 64px 16px 22px;margin:0 0 11px;
  font-size:clamp(1.5rem,2.5vw,1.95rem);line-height:2;text-align:justify;text-align-last:right}
.fl-reader ol.rd-steps li::before{content:counter(st,fl-urdu);position:absolute;right:20px;top:19px;
  width:30px;height:30px;border-radius:50%;background:var(--green);color:#fff;
  font-family:var(--latin);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
.fl-reader ul.rd-adab{list-style:none;margin:.6em 0 1.2em;padding:0}
.fl-reader ul.rd-adab li{position:relative;padding:0 34px 0 4px;margin:0 0 1.05em;
  font-size:clamp(1.55rem,2.6vw,2.05rem);line-height:2.05;text-align:justify;text-align-last:right;color:var(--ink)}
.fl-reader ul.rd-adab li::before{content:"\2726";position:absolute;right:2px;top:.34em;color:var(--goldink);font-size:.8em;font-family:var(--latin)}
/* inline Arabic inside the Urdu adab bullets: the book sets these in naskh,
   not nastaliq, so they must not inherit the surrounding face */
.fl-reader ul.rd-adab li b{color:var(--green);font-weight:600;font-family:var(--naskh);font-size:1.06em;line-height:1.9}

/* dhikr / Arabic blocks */
.fl-reader .rd-dhikr{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 26px;margin:0 0 14px;text-align:center}
.fl-reader .rd-dhikr .lbl{font-family:var(--nastaliq);font-size:clamp(1.5rem,2.5vw,1.9rem);color:var(--muted);margin:0 0 2px;line-height:1.9}
.fl-reader .rd-dhikr .cnt{font-family:var(--latin);direction:ltr;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--goldink);margin:0 0 12px}
/* p.rd-ar, not .rd-ar: ".fl-reader .rd-unit p" also sets font-family and has
   higher specificity (1,1,1), so a bare .rd-ar (1,1,0) loses and the Arabic
   silently renders in nastaliq. */
/* The floor is 2.3rem, not 1.9rem, and that is deliberate.
   The theme sets a 10px root, so every clamp in this file sits at its floor on
   a phone. Measured 2026-09-07 at 390px, both readers: prose 17px English /
   16px Urdu, Arabic 19px - vowelled Naskh barely larger than the text around
   it, with the harakat down to a couple of pixels. The Arabic only pulls ahead
   as the viewport grows because its vw term (3.4) is far larger than the
   prose's (1.9), so on phones the distinction collapsed. 2.3rem restores it at
   23px. Desktop is untouched: 3.4vw passes 27px at 794px wide, so anything
   from a large tablet up still lands on the 2.7rem ceiling exactly as before. */
.fl-reader p.rd-ar,.fl-reader .rd-unit p.rd-ar{font-family:var(--naskh);direction:rtl;font-size:clamp(2.3rem,3.4vw,2.7rem);line-height:2.15;color:var(--green);margin:0;text-align:center;text-align-last:center}

/* shajarah */
.fl-reader .rd-shajarah{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:10px 8px;margin:.4em 0 1.2em}
.fl-reader ol.rd-chain{list-style:none;counter-reset:sh;margin:0;padding:0 40px 0 10px}
.fl-reader ol.rd-chain li{counter-increment:sh;position:relative;padding:12px 6px 12px 8px;border-bottom:1px dashed var(--line);
  font-family:var(--naskh);font-size:clamp(1.5rem,2.5vw,1.95rem);line-height:2.1;color:var(--ink);text-align:right;text-align-last:right}
.fl-reader ol.rd-chain li:last-child{border-bottom:0}
.fl-reader ol.rd-chain li::before{content:counter(sh);position:absolute;right:-32px;top:1.05em;
  font-family:var(--latin);direction:ltr;font-size:12px;font-weight:700;color:var(--goldink);min-width:26px;text-align:left}
.fl-reader ol.rd-chain li.seal{background:linear-gradient(90deg,rgba(201,162,39,.10),transparent);border-radius:10px}
.fl-reader .rd-figs{display:grid;gap:20px;margin:.6em 0 1.2em}
.fl-reader .rd-figs figure{margin:0;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.fl-reader .rd-figs img{display:block;width:100%;height:auto}
.fl-reader .rd-figs figcaption{font-family:var(--latin);direction:ltr;text-align:center;font-size:12px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:11px}

/* lataif diagram */
.fl-reader .rd-lataif{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;margin:.6em 0 1.2em}
.fl-reader .rd-lataif svg{display:block;width:100%;max-width:420px;height:auto;margin:0 auto}
.fl-reader .rd-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px;margin:22px 0 0;padding:0;list-style:none}
.fl-reader .rd-legend li{display:flex;align-items:center;gap:11px;font-family:var(--nastaliq);
  font-size:clamp(1.4rem,2.3vw,1.75rem);line-height:1.9;color:var(--ink);background:var(--cream);border-radius:10px;padding:8px 13px}
.fl-reader .rd-legend .sw{width:19px;height:19px;border-radius:5px;flex:0 0 19px;border:1px solid rgba(0,0,0,.18)}
.fl-reader .rd-legend .no{font-family:var(--latin);font-size:11px;font-weight:700;color:var(--muted);margin-inline-start:auto}

/* sanad-e-bay'at card */
.fl-reader .rd-sanad{background:var(--card);border:1px solid var(--sand);border-radius:18px;padding:28px 30px;margin:.6em 0 1em;
  box-shadow:0 22px 54px -34px rgba(60,45,20,.5)}
.fl-reader .rd-sanad .ln{font-family:var(--nastaliq);font-size:clamp(1.5rem,2.5vw,1.95rem);line-height:2.4;color:var(--ink);margin:0 0 .5em}
.fl-reader .rd-sanad .dots{color:var(--muted);letter-spacing:2px}
.fl-reader .rd-sanad .sig{margin-top:1.6em;padding-top:1.1em;border-top:1px solid var(--line);text-align:center;color:var(--green-soft);
  font-size:clamp(1.35rem,2.2vw,1.7rem);line-height:2.1}

.fl-reader .rd-note{border-inline-start:3px solid var(--gold);background:var(--cream);border-radius:0 14px 14px 0;
  padding:18px 22px;margin:1.1em 0;font-size:clamp(1.45rem,2.4vw,1.9rem);line-height:2.05}
.fl-reader .rd-note p{font-size:inherit;margin:0 0 .6em}
.fl-reader .rd-note p:last-child{margin:0}

.fl-reader .rd-rail{overflow-y:auto}
.fl-reader .rd-rail h3{font-family:var(--nastaliq);color:var(--green);font-size:24px;margin:2px 6px 10px}
.fl-reader .rd-rail ol{list-style:none;margin:0;padding:0}
.fl-reader .rd-toc-link{display:block;width:100%;text-align:right;font-family:var(--nastaliq);font-size:19px;
  background:none;border:0;border-right:3px solid transparent;color:var(--ink);cursor:pointer;
  padding:9px 12px 12px;line-height:1.5;border-radius:0 8px 8px 0;transition:background .15s,color .15s,border-color .15s}
.fl-reader .rd-toc-link:hover{color:var(--goldink);background:color-mix(in srgb,var(--gold) 10%,transparent)}
.fl-reader .rd-toc-link.current{color:var(--goldink);font-weight:700;border-right-color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,transparent)}
.fl-reader .rd-backdrop{position:fixed;inset:0;z-index:39;background:rgba(20,16,8,.45);backdrop-filter:blur(2px)}
@media(min-width:1240px){
  .fl-reader .rd-body{padding-right:300px}
  .fl-reader .rd-rail{position:fixed;top:74px;right:22px;width:258px;max-height:calc(100vh - 96px);
    padding:14px 6px 20px;background:transparent}
  .fl-reader .rd-rail h3{border-bottom:1px solid var(--line);padding-bottom:8px}
  .fl-reader .rd-toc-btn{display:none}
  .fl-reader .rd-backdrop{display:none!important}
}
@media(max-width:1239px){
  .fl-reader .rd-rail{position:fixed;top:0;bottom:0;right:0;z-index:40;width:min(360px,86vw);
    background:var(--ivory);border-left:1px solid var(--line);box-shadow:-20px 0 60px -30px rgba(0,0,0,.5);
    padding:18px;transform:translateX(100%);transition:transform .28s ease}
  .fl-reader .rd-rail.open{transform:none}
  .fl-reader .rd-rail h3{font-size:26px}
  .fl-reader .rd-toc-link{font-size:20px;border-bottom:1px solid var(--line);border-radius:0}
}
.fl-reader .rd-up{position:fixed;left:20px;bottom:20px;z-index:35;width:48px;height:48px;border-radius:50%;
  display:grid;place-items:center;cursor:pointer;border:1px solid var(--line);
  background:rgba(251,247,238,.96);color:var(--green);box-shadow:0 10px 26px -12px rgba(60,45,20,.6);
  font-size:22px;line-height:1;opacity:0;pointer-events:none;transition:opacity .25s,transform .2s}
.fl-reader .rd-up.show{opacity:1;pointer-events:auto}
.fl-reader .rd-up:hover{color:var(--goldink);border-color:var(--gold);transform:translateY(-2px)}
.fl-reader [hidden]{display:none!important}
@media(max-width:560px){.fl-reader .rd-brand{font-size:22px}.fl-reader .rd-back,.fl-reader .rd-toc-btn{font-size:17px;padding:6px 12px 9px}
  .fl-reader .rd-main{padding:22px 18px 64px}.fl-reader ol.rd-chain{padding-right:34px}}

/* same wpautop guard as the long-form library */
.fl-reader .rd-top > br,.fl-reader .rd-figs > br,.fl-reader .rd-legend > br,.fl-reader .rd-steps > br{display:none}

/* ============================================================================
   Book-specific components, ported from page 2625's own <style> block.

   These six were the only classes the Aadhee Sunnat reader used that this
   stylesheet did not define, which is why that page still carried 8.5 KB of CSS
   inside its post content. Values are kept identical so the page renders exactly
   as it did; the only deliberate change is that gold TEXT now uses --goldink
   (the same hue darkened to pass AA on paper) where the page used decorative
   --gold-deep.
   ========================================================================= */

/* Copy protection, opt-in per reader via data-rd-protect on the root.
   Not applied to every reader: it is a decision about a particular book, not a
   property of the component. The keyboard and clipboard side lives in
   falah-reader.js, gated on the same attribute. */
.fl-reader[data-rd-protect]{
  -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
  -webkit-touch-callout:none;
}

/* epigraph */
.fl-reader .rd-unit .epi{
  text-align:center;color:var(--goldink);
  font-size:clamp(1.5rem,4vw,1.9rem);line-height:2.3;margin:.3em auto .6em;
}

/* the review-notice card that opens the book */
.fl-reader .rd-notice{
  max-width:46rem;margin:26px auto 10px;
  border:1px solid var(--sand);
  background:linear-gradient(180deg,#fffdf8,var(--cream));
  border-radius:18px;padding:30px 30px 38px;
  box-shadow:0 22px 54px -34px rgba(60,45,20,.55);
}
.fl-reader .rd-notice .rd-unit-head{margin:6px 0 18px}
.fl-reader .rd-notice h2.rd-title{font-size:clamp(1.8rem,5vw,2.5rem);line-height:1.7}
.fl-reader .rd-notice p{font-size:clamp(1.3rem,2.2vw,1.65rem);line-height:1.95;margin:0 0 .7em}
.fl-reader .rd-notice h3.rd-sub{margin-top:1em}

/* contact block inside the notice: Latin, left-to-right inside an RTL page */
.fl-reader .rd-contact{
  font-family:var(--latin);direction:ltr;color:var(--green);
  display:flex;flex-direction:column;gap:3px;
  font-size:1.15rem;line-height:1.5;margin:1.1em 0 .6em;
}
.fl-reader .rd-thanks{color:var(--goldink);font-size:clamp(1.25rem,2.1vw,1.55rem)}

/* پندرہ غلط فہمیاں: the misconception on its own line, then chapter + answer */
.fl-reader .rd-misc p{margin:0 0 1.15em;text-align:right;text-align-last:right}
.fl-reader .rd-misc p strong{display:block;color:var(--green);font-weight:700;line-height:1.95}
.fl-reader .rd-misc p em{display:block;font-style:normal;color:var(--goldink);
  font-weight:600;line-height:1.95;margin-top:1px}
.fl-reader .rd-misc .rd-unit-head+p strong{color:var(--goldink)}

/* حقوق و اجازت: the key/value metadata table */
.fl-reader .rd-meta{margin:.5em 0 1.4em;border-collapse:collapse;width:auto}
.fl-reader .rd-meta td{padding:8px 2px;line-height:1.85;vertical-align:top;
  font-size:clamp(1.4rem,2.4vw,1.8rem);border-bottom:1px solid var(--line)}
.fl-reader .rd-meta tr:last-child td{border-bottom:0}
.fl-reader .rd-meta td:first-child{color:var(--green-soft);font-weight:600;
  white-space:nowrap;padding-left:30px}
.fl-reader .rd-meta td:last-child{color:var(--ink)}

/* ============================================================================
   English edition of a reader.

   The shell above is written for Nastaliq: it sets --nastaliq as the face,
   text-align:right, text-align-last:right, and font sizes and line heights
   chosen for a script that needs both larger. None of that is right for
   English, so this block restates the type for an lang="en" reader and leaves
   the chrome, layout, colours and behaviour exactly as they are.

   .rd-ar is deliberately NOT touched. Arabic stays in --naskh, centred, at its
   own size, in both editions, because the Arabic is the same Arabic.
   ========================================================================= */
.fl-reader[lang="en"]{
  font-family:var(--serif, Georgia, serif);
  text-align:left;
}
.fl-reader[lang="en"] .rd-brand,
.fl-reader[lang="en"] .rd-back,
.fl-reader[lang="en"] .rd-toc-btn,
.fl-reader[lang="en"] .rd-rail h3,
.fl-reader[lang="en"] .rd-toc-link,
.fl-reader[lang="en"] .rd-kicker,
.fl-reader[lang="en"] h2.rd-title,
.fl-reader[lang="en"] h3.rd-sub,
.fl-reader[lang="en"] .rd-unit p,
.fl-reader[lang="en"] .rd-dhikr .lbl,
.fl-reader[lang="en"] .rd-legend li,
.fl-reader[lang="en"] .rd-sanad .ln{font-family:var(--serif, Georgia, serif)}

.fl-reader[lang="en"] .rd-brand{font-size:20px}
.fl-reader[lang="en"] .rd-back,
.fl-reader[lang="en"] .rd-toc-btn{font-size:15px;padding:8px 16px}
.fl-reader[lang="en"] .rd-rail h3{font-size:17px}
.fl-reader[lang="en"] .rd-toc-link{text-align:left;font-size:15px;line-height:1.5}
.fl-reader[lang="en"] .rd-kicker{font-size:15px;letter-spacing:.04em}
.fl-reader[lang="en"] h2.rd-title{font-size:clamp(2.4rem,4.4vw,3.4rem);line-height:1.25}
.fl-reader[lang="en"] h3.rd-sub{font-size:clamp(1.9rem,2.6vw,2.3rem);line-height:1.4}
.fl-reader[lang="en"] .rd-unit p{
  font-size:clamp(1.7rem,1.9vw,1.9rem);
  line-height:1.75;
  text-align:left;
  text-align-last:left;
  margin:0 0 1.05em;
}
.fl-reader[lang="en"] .rd-dhikr .lbl,
.fl-reader[lang="en"] .rd-sanad .ln,
.fl-reader[lang="en"] .rd-legend li{font-size:1.6rem;line-height:1.7}
.fl-reader[lang="en"] .rd-misc p{text-align:left;text-align-last:left}
/* Urdu glosses inside the English edition keep their own face and direction. */
.fl-reader[lang="en"] .rd-ur{font-family:var(--nastaliq);direction:rtl;text-align:right}

/* ---------------------------------------------------------------------------
   English edition: the three list components are authored for RTL and set in
   Arabic/Urdu faces, because until now only the Urdu edition used them. Restate
   them for LTR and Latin type. Direction, side of the marker and font face are
   all that change; layout, colour, spacing rhythm and behaviour are untouched.
   .rd-ar is deliberately not touched here either: the Arabic is the same Arabic.
   --------------------------------------------------------------------------- */
.fl-reader[lang="en"] ol.rd-steps li{
  font-family:var(--serif, Georgia, serif);
  font-size:clamp(1.7rem,1.9vw,1.9rem);line-height:1.75;
  padding:16px 22px 16px 64px;text-align:left;text-align-last:left}
.fl-reader[lang="en"] ol.rd-steps li::before{content:counter(st);right:auto;left:20px}

.fl-reader[lang="en"] ol.rd-chain{padding:0 10px 0 46px}
.fl-reader[lang="en"] ol.rd-chain li{
  font-family:var(--serif, Georgia, serif);
  font-size:clamp(1.5rem,1.8vw,1.75rem);line-height:1.7;
  text-align:left;text-align-last:left}
.fl-reader[lang="en"] ol.rd-chain li::before{right:auto;left:-36px;text-align:right}

.fl-reader[lang="en"] ul.rd-adab li{
  font-family:var(--serif, Georgia, serif);
  font-size:clamp(1.6rem,1.85vw,1.85rem);line-height:1.8;
  padding:0 4px 0 34px;text-align:left;text-align-last:left}
.fl-reader[lang="en"] ul.rd-adab li::before{right:auto;left:2px}

@media(max-width:560px){
  .fl-reader[lang="en"] ol.rd-chain{padding-right:10px;padding-left:34px}}

/* The block above sets `.fl-reader[lang="en"] .rd-unit p`, which scores (0,3,1).
   That TIES with `.fl-reader .rd-unit p.rd-ar` and wins on source order, and it
   outranks `.rd-dhikr .cnt` (0,3,0) outright. The result, measured on the first
   English reader page: the dhikr rendered in Spectral at 19px, flush left inside
   a centred box, instead of Scheherazade at 27px centred. The comment above
   claiming .rd-ar is "deliberately not touched" was the intent, not the effect.
   These restatements carry the extra class needed to win. */
.fl-reader[lang="en"] .rd-unit p.rd-ar,
.fl-reader[lang="en"] p.rd-ar{
  font-family:var(--naskh);direction:rtl;
  font-size:clamp(2.3rem,3.4vw,2.7rem);line-height:2.15;
  text-align:center;text-align-last:center;margin:0}
.fl-reader[lang="en"] .rd-dhikr p.lbl{text-align:center;text-align-last:center;margin:0 0 2px}
.fl-reader[lang="en"] .rd-dhikr p.cnt{
  font-family:var(--latin);direction:ltr;font-size:12px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;line-height:1.4;
  text-align:center;text-align-last:center;margin:0 0 12px}
.fl-reader[lang="en"] .rd-sanad p.ln{text-align:center;text-align-last:center}

/* Same correction as falah-longform.css: the reader's dhikr count and figure
   captions are Latin small caps, so on the Urdu reader they take Nastaliq with
   the letter-spacing removed. Scoped to [lang="ur"] so the English reader,
   which wants exactly the Latin treatment, is untouched. */
.fl-reader[lang="ur"] .rd-dhikr .cnt,
.fl-reader[lang="ur"] .rd-figs figcaption{
  font-family:var(--nastaliq);direction:rtl;
  letter-spacing:normal;text-transform:none;
  font-size:15px;line-height:1.95;
}

/* Same centring correction as falah-longform.css. The English reader got this
   in v1.42.1; the Urdu reader kept inheriting text-align:justify from
   .fl-reader .rd-unit p, so the dhikr label and count sat justified inside a
   centred card whose Arabic was centred. */
.fl-reader[lang="ur"] .rd-dhikr .lbl,
.fl-reader[lang="ur"] .rd-dhikr .cnt{text-align:center;text-align-last:center}