/* NOTE ON UNITS. This stylesheet uses px, never rem, and must stay that way.
   The Vlog theme sets html{font-size:10px}, so 1rem is 10px here, not 16px: every rem
   value renders at 62.5% of its intended size. That is what made the small labels,
   the disclaimer and the prev/next text unreadable. Sizes below are the intended
   16px-based values already multiplied out. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500&family=Spectral:ital,wght@0,400;0,500;0,600;1,400&family=Noto+Nastaliq+Urdu:wght@400;500;600;700&display=swap');

@font-face{font-family:"Jameel Reader";
  src:url("https://falah.org/wp-content/plugins/aadhee-sunnat-analytics/assets/jameel-noori-nastaleeq.woff2") format("woff2");
  font-weight:400 700;font-style:normal;font-display:swap;size-adjust:118%;
  unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+0660-0669,U+06F0-06F9}

#fqa{
  --ground:#faf6ec;--surface:#FFFDF8;--surface-2:#F4ECDC;--line:#E4D9C2;--line-soft:#efe6d2;
  --ink:#2B2620;--muted:#6D6355;--gold:#C9A227;--gold-bright:#c9a227;--green:#1B4332;--green-soft:#2D6A4F;--active:#f6edd7;
  --shadow:0 22px 50px -34px rgba(60,45,20,.5);--shadow-s:0 10px 26px -18px rgba(60,45,20,.45);
  --serif:"Spectral",Georgia,serif;--display:"Cormorant Garamond",Georgia,serif;
  --nastaliq:"Jameel Reader","Jameel Noori Nastaleeq","Noto Nastaliq Urdu",serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  background:var(--ground);color:var(--ink);font-family:var(--serif);line-height:1.75;
  margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw;
}
@media (prefers-color-scheme:dark){#fqa:not([data-theme="light"]){
  --ground:#10201a;--surface:#16291f;--surface-2:#1c3527;--line:#2b4535;--line-soft:#233a2c;
  --ink:#f1ead8;--muted:#b3a88f;--gold:#d8b542;--gold-bright:#e6cb61;--green:#8fc3a8;--green-soft:#a7d0ba;--active:#1e3a2b;}}
#fqa[data-theme="dark"]{
  --ground:#10201a;--surface:#16291f;--surface-2:#1c3527;--line:#2b4535;--line-soft:#233a2c;
  --ink:#f1ead8;--muted:#b3a88f;--gold:#d8b542;--gold-bright:#e6cb61;--green:#8fc3a8;--green-soft:#a7d0ba;--active:#1e3a2b;}
#fqa *{box-sizing:border-box}
#fqa a{text-decoration:none;color:inherit}
#fqa button{font-family:inherit;cursor:pointer;color:inherit}
#fqa.lang-en [lang="ur"],#fqa.lang-ur [lang="en"]{display:none!important}

/* toolbar */
/* ---- Toolbar: search dead centre, controls pinned to one side ----
   direction:ltr is deliberate and must stay. #fqa flips to dir="rtl" in Urdu, which
   would otherwise mirror this bar and throw the language selector across to the other
   side of the screen every time the reader switches language. The bar is chrome, not
   prose: it holds still while the content mirrors underneath it. */
#fqa .fqa-toolbar{position:sticky;top:0;z-index:20;direction:ltr;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,672px) minmax(0,1fr);
  gap:12px;align-items:center;
  background:color-mix(in srgb,var(--ground) 93%,transparent);backdrop-filter:blur(9px);
  border-bottom:1px solid var(--line);padding:11px clamp(14px,3vw,30px)}
#fqa .fqa-tb-left{grid-column:1;display:flex;align-items:center;gap:10px;min-width:0}
#fqa .fqa-tb-mid{grid-column:2;min-width:0}
#fqa .fqa-ctrls{grid-column:3;display:flex;align-items:center;gap:8px;justify-content:flex-end}

/* Urdu needs its own size here. Nastaliq at 10.56px with .14em tracking and
   text-transform is genuinely unreadable, so the Urdu rule below resets all three. */
#fqa .fqa-eyebrow-sm{font-family:var(--sans);font-size:11.5px;font-weight:700;letter-spacing:.13em;
  text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

#fqa .fqa-search{position:relative;display:flex;align-items:center;gap:10px;
  background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:0 14px}
#fqa .fqa-search:focus-within{border-color:var(--gold);box-shadow:var(--shadow-s)}
#fqa .fqa-search>svg{width:18px;height:18px;color:#7E630E;flex:0 0 auto}
#fqa .fqa-search input{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);
  font-family:var(--serif);font-size:16px;padding:11px 2px;outline:none}
#fqa .fqa-search input::-webkit-search-cancel-button{-webkit-appearance:none}
#fqa.lang-ur .fqa-search input{font-family:var(--nastaliq);font-size:18.4px}
#fqa .fqa-kbd{flex:0 0 auto;font-family:var(--sans);font-size:11.5px;font-weight:700;color:var(--muted);
  border:1px solid var(--line);border-radius:5px;padding:2px 6px;line-height:1.5}
#fqa .fqa-search:focus-within .fqa-kbd{opacity:0}

#fqa .fqa-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--surface);
  border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;
  display:none;z-index:30;max-height:min(70vh,480px);overflow-y:auto}
#fqa .fqa-results.show{display:block}
#fqa .fqa-results a{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;
  padding:11px 15px;border-bottom:1px solid var(--line-soft);font-size:15.68px;line-height:1.5}
#fqa .fqa-results a .qt{min-width:0}
#fqa.lang-ur .fqa-results a{font-family:var(--nastaliq);font-size:18.24px;direction:rtl;text-align:right}
#fqa .fqa-results a:last-child{border-bottom:0}
#fqa .fqa-results a:hover,#fqa .fqa-results a.sel{background:var(--active)}
#fqa .fqa-results a.sel{box-shadow:inset 3px 0 0 var(--gold)}
#fqa .fqa-results mark{background:color-mix(in srgb,var(--gold) 26%,transparent);color:inherit;
  border-radius:3px;padding:0 1px;font-weight:600}
#fqa .fqa-results .rc{font-family:var(--sans);font-size:11.5px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:#7E630E;white-space:nowrap}
#fqa.lang-ur .fqa-results .rc{font-family:var(--nastaliq);text-transform:none;letter-spacing:0;font-size:14.72px}
#fqa .fqa-results .empty{padding:18px 16px;color:var(--muted);font-size:15.2px}
#fqa .fqa-results .foot{padding:9px 15px;border-top:1px solid var(--line-soft);background:var(--surface-2);
  font-family:var(--sans);font-size:11.5px;letter-spacing:.06em;color:var(--muted);
  display:flex;justify-content:space-between;gap:10px}

/* the language pills must not reorder in RTL either */
#fqa .fqa-seg{direction:ltr}

@media(max-width:900px){
  #fqa .fqa-toolbar{grid-template-columns:1fr auto;gap:10px}
  #fqa .fqa-tb-left{display:none}
  #fqa .fqa-tb-mid{grid-column:1}
  #fqa .fqa-ctrls{grid-column:2}
  #fqa .fqa-kbd{display:none}
}
#fqa .fqa-results .rc{margin-inline-start:auto;font-family:var(--sans);font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:#7E630E}
#fqa.lang-ur .fqa-results .rc{font-family:var(--nastaliq);text-transform:none;letter-spacing:0}
#fqa .fqa-results .empty{padding:15px;color:var(--muted);font-style:italic}
#fqa .fqa-ctrls{display:flex;align-items:center;gap:8px;margin-inline-start:auto}
#fqa .fqa-seg{display:inline-flex;background:var(--surface);border:1px solid var(--line);border-radius:999px;overflow:hidden}
#fqa .fqa-seg button{border:0;background:transparent;color:var(--muted);font-family:var(--sans);font-weight:600;font-size:12.8px;letter-spacing:.03em;padding:7px 14px;line-height:1}
#fqa .fqa-seg button[aria-pressed="true"]{background:var(--green);color:#fbf7ee}
#fqa[data-theme="dark"] .fqa-seg button[aria-pressed="true"]{color:#10201a}
#fqa .fqa-seg .u[aria-pressed="true"]{font-family:var(--nastaliq);font-size:16.8px;padding:2px 14px 7px}
#fqa .fqa-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--surface);border:1px solid var(--line);color:var(--muted)}
#fqa .fqa-icon:hover{color:#7E630E;border-color:var(--gold)}#fqa .fqa-icon svg{width:17px;height:17px}

/* layout */
#fqa .fqa-layout{display:grid;grid-template-columns:clamp(228px,17vw,272px) minmax(0,1fr);max-width:1560px;margin:0 auto;align-items:start}
#fqa .fqa-side{position:sticky;top:62px;height:calc(100vh - 62px);overflow-y:auto;border-inline-end:1px solid var(--line);padding:18px 10px 60px}
#fqa .fqa-home{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-family:var(--sans);font-weight:600;font-size:14.4px}
#fqa.lang-ur .fqa-home{font-family:var(--nastaliq);font-size:17.6px}
#fqa .fqa-home svg{width:17px;height:17px;color:#7E630E}#fqa .fqa-home:hover{background:var(--active)}
#fqa .fqa-side-lbl{font-family:var(--sans);text-transform:uppercase;letter-spacing:.15em;font-size:11.5px;font-weight:700;color:var(--muted);padding:12px 14px 4px}
#fqa.lang-ur .fqa-side-lbl{font-family:var(--nastaliq);text-transform:none;letter-spacing:0;font-size:15.2px}
#fqa .fqa-cat{border:0}
#fqa .fqa-cat>summary{list-style:none;display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:10px;cursor:pointer;font-size:16px;font-weight:500}
#fqa.lang-ur .fqa-cat>summary{font-family:var(--nastaliq);font-size:18.88px}
#fqa .fqa-cat>summary::-webkit-details-marker{display:none}
#fqa .fqa-cat>summary:hover{background:var(--active)}
#fqa .fqa-cat .dot{width:7px;height:7px;border-radius:50%;background:var(--gold);opacity:.55;flex:0 0 auto}
#fqa .fqa-cat .nm{flex:1}#fqa .fqa-cat .chev{color:var(--muted);transition:transform .2s}
#fqa .fqa-cat[open]>summary .chev{transform:rotate(90deg)}
#fqa[dir="rtl"] .fqa-cat[open]>summary .chev,#fqa.lang-ur .fqa-cat[open]>summary .chev{transform:rotate(-90deg)}
/* Separated by a rule, the same way the related-questions rail is, so a long list of
   questions reads as discrete items rather than one block of grey text. */
#fqa .fqa-cat a,#fqa .fqa-cat .fqa-empty{display:block;padding:10px 12px;margin-inline-start:20px;
  border-inline-start:2px solid var(--line);border-bottom:1px solid var(--line-soft);
  color:var(--muted);font-size:14.9px;line-height:1.5;border-radius:0}
#fqa .fqa-cat a:last-of-type{border-bottom:0}
#fqa.lang-ur .fqa-cat a{font-family:var(--nastaliq);font-size:17.4px;line-height:1.85}
#fqa .fqa-cat a:hover{color:var(--ink);background:var(--active)}
#fqa .fqa-cat a.active{color:#7E630E;border-inline-start-color:var(--gold);background:var(--active);font-weight:600}
#fqa .fqa-empty{font-style:italic;opacity:.7}

#fqa .fqa-main{padding:0 clamp(18px,2.6vw,40px) 60px;min-width:0}

/* hub */
#fqa .fqa-hero{text-align:center;max-width:640px;margin:0 auto;padding:clamp(30px,5vw,58px) 0 22px}
#fqa .fqa-eyebrow{font-family:var(--sans);text-transform:uppercase;letter-spacing:.2em;font-size:11.5px;font-weight:700;color:#7E630E;margin:0}
#fqa.lang-ur .fqa-eyebrow{font-family:var(--nastaliq);text-transform:none;letter-spacing:0;font-size:16px}
#fqa .fqa-hero h1{font-family:var(--display);font-weight:600;font-size:clamp(36.8px,5.5vw,59.2px);line-height:1.06;margin:.22em 0 .14em;text-wrap:balance}
#fqa.lang-ur .fqa-hero h1{font-family:var(--nastaliq);line-height:1.7}
#fqa .fqa-hero .sub{color:var(--muted);font-style:italic;margin:0;font-size:clamp(16px,2.2vw,18.88px)}
#fqa.lang-ur .fqa-hero .sub{font-style:normal}
#fqa .fqa-h2{margin:40px 0 15px}
#fqa .fqa-h2 h2{font-family:var(--display);font-weight:600;font-size:25.6px;margin:0}
#fqa.lang-ur .fqa-h2 h2{font-family:var(--nastaliq)}
#fqa .fqa-keycards{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:13px}
#fqa .fqa-keycard{display:flex;flex-direction:column;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:18px;transition:transform .16s,box-shadow .22s,border-color .2s}
#fqa .fqa-keycard:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:var(--shadow-s)}
#fqa .fqa-keycard .kc{font-family:var(--sans);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#7E630E}
#fqa.lang-ur .fqa-keycard .kc{font-family:var(--nastaliq);text-transform:none;letter-spacing:0;font-size:14.72px}
#fqa .fqa-keycard .kq{font-size:17.28px;font-weight:500;line-height:1.35}
#fqa.lang-ur .fqa-keycard .kq{font-family:var(--nastaliq);font-size:20.48px;line-height:1.6}
#fqa .fqa-grid-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:11px}
#fqa .fqa-gc{display:flex;align-items:center;gap:11px;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:14px 16px;transition:border-color .2s,transform .16s}
#fqa .fqa-gc:hover{border-color:var(--gold);transform:translateY(-2px)}
#fqa .fqa-gc svg{width:20px;height:20px;color:#7E630E;flex:0 0 auto}
#fqa .fqa-gc b{font-family:var(--display);font-weight:600;font-size:16.8px;flex:1}
#fqa.lang-ur .fqa-gc b{font-family:var(--nastaliq);font-size:19.2px}
#fqa .fqa-gc .ct{font-family:var(--sans);font-size:12.48px;color:var(--muted);font-variant-numeric:tabular-nums}
#fqa .fqa-qlist{border-top:1px solid var(--line)}
#fqa .fqa-qi{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:17px 6px;font-size:17.6px}
#fqa.lang-ur .fqa-qi{font-family:var(--nastaliq);font-size:20.8px}
#fqa .fqa-qi:hover{background:var(--surface);padding-inline-start:14px}
#fqa .fqa-qi svg{margin-inline-start:auto;color:#7E630E;flex:0 0 auto}
#fqa[dir="rtl"] .fqa-qi svg,#fqa.lang-ur .fqa-qi svg{transform:scaleX(-1)}

/* single */
/* The article takes the remaining space and the rail is bounded, rather than the rail
   holding a fixed 260px while the article collapses. Below 1240px the rail moves under
   the answer: the sidebar already claims ~260px, so an article + rail split starves the
   reading column long before a naive 1040px breakpoint would notice. */
#fqa .fqa-q-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(236px,306px);
  gap:clamp(28px,3vw,54px);padding-top:6px;max-width:1220px}
#fqa .fqa-crumb{font-family:var(--sans);font-size:12.8px;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:20px 0 2px}
#fqa.lang-ur .fqa-crumb{font-family:var(--nastaliq);font-size:16px}
#fqa .fqa-crumb a:hover{color:#7E630E}#fqa .fqa-crumb .sep{opacity:.5}
#fqa .fqa-tag{display:inline-block;margin:6px 0 0;font-family:var(--sans);font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--green-soft);background:color-mix(in srgb,var(--green) 13%,transparent);padding:5px 11px;border-radius:999px}
#fqa.lang-ur .fqa-tag{font-family:var(--nastaliq);text-transform:none;letter-spacing:0;font-size:14.72px}
/* No max-width. A 34ch cap wrapped these long, sentence-shaped questions into a narrow
   half-width block with a ragged right edge. Titles use the full reading column. */
#fqa .fqa-title{font-family:var(--display);font-weight:600;font-size:clamp(27px,2.5vw,39px);
  line-height:1.16;margin:.16em 0 .3em;text-wrap:pretty}
#fqa.lang-ur .fqa-title{font-family:var(--nastaliq);font-size:clamp(24px,2.05vw,32px);line-height:1.7}
#fqa .fqa-answer{font-size:18.2px;line-height:1.82;padding:10px 0 6px;max-width:70ch}
/* Nastaliq needs more leading and a shorter line than Latin at the same size. */
#fqa.lang-ur .fqa-answer,#fqa .fqa-answer[dir="rtl"]{font-family:var(--nastaliq);font-size:23px;line-height:2.1;max-width:52ch}
#fqa .fqa-answer p{margin:0 0 1.1em}
#fqa .fqa-answer blockquote{margin:1.4em 0;padding:18px 24px;background:var(--surface-2);border-radius:14px;border-inline-start:3px solid var(--gold);font-style:italic;color:var(--ink)}
#fqa .fqa-answer blockquote p{margin:0 0 .4em}
#fqa .fqa-answer[dir="rtl"] blockquote,#fqa.lang-ur .fqa-answer blockquote{font-style:normal;text-align:center}
#fqa .fqa-answer blockquote cite{display:block;font-style:normal;font-family:var(--sans);font-size:12.8px;font-weight:600;letter-spacing:.03em;color:#7E630E;text-transform:uppercase;margin-top:.4em}
#fqa.lang-ur .fqa-answer blockquote cite{font-family:var(--nastaliq);text-transform:none;letter-spacing:0;font-size:16.32px}
#fqa .fqa-soon{color:var(--muted);font-style:italic;text-align:center;padding:30px 0}

#fqa .fqa-rail{position:sticky;top:80px;align-self:start}
#fqa .fqa-rail h3{font-family:var(--sans);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 12px}
#fqa.lang-ur .fqa-rail h3{font-family:var(--nastaliq);text-transform:none;letter-spacing:0;font-size:16px}
#fqa .fqa-rq{display:block;border-bottom:1px solid var(--line-soft);padding:12px 2px;font-size:15.68px;line-height:1.4}
#fqa.lang-ur .fqa-rq{font-family:var(--nastaliq);font-size:17.92px}
#fqa .fqa-rq:hover{color:#7E630E}
#fqa .fqa-rq .rc{display:block;font-family:var(--sans);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#7E630E;margin-bottom:3px}
#fqa.lang-ur .fqa-rq .rc{font-family:var(--nastaliq);text-transform:none;letter-spacing:0;font-size:13.6px}
#fqa .fqa-cta{margin-top:22px;border-radius:16px;padding:18px;color:#f3ecda;background:linear-gradient(160deg,#16382a,#0e271e)}
#fqa .fqa-cta p{margin:0 0 12px;font-size:16px;line-height:1.5}#fqa.lang-ur .fqa-cta p{font-family:var(--nastaliq);font-size:18.88px}
#fqa .fqa-cta a{display:inline-block;font-family:var(--sans);font-weight:600;font-size:13.6px;background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:#3a2d07;border-radius:10px;padding:9px 16px}
#fqa.lang-ur .fqa-cta a{font-family:var(--nastaliq);font-size:16px}

@media(max-width:1240px){#fqa .fqa-q-grid{grid-template-columns:minmax(0,1fr);max-width:74ch}
  #fqa .fqa-rail{position:static;margin-top:34px;border-top:1px solid var(--line);padding-top:22px}}
/* Single column below 920px. The answer comes FIRST and the topic list follows it:
   stacked in source order the sidebar puts 21 sibling questions between the reader and
   the answer they actually opened. Navigation belongs after the content on a phone. */
@media(max-width:920px){#fqa .fqa-layout{grid-template-columns:1fr}
  #fqa .fqa-main{order:1;padding-inline:clamp(16px,5vw,28px)}
  #fqa .fqa-side{order:2;position:static;height:auto;max-height:none;
    border-inline-end:0;border-bottom:0;border-top:1px solid var(--line);
    margin-top:10px;padding:22px 10px 40px}
  #fqa .fqa-side-lbl{padding-top:0}}

/* ---- Standing disclaimer, across the foot of the page ---- */
/* Sits below the answer + rail grid, so it is bounded by the reading measure of the
   whole page rather than the narrower answer column. */
#fqa .fqa-disclaimer-wrap{margin:46px 0 0;max-width:992px}
#fqa .fqa-disclaimer{border-top:1px solid var(--line);margin-top:0;padding:22px 0 6px;color:var(--muted);font-size:15.04px;line-height:1.7}
#fqa .fqa-disclaimer h3{font-family:var(--display);font-size:17.92px;font-weight:600;color:var(--ink);margin:0 0 .7em;letter-spacing:.01em}
#fqa .fqa-disclaimer p{margin:0 0 .9em}
#fqa .fqa-disclaimer p:last-child{margin-bottom:0;color:#7E630E;font-style:italic}
#fqa.lang-ur .fqa-disclaimer,#fqa .fqa-disclaimer[dir="rtl"]{font-family:var(--nastaliq);font-size:18.56px;line-height:2.05}
#fqa.lang-ur .fqa-disclaimer h3,#fqa .fqa-disclaimer[dir="rtl"] h3{font-family:var(--nastaliq);font-size:20.8px;line-height:1.9}
#fqa.lang-ur .fqa-disclaimer p:last-child,#fqa .fqa-disclaimer[dir="rtl"] p:last-child{font-style:normal}
@media(max-width:600px){#fqa .fqa-disclaimer{font-size:14.4px}}

/* ---- Previous / next within a topic ---- */
/* Three slots when both neighbours exist. At the first or last question of a topic the
   grid collapses instead of reserving a dead third of the row for a card that is not there. */
#fqa .fqa-pn{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:stretch;margin:34px 0 0}
#fqa .fqa-pn.only-next{grid-template-columns:auto minmax(0,1fr)}
#fqa .fqa-pn.only-prev{grid-template-columns:minmax(0,1fr) auto}
#fqa .fqa-pn-i{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--line);
  border-radius:13px;background:var(--surface);transition:border-color .2s,transform .16s}
#fqa .fqa-pn-i:hover{border-color:var(--gold);transform:translateY(-2px)}
#fqa .fqa-pn-i .l{font-family:var(--sans);font-size:11.84px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:#7E630E}
#fqa .fqa-pn-i .t{font-size:16.32px;line-height:1.55;color:var(--ink);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#fqa .fqa-pn-i.next{text-align:end}
#fqa .fqa-pn-all{align-self:center;font-family:var(--sans);font-size:11.84px;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:9px 15px;white-space:nowrap}
#fqa .fqa-pn-all:hover{border-color:var(--gold);color:#7E630E}
#fqa.lang-ur .fqa-pn-i .l,#fqa.lang-ur .fqa-pn-all{font-family:var(--nastaliq);text-transform:none;letter-spacing:0;font-size:15.2px}
#fqa.lang-ur .fqa-pn-i .t{font-family:var(--nastaliq);font-size:18.56px;line-height:1.9}
@media(max-width:720px){#fqa .fqa-pn{grid-template-columns:1fr}#fqa .fqa-pn-i.empty{display:none}
  #fqa .fqa-pn-i.next{text-align:start}#fqa .fqa-pn-all{justify-self:center}}

/* ---- "Every question" index on the hub ---- */
#fqa .fqa-allq{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:26px 34px;margin-top:6px}
#fqa .fqa-allq-g h3{display:flex;align-items:center;gap:9px;margin:0 0 10px;font-family:var(--display);
  font-size:18.56px;font-weight:600;color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:8px}
#fqa .fqa-allq-g h3 a:hover{color:#7E630E}
#fqa .fqa-allq-g h3 .n{font-family:var(--sans);font-size:11.5px;font-weight:700;color:var(--muted);
  border:1px solid var(--line);border-radius:999px;padding:2px 8px}
#fqa .fqa-allq-g ul{list-style:none;margin:0;padding:0}
#fqa .fqa-allq-g li{margin:0 0 7px}
#fqa .fqa-allq-g li a{font-size:15.2px;line-height:1.55;color:var(--muted);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#fqa .fqa-allq-g li a:hover{color:#7E630E}
#fqa.lang-ur .fqa-allq-g h3{font-family:var(--nastaliq);font-size:21.12px;line-height:1.9}
#fqa.lang-ur .fqa-allq-g li a{font-family:var(--nastaliq);font-size:17.92px;line-height:1.85}


/* ---- Urdu readability corrections ----
   Nastaliq must never inherit uppercase or Latin letter-spacing: both mangle the script.
   Anywhere a small-caps Latin label exists, Urdu needs its own larger, untracked rule. */
#fqa.lang-ur .fqa-eyebrow-sm{font-family:var(--nastaliq);font-size:16px;font-weight:400;
  letter-spacing:0;text-transform:none;line-height:1.9}
#fqa.lang-ur .fqa-pn-i .l{font-size:16px}
#fqa.lang-ur .fqa-kbd{display:none}
#fqa .fqa-seg button.u{font-family:var(--nastaliq);letter-spacing:0;text-transform:none;font-size:15.68px;line-height:1.7}
#fqa .fqa-results .foot [lang="ur"]{font-family:var(--nastaliq);letter-spacing:0;text-transform:none;font-size:14.72px}
#fqa.lang-ur .fqa-allq-g h3 .n,#fqa.lang-ur .fqa-gc .ct{font-family:var(--sans)}