/* ==============================================
   DESIGN SYSTEM — أصل ودليل
   Premium Arabic Educational Interface
   ============================================== */

/* --- Tokens --- */
:root {
  --ink: #101815;
  --ink-soft: #1a2b25;
  --parchment: #F3EFE4;
  --paper: #FBF9F2;
  --paper-warm: #F7F4EB;
  --jade: #173D35;
  --jade-deep: #0F2A24;
  --jade-soft: rgba(23,61,53,0.055);
  --jade-muted: rgba(23,61,53,0.09);
  --brass: #80642E;
  --brass-soft: rgba(168,132,69,0.09);
  --brass-muted: #C4A265;
  --brass-faint: rgba(168,132,69,0.04);
  --stone: #D6D0C3;
  --stone-light: #E8E3D8;
  --muted: #686F69;
  --muted-light: #8A918A;
  --clay: #984F43;
  --clay-soft: rgba(152,79,67,0.06);
  --inverse-text: #FBF9F2;
  --header-bg: rgba(251,249,242,0.96);
  --tool-bg: rgba(251,249,242,0.98);
  --font-display: "Noto Kufi Arabic", "Noto Sans Arabic", sans-serif;
  --font-body: "Noto Sans Arabic", Tahoma, sans-serif;
  --font-reading: "Noto Naskh Arabic", "Amiri", serif;
  --font-reading-active: var(--font-reading);
  --font-evidence: "Noto Naskh Arabic", "Amiri", serif;
  --max-w: 1120px;
  --read-w: 700px;
  --gutter: clamp(18px,4vw,48px);
  --rule: 1px solid var(--stone);
  --rule-soft: 1px solid var(--stone-light);
  --rule-brass: 1px solid rgba(168,132,69,0.35);
  --r-xs: 3px;
  --r-sm: 6px;
  --r-md: 10px;
  --sh-1: 0 1px 3px rgba(16,24,21,0.04);
  --sh-2: 0 2px 10px rgba(16,24,21,0.055);
  --sh-3: 0 6px 24px rgba(16,24,21,0.075);
  --ease: cubic-bezier(0.4,0,0.2,1);
  --dur: 180ms;

  /* RC106 semantic aliases — prevent dark fallback colors leaking into Light/Calm themes */
  --accent: var(--jade);
  --bg: var(--paper);
  --surface: var(--paper);
  --surface-soft: var(--paper-warm);
  --border: var(--stone);
  --border-color: var(--stone);
  --line: var(--stone);
  --gold: var(--brass);
  --jade-faint: color-mix(in srgb,var(--jade) 8%,transparent);
  --text-muted: var(--muted);
  --radius-md: var(--r-md);
  --r-lg: 18px;
  --shadow-soft: var(--sh-2);
}


/* --- Reader preferences --- */
html[data-font-size="0"]{font-size:94%}
html[data-font-size="1"]{font-size:100%}
html[data-font-size="2"]{font-size:110%}
html[data-font-size="3"]{font-size:120%}
html[data-font-size="4"]{font-size:132%}
html[data-reading-font="naskh"]{--font-reading-active:var(--font-reading)}
html[data-reading-font="sans"]{--font-reading-active:var(--font-body)}

:root[data-theme="dark"]{
  color-scheme:dark;
  --ink:#EEEAE0;
  --ink-soft:#D8D3C8;
  --parchment:#1A231F;
  --paper:#101713;
  --paper-warm:#151E1A;
  --jade:#8BC1AB;
  --jade-deep:#0B1210;
  --jade-soft:rgba(139,193,171,0.105);
  --jade-muted:rgba(139,193,171,0.16);
  --brass:#D5B574;
  --brass-soft:rgba(213,181,116,0.13);
  --brass-muted:#E2C98F;
  --brass-faint:rgba(213,181,116,0.075);
  --stone:#34423C;
  --stone-light:#26342E;
  --muted:#B8BDB8;
  --muted-light:#929A94;
  --clay:#E8A095;
  --clay-soft:rgba(232,160,149,0.12);
  --inverse-text:#F7F3EA;
  --header-bg:rgba(16,23,19,0.96);
  --tool-bg:rgba(21,30,26,0.98);
  --rule-brass:1px solid rgba(213,181,116,0.38);
  --sh-1:0 1px 4px rgba(0,0,0,0.22);
  --sh-2:0 3px 14px rgba(0,0,0,0.28);
  --sh-3:0 10px 34px rgba(0,0,0,0.34);
}

/* --- Reset & Base --- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;
  min-width:320px;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--font-body);
  font-size:1.125rem;
  line-height:2;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body.menu-open{overflow:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit;color:inherit}
button,a{-webkit-tap-highlight-color:transparent}

/* --- Typography --- */
h1,h2,h3,h4,strong,.brand-copy strong{
  font-family:var(--font-display);
  font-weight:700;
  line-height:1.38;
  letter-spacing:0;
}
h1,h2,h3,h4,p{margin:0}
p+p{margin-top:.75em}
.lead{color:var(--muted);font-size:1.0625rem;line-height:1.95;max-width:var(--read-w)}

/* --- Layout --- */
.container{width:min(var(--max-w),calc(100% - var(--gutter)*2));margin-inline:auto}
.narrow{width:min(720px,calc(100% - var(--gutter)*2));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;inset-inline-start:16px;top:-80px;z-index:9999;padding:10px 16px;border-radius:var(--r-sm);background:var(--ink);color:#fff;font-weight:600;transition:top var(--dur) var(--ease)}
.skip-link:focus{top:16px}

/* --- Signature: Manuscript Divider --- */
.ms-divider{
  display:flex;align-items:center;gap:var(--gutter);
  margin:var(--gutter) 0;
  color:var(--brass);
}
.ms-divider::before,.ms-divider::after{
  content:"";flex:1;height:var(--rule);
  background:var(--stone-light);
}
.ms-divider .ms-diamond{
  width:7px;height:7px;
  border:1px solid var(--brass);
  transform:rotate(45deg);
  flex-shrink:0;
}

/* --- Signature: Corner Device --- */
.corner-tl,.corner-br{position:absolute;width:20px;height:20px;pointer-events:none}
.corner-tl::before,.corner-tl::after,.corner-br::before,.corner-br::after{content:"";position:absolute;background:var(--brass);opacity:.35}
.corner-tl{top:12px;right:12px}
.corner-tl::before{top:0;right:0;width:20px;height:1px}
.corner-tl::after{top:0;right:0;width:1px;height:20px}
.corner-br{bottom:12px;left:12px}
.corner-br::before{bottom:0;left:0;width:20px;height:1px}
.corner-br::after{bottom:0;left:0;width:1px;height:20px}

/* --- Signature: Archival Label --- */
.archival-label{
  display:inline-block;
  font-family:var(--font-display);
  font-size:.6875rem;
  font-weight:700;
  letter-spacing:.04em;
  color:var(--brass);
  text-transform:uppercase;
}

/* --- Signature: Route Rail --- */
.route-rail{position:relative;padding-inline-start:36px}
.route-rail::before{
  content:"";position:absolute;
  top:8px;bottom:8px;inset-inline-start:11px;
  width:1px;background:var(--stone-light);
}
.route-stop{
  position:relative;margin-bottom:var(--gutter);
}
.route-stop:last-child{margin-bottom:0}
.route-stop::before{
  content:attr(data-step);
  position:absolute;inset-inline-start:-36px;top:2px;
  width:22px;height:22px;
  display:grid;place-items:center;
  border:1.5px solid var(--stone);
  border-radius:50%;
  background:var(--paper);
  font-family:var(--font-display);
  font-size:.625rem;font-weight:700;
  color:var(--muted);
  transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease),background var(--dur) var(--ease);
}
.route-stop.is-current::before{
  border-color:var(--brass);
  background:var(--brass);
  color:var(--inverse-text);
}
.route-stop strong{display:block;font-size:.9375rem;margin-bottom:2px}
.route-stop small{display:block;color:var(--muted);font-size:.8125rem}


/* --- Reading tools --- */
.reading-tools{
  display:inline-flex;align-items:center;gap:3px;
  margin-inline-start:auto;padding:4px;
  border:var(--rule);border-radius:var(--r-sm);
  background:var(--tool-bg);box-shadow:var(--sh-1);
  backdrop-filter:blur(12px);
}
.reading-tool{
  min-width:38px;height:36px;padding:0 9px;
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  border:0;border-radius:var(--r-xs);background:transparent;color:var(--muted);
  font-family:var(--font-body);font-size:.8rem;font-weight:700;line-height:1;cursor:pointer;
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur) var(--ease);
}
.reading-tool:hover,.reading-tool:focus-visible{background:var(--jade-soft);color:var(--jade)}
.reading-tool:active{transform:translateY(1px)}
.reading-tool[disabled]{opacity:.38;cursor:not-allowed}
.reading-tools-separator{width:1px;height:22px;margin-inline:2px;background:var(--stone-light)}
.reading-tool-reset{min-width:52px}
.reading-font-tool{min-width:82px}
.reading-font-label{white-space:nowrap;font-size:.72rem}
.theme-tool{min-width:72px}
.theme-tool-icon{font-size:1rem}
.theme-tool-label{font-size:.7rem}
:root[data-theme="dark"] .theme-tool{background:var(--brass-soft);color:var(--brass-muted)}
:root[data-theme="dark"] .brand img{filter:brightness(1.25) saturate(.85)}
:root[data-theme="dark"] .button.light-button,
:root[data-theme="dark"] .selected-result .full-button{background:var(--inverse-text);color:#173D35;border-color:var(--inverse-text)}
:root[data-theme="dark"] .selected-result .full-button:hover{background:#E7E0D2;border-color:#E7E0D2}
:root[data-theme="dark"] .path-card.featured{background:#1D584A;border-color:#6FAE96}
:root[data-theme="dark"] .methodology,
:root[data-theme="dark"] .result-panel,
:root[data-theme="dark"] .source-placeholder,
:root[data-theme="dark"] .quiz-card{background:#09110E}
:root[data-theme="dark"] .source-placeholder p,
:root[data-theme="dark"] .quiz-card p,
:root[data-theme="dark"] .selected-result>p,
:root[data-theme="dark"] .empty-result p,
:root[data-theme="dark"] .methodology-copy>p:not(.eyebrow),
:root[data-theme="dark"] .source-ladder-item small{color:rgba(247,243,234,.68)}

/* ==============================================
   HEADER
   ============================================== */
.site-header{
  position:sticky;top:0;z-index:50;
  border-bottom:var(--rule);
  background:var(--header-bg);
}
.nav-wrap{
  min-height:72px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.brand{display:inline-flex;align-items:center;gap:12px;min-width:max-content}
.brand img{width:40px;height:40px}
.brand-copy{display:grid;gap:1px}
.brand-copy strong{font-size:.875rem;letter-spacing:-.005em}
.brand-copy small{color:var(--muted);font-family:var(--font-body);font-size:.6875rem}
.main-nav{display:flex;align-items:center;gap:4px}
.main-nav a{
  padding:8px 14px;border-radius:var(--r-sm);
  color:var(--muted);font-weight:600;font-size:.875rem;
  transition:color var(--dur) var(--ease),background var(--dur) var(--ease);
}
.main-nav a:hover,.main-nav a:focus-visible{color:var(--ink);background:var(--jade-soft)}
.main-nav a.is-active{color:var(--jade);background:var(--jade-soft)}
.main-nav .nav-cta{
  margin-inline-start:8px;padding-inline:18px;
  color:var(--inverse-text);background:var(--jade);
  font-family:var(--font-display);font-weight:700;font-size:.8125rem;
}
.main-nav .nav-cta:hover,.main-nav .nav-cta:focus-visible{background:var(--jade-deep);color:var(--inverse-text)}
.menu-toggle{
  display:none;width:42px;height:42px;padding:10px;
  border:var(--rule);border-radius:var(--r-sm);background:var(--paper);cursor:pointer;
}
.menu-toggle span:not(.sr-only){display:block;width:100%;height:1.5px;margin:5px 0;background:var(--ink);border-radius:2px}

/* ==============================================
   HOMEPAGE — HERO
   ============================================== */
.hero{padding:clamp(60px,10vw,110px) 0 clamp(50px,8vw,90px)}
.hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);
  gap:clamp(40px,6vw,80px);align-items:start;
}
.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--font-display);font-weight:700;font-size:.75rem;
  color:var(--jade);letter-spacing:.02em;
  margin-bottom:var(--gutter);
}
.eyebrow::before{content:"";width:20px;height:1.5px;background:var(--brass)}
.eyebrow.light{color:var(--brass-muted)}
.eyebrow.light::before{background:rgba(255,255,255,0.3)}
.hero h1{
  max-width:700px;
  font-size:clamp(2rem,5.2vw,3.25rem);
  font-weight:800;
  line-height:1.32;
  margin-bottom:var(--gutter);
}
.hero h1 em{color:var(--jade);font-style:normal}
.hero-copy .lead{margin-bottom:var(--gutter)}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:var(--gutter)}
.button{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:48px;padding:10px 22px;
  border:var(--rule);border-radius:var(--r-sm);
  font-family:var(--font-display);font-weight:700;font-size:.8125rem;
  cursor:pointer;
  transition:all var(--dur) var(--ease);
}
.button:hover{transform:translateY(-1px)}
.button:active{transform:translateY(0)}
.button.primary{background:var(--jade);color:var(--inverse-text);border-color:var(--jade)}
.button.primary:hover{background:var(--jade-deep);border-color:var(--jade-deep);box-shadow:var(--sh-2)}
.button.ghost{background:transparent;color:var(--jade)}
.button.ghost:hover{background:var(--jade-soft)}
.button.light-button{background:var(--inverse-text);color:#173D35;border-color:var(--stone-light)}
.button.light-button:hover{border-color:var(--brass);background:var(--inverse-text)}
.button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
.hero-notes{
  display:flex;flex-wrap:wrap;gap:6px 20px;
  margin:0;padding:0;list-style:none;
  color:var(--muted-light);font-size:.8125rem;
}
.hero-notes li{display:flex;align-items:center;gap:7px}
.hero-notes li::before{
  content:"";width:5px;height:5px;
  border:1px solid var(--jade);border-radius:50%;
  flex-shrink:0;
}

/* --- Journey Route Panel --- */
.journey-panel{
  position:relative;
  border:var(--rule);
  border-top:2px solid var(--brass);
  background:var(--paper);
  padding:clamp(20px,3vw,32px);
}
.journey-panel .corner-tl,.journey-panel .corner-br{position:absolute}
.journey-panel .corner-br{display:none}
.journey-head{
  display:flex;justify-content:space-between;align-items:flex-start;gap:12px;
  padding-bottom:var(--gutter);
  border-bottom:var(--rule-soft);
  margin-bottom:var(--gutter);
}
.journey-head .archival-label{margin-bottom:4px;display:block}
.journey-head h2{margin:0;font-size:1.25rem}
.mini-label{
  font-family:var(--font-display);font-size:.6875rem;font-weight:700;
  color:var(--jade);letter-spacing:.02em;
}
.journey-level{
  padding:4px 10px;border-radius:var(--r-xs);
  background:var(--jade-soft);color:var(--jade);
  font-family:var(--font-display);font-size:.6875rem;font-weight:700;
  white-space:nowrap;
}
.journey-route{margin:var(--gutter) 0}
.journey-footer{
  display:flex;justify-content:space-between;gap:12px;
  padding-top:var(--gutter);
  border-top:var(--rule-soft);
  color:var(--muted-light);font-size:.75rem;
}

/* ==============================================
   HOMEPAGE — TRUST BAR
   ============================================== */
.trust-bar{border-block:var(--rule);background:var(--paper-warm)}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.trust-item{padding:clamp(18px,2.5vw,28px) clamp(16px,2vw,28px)}
.trust-item+.trust-item{border-inline-start:var(--rule)}
.trust-item strong{display:block;font-size:.875rem;margin-bottom:3px}
.trust-item span{display:block;color:var(--muted);font-size:.8125rem}

/* ==============================================
   HOMEPAGE — PATHS
   ============================================== */
.section{padding:clamp(56px,8vw,96px) 0}
.section-heading{margin-bottom:clamp(28px,4vw,48px)}
.section-heading h2{
  max-width:700px;
  font-size:clamp(1.5rem,3.2vw,2.25rem);
  font-weight:800;
}
.section-heading>p:not(.eyebrow){max-width:560px;color:var(--muted);font-size:.9375rem}
.heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.centered{text-align:center}
.centered .eyebrow{justify-content:center}
.text-link{
  display:inline-flex;align-items:center;gap:6px;
  color:var(--jade);font-weight:700;font-size:.8125rem;
  white-space:nowrap;border-bottom:1px solid transparent;
  transition:border-color var(--dur) var(--ease);
}
.text-link:hover{border-color:var(--jade)}

.path-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.path-card{
  position:relative;overflow:hidden;
  padding:clamp(22px,3vw,32px);
  border:var(--rule);border-radius:var(--r-md);
  background:var(--paper);
  transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);
}
.path-card:hover{transform:translateY(-2px);border-color:var(--stone);box-shadow:var(--sh-2)}
.path-card:focus-visible{outline:2px solid var(--jade);outline-offset:2px}
.path-card.featured{
  border-color:var(--jade);
  border-top:2px solid var(--brass);
  background:var(--jade);
  color:var(--inverse-text);
}
.path-card.featured:hover{border-color:var(--jade-deep);box-shadow:var(--sh-3)}
.path-card.featured .corner-tl::before,.path-card.featured .corner-tl::after{background:rgba(255,255,255,0.2)}
.path-icon{
  display:grid;place-items:center;
  width:40px;height:40px;margin-bottom:20px;
  border:var(--rule);border-radius:var(--r-sm);
  background:var(--paper-warm);
  color:var(--jade);
  font-family:var(--font-display);font-weight:800;font-size:.875rem;
}
.path-card.featured .path-icon{border-color:rgba(255,255,255,0.15);background:rgba(255,255,255,0.07);color:var(--inverse-text)}
.path-kicker{
  display:block;margin-bottom:6px;
  color:var(--brass);font-family:var(--font-display);font-weight:700;font-size:.6875rem;
  letter-spacing:.03em;
}
.path-card h3{font-size:clamp(1.125rem,1.8vw,1.375rem);margin-bottom:8px;font-weight:800}
.path-card p{color:var(--muted);font-size:.875rem;max-width:400px}
.path-card.featured p{color:rgba(255,255,255,0.65)}
.path-action{
  display:inline-flex;align-items:center;gap:6px;
  margin-top:auto;padding-top:16px;
  color:var(--jade);font-family:var(--font-display);font-weight:700;font-size:.75rem;
  letter-spacing:.02em;
}
.path-card.featured .path-action{color:var(--inverse-text)}

/* ==============================================
   HOMEPAGE — LEARNING METHOD
   ============================================== */
.learning-method{background:var(--paper-warm)}
.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.method-grid::before{
  content:"";position:absolute;
  top:20px;left:12.5%;right:12.5%;
  height:1px;background:var(--stone-light);z-index:0;
}
.method-grid article{
  position:relative;z-index:1;
  padding:clamp(20px,2.5vw,32px) clamp(14px,2vw,24px);
  border-top:2px solid var(--brass);
  background:var(--paper);
}
.method-grid article:nth-child(2){margin-top:28px}
.method-grid article:nth-child(3){margin-top:56px}
.method-grid article:nth-child(4){margin-top:84px}
.method-grid .method-num{
  font-family:var(--font-display);font-weight:700;font-size:1.75rem;
  color:var(--brass);display:block;margin-bottom:16px;line-height:1;
}
.method-grid h3{font-size:1rem;margin-bottom:6px}
.method-grid p{color:var(--muted);font-size:.8125rem}

/* ==============================================
   HOMEPAGE — METHODOLOGY
   ============================================== */
.methodology{
  position:relative;overflow:hidden;
  background:var(--jade-deep);color:var(--inverse-text);
}
.methodology-grid{
  position:relative;z-index:1;
  display:grid;grid-template-columns:.85fr 1.15fr;
  gap:clamp(40px,6vw,80px);align-items:center;
}
.methodology h2{font-size:clamp(1.5rem,3.5vw,2.5rem);margin-bottom:var(--gutter)}
.methodology-copy>p:not(.eyebrow){color:rgba(255,255,255,0.65);font-size:1rem}
.source-ladder{display:grid;gap:10px}
.source-ladder-item{
  display:grid;grid-template-columns:44px 1fr;column-gap:14px;
  padding:clamp(14px,2vw,20px) clamp(14px,2vw,22px);
  border:1px solid rgba(255,255,255,0.1);
  border-radius:var(--r-sm);
  background:rgba(255,255,255,0.03);
}
.source-ladder-num{
  grid-row:span 2;
  display:grid;place-items:center;
  width:36px;height:36px;
  border-radius:var(--r-xs);
  background:rgba(168,132,69,0.12);
  color:var(--brass-muted);
  font-family:var(--font-display);font-weight:700;font-size:.75rem;
}
.source-ladder-item strong{align-self:end;font-size:.9375rem}
.source-ladder-item small{color:rgba(255,255,255,0.5);font-size:.8125rem}

/* ==============================================
   HOMEPAGE — FINAL CTA
   ============================================== */
.final-cta{padding-block:clamp(40px,6vw,72px)}
.final-cta-card{
  display:flex;justify-content:space-between;align-items:center;gap:28px;
  padding:clamp(28px,4vw,48px);
  border:var(--rule);border-radius:var(--r-md);
  background:var(--paper);
  position:relative;
}
.final-cta-card .corner-tl,.final-cta-card .corner-br{position:absolute}
.final-cta-card h2{max-width:650px;font-size:clamp(1.25rem,2.8vw,2rem);font-weight:800}

/* ==============================================
   FOOTER
   ============================================== */
.site-footer{border-top:var(--rule);background:var(--paper-warm)}
.footer-grid{
  min-height:100px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding-block:clamp(20px,3vw,32px);
}
.footer-brand{display:flex;align-items:center;gap:12px}
.footer-brand img{width:36px;height:36px}
.footer-brand strong{display:block;font-size:.8125rem}
.footer-brand p{max-width:480px;margin:4px 0 0;color:var(--muted);font-size:.75rem}
.footer-links{display:flex;flex-wrap:wrap;gap:16px}
.footer-links a,.compact-footer a{color:var(--jade);font-weight:600;font-size:.8125rem;border-bottom:1px solid transparent;transition:border-color var(--dur) var(--ease)}
.footer-links a:hover,.compact-footer a:hover{border-color:var(--jade)}
.compact-footer .footer-grid{min-height:72px}
.compact-footer p{margin:0;color:var(--muted);font-size:.8125rem}

/* ==============================================
   START PAGE
   ============================================== */
.start-hero{padding:clamp(48px,8vw,80px) 0 clamp(20px,4vw,36px);text-align:center}
.start-intro .eyebrow{justify-content:center}
.start-intro h1{
  margin-bottom:var(--gutter);
  font-size:clamp(1.75rem,4.5vw,2.75rem);
  font-weight:800;
}
.start-intro .lead{margin-inline:auto}
.step-indicator{
  display:inline-grid;grid-template-columns:30px 50px 30px 50px 30px auto;
  align-items:center;gap:6px;
  margin-top:28px;
  color:var(--muted);
}
.step-indicator span{
  display:grid;place-items:center;
  width:30px;height:30px;
  border:var(--rule);border-radius:50%;
  background:var(--paper);
  font-family:var(--font-display);font-size:.6875rem;font-weight:700;
  transition:all var(--dur) var(--ease);
}
.step-indicator span.is-active{border-color:var(--jade);background:var(--jade);color:var(--inverse-text)}
.step-indicator i{height:1px;background:var(--stone-light);display:block}
.step-indicator b{grid-column:1/-1;margin-top:4px;color:var(--jade);font-size:.6875rem}

.start-workspace{padding-top:clamp(24px,4vw,48px)}
.start-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:start}
.choice-grid{display:grid;gap:10px}
.choice-card{
  width:100%;display:grid;grid-template-columns:40px 1fr 24px;gap:14px;align-items:center;
  min-height:100px;padding:clamp(16px,2vw,22px);
  border:var(--rule);border-radius:var(--r-sm);
  background:var(--paper);text-align:right;cursor:pointer;
  transition:all var(--dur) var(--ease);
}
.choice-card:hover,.choice-card:focus-visible{border-color:var(--jade);transform:translateX(-3px);outline:none}
.choice-card.is-active{border-color:var(--jade);background:var(--jade-soft)}
.choice-number{
  display:grid;place-items:center;
  width:40px;height:40px;
  border:var(--rule);border-radius:var(--r-sm);
  background:var(--paper-warm);
  color:var(--jade);
  font-family:var(--font-display);font-weight:700;font-size:.75rem;
  transition:all var(--dur) var(--ease);
}
.choice-card.is-active .choice-number{border-color:var(--jade);background:var(--jade);color:var(--inverse-text)}
.choice-copy strong,.choice-copy small{display:block}
.choice-copy strong{font-size:.9375rem}
.choice-copy small{margin-top:4px;color:var(--muted);font-size:.8125rem}
.choice-arrow{color:var(--jade);font-size:1.2rem;transition:transform var(--dur) var(--ease)}
.choice-card:hover .choice-arrow{transform:translateX(-3px)}

.result-panel{
  position:sticky;top:100px;
  min-height:480px;
  padding:clamp(24px,3vw,36px);
  border-radius:var(--r-md);
  background:var(--jade-deep);color:var(--inverse-text);
  box-shadow:var(--sh-3);
}
.empty-result{
  min-height:400px;
  display:grid;place-items:center;align-content:center;text-align:center;
}
.empty-result .result-symbol{
  display:grid;place-items:center;
  width:52px;height:52px;margin-bottom:16px;
  border:1px solid rgba(255,255,255,0.12);border-radius:var(--r-sm);
  color:var(--brass-muted);font-size:1.5rem;
}
.empty-result h2{margin-bottom:6px;font-size:1.25rem}
.empty-result p{max-width:320px;color:rgba(255,255,255,0.55);font-size:.875rem}
.selected-result .mini-label{color:var(--brass-muted)}
.selected-result h2{margin:6px 0 10px;font-size:1.75rem}
.selected-result>p{color:rgba(255,255,255,0.65);font-size:.9375rem}
.selected-result ol{display:grid;gap:8px;margin:24px 0;padding:0;list-style:none}
.selected-result li{
  display:flex;align-items:center;gap:10px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,0.1);border-radius:var(--r-sm);
  background:rgba(255,255,255,0.03);
}
.selected-result li span{
  font-family:var(--font-display);color:var(--brass-muted);font-size:.6875rem;font-weight:700;
}
.selected-result li strong{font-size:.875rem}
.selected-result .full-button{width:100%;background:var(--inverse-text);color:#173D35;border-color:var(--inverse-text)}
.selected-result .full-button:hover{background:var(--parchment);border-color:var(--parchment)}
.selected-result>small{display:block;margin-top:12px;color:rgba(255,255,255,0.4);text-align:center;font-size:.75rem}

/* ==============================================
   LESSON PAGE
   ============================================== */
.lesson-page{background:var(--parchment)}
.lesson-shell{
  display:grid;grid-template-columns:240px minmax(0,1fr);
  gap:clamp(24px,3vw,40px);
  padding-top:clamp(28px,4vw,48px);padding-bottom:clamp(48px,6vw,80px);align-items:start;
}
.lesson-sidebar{position:sticky;top:96px}
.back-link{
  display:inline-flex;align-items:center;gap:6px;
  margin-bottom:14px;
  color:var(--jade);font-weight:700;font-size:.8125rem;
  border-bottom:1px solid transparent;
  transition:border-color var(--dur) var(--ease);
}
.back-link:hover{border-color:var(--jade)}
.course-box{
  padding:18px;border:var(--rule);border-radius:var(--r-sm);background:var(--paper);
}
.course-box .mini-label{display:block;margin-bottom:6px}
.course-box strong{display:block;font-size:.875rem;margin-bottom:12px}
.course-box small{display:block;margin-top:8px;color:var(--muted);font-size:.6875rem}
.progress-track{height:6px;overflow:hidden;border-radius:99px;background:var(--stone-light)}
.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--jade)}
.lesson-nav{display:grid;gap:2px;margin-top:14px}
.lesson-nav a{
  padding:8px 12px;border-radius:var(--r-xs);
  color:var(--muted);font-size:.8125rem;
  border-inline-end:2px solid transparent;
  transition:all var(--dur) var(--ease);
}
.lesson-nav a:hover,.lesson-nav a.is-current{
  color:var(--jade);background:var(--jade-soft);
  border-inline-end-color:var(--brass);
  font-weight:600;
}

.lesson-content{
  border:var(--rule);border-radius:var(--r-md);background:var(--paper);
  box-shadow:var(--sh-2);overflow:hidden;
}
.lesson-hero{
  padding:clamp(24px,5vw,56px);
  border-bottom:var(--rule);
}
.lesson-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.lesson-meta span{
  padding:4px 10px;border-radius:var(--r-xs);
  background:var(--paper-warm);color:var(--muted);font-size:.6875rem;font-weight:600;
}
.lesson-meta .draft-status{background:var(--clay-soft);color:var(--clay)}
.lesson-path{font-size:.75rem;font-weight:700;color:var(--jade);margin-bottom:12px}
.lesson-path b{margin-inline:6px;color:var(--brass)}
.lesson-hero h1{
 font-size:clamp(1.75rem,4.5vw,3rem);margin-bottom:14px;
}
.lesson-hero .lead{font-size:.9375rem}
.review-banner{
  display:grid;gap:4px;
  margin-top:24px;padding:14px 18px;
  border-inline-start:3px solid var(--brass);
  background:var(--brass-faint);
}
.review-banner strong{font-size:.8125rem}
.review-banner span{color:var(--muted);font-size:.8125rem}

.lesson-block{
  display:grid;grid-template-columns:48px minmax(0,1fr);gap:clamp(16px,2vw,24px);
  padding:clamp(24px,4vw,48px);
  border-bottom:var(--rule);
}
.block-number{
  display:grid;place-items:center;
  width:40px;height:40px;
  border-radius:var(--r-sm);
  background:var(--jade-soft);color:var(--jade);
  font-family:var(--font-display);font-size:.6875rem;font-weight:700;
}
.block-kicker{
  margin-bottom:4px;
  font-family:var(--font-display);font-weight:700;font-size:.6875rem;
  color:var(--brass);letter-spacing:.02em;
}
.lesson-block h2{font-size:clamp(1.25rem,2.5vw,1.75rem);margin-bottom:14px}
.placeholder-text{
  max-width:580px;padding:18px;
  border:1px dashed var(--stone);border-radius:var(--r-sm);
  background:var(--paper-warm);color:var(--muted);font-size:.875rem;
}
.summary-block{background:var(--jade-soft)}
.summary-block .block-number{background:var(--jade);color:var(--inverse-text)}
.source-placeholder{
  display:grid;grid-template-columns:60px 1fr;gap:14px;align-items:center;
  max-width:600px;padding:20px;
  border-radius:var(--r-sm);background:var(--jade-deep);color:var(--inverse-text);
}
.source-placeholder>span{
  color:var(--brass-muted);font-family:var(--font-evidence);font-size:2rem;text-align:center;
}
.source-placeholder p{margin:0;color:rgba(255,255,255,0.6);font-size:.875rem}
.source-button{margin-top:10px;padding:6px 0;border:0;background:none;color:var(--muted-light);font-size:.8125rem;cursor:default}
.citation-rule{
  display:inline-block;margin-top:10px;padding:8px 12px;
  border-radius:var(--r-xs);background:var(--paper-warm);color:var(--muted);font-size:.75rem;
}
.action-block{background:var(--brass-faint)}
.quiz-card{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  margin:clamp(20px,3vw,36px);
  padding:24px;
  border-radius:var(--r-md);background:var(--jade-deep);color:var(--inverse-text);
}
.quiz-card .mini-label{color:var(--brass-muted)}
.quiz-card h2{margin:4px 0;font-size:1.125rem}
.quiz-card p{margin:0;color:rgba(255,255,255,0.55);font-size:.8125rem}
.quiz-card .button.ghost{color:var(--inverse-text);border-color:rgba(255,255,255,0.2);background:rgba(255,255,255,0.04)}
.lesson-review{
  display:grid;grid-template-columns:repeat(3,1fr);
  border-top:var(--rule);background:var(--paper-warm);
}
.lesson-review div{padding:16px 20px}
.lesson-review div+div{border-inline-start:var(--rule)}
.lesson-review span{display:block;color:var(--muted);font-size:.6875rem}
.lesson-review strong{display:block;margin-top:2px;font-size:.8125rem}

/* ==============================================
   RESPONSIVE
   ============================================== */

@media(max-width:1180px){
  .theme-tool-label{display:none}
  .theme-tool{min-width:34px}
  .main-nav a{padding-inline:10px}
}

@media(max-width:980px){
  .menu-toggle{display:block}
  .main-nav{
    position:fixed;inset:72px 16px auto;
    display:none;padding:12px;
    border:var(--rule);border-radius:var(--r-md);background:var(--paper);box-shadow:var(--sh-3);
  }
  .main-nav.is-open{display:grid}
  .main-nav a{padding:10px 14px}
  .main-nav .nav-cta{margin:6px 0 0;text-align:center}
  .hero-grid,.methodology-grid,.start-layout{grid-template-columns:1fr}
  .hero-grid{gap:36px}
  .journey-panel{max-width:600px}
  .method-grid{grid-template-columns:repeat(2,1fr)}
  .method-grid::before{display:none}
  .method-grid article:nth-child(n){margin-top:0}
  .result-panel{position:static;min-height:auto}
  .empty-result{min-height:260px}
  .lesson-shell{grid-template-columns:1fr}
  .lesson-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .back-link{grid-column:1/-1;margin:0}
  .lesson-nav{margin:0;padding:8px;border:var(--rule);border-radius:var(--r-sm);background:var(--paper)}
}

@media(max-width:720px){

  .reading-tools{
    position:fixed;z-index:80;left:50%;right:auto;bottom:12px;
    transform:translateX(-50%);margin:0;padding:5px;
    border-color:var(--stone);box-shadow:var(--sh-3);
  }
  body{padding-bottom:68px}
  .theme-tool-label{display:inline}
  .theme-tool{min-width:70px}
  .container,.narrow{width:calc(100% - 32px);margin-inline:auto}
  .nav-wrap{min-height:64px}
  .brand img{width:36px;height:36px}
  .brand-copy small{display:none}
  .main-nav{inset-block-start:64px}
  .hero{padding:clamp(40px,8vw,60px) 0 clamp(36px,6vw,56px)}
  .hero h1{font-size:clamp(1.75rem,8vw,2.5rem)}
  .trust-grid,.path-grid,.method-grid{grid-template-columns:1fr}
  .trust-item+.trust-item{border-inline-start:0;border-top:var(--rule)}
  .section{padding:clamp(40px,6vw,64px) 0}
  .heading-row{flex-direction:column;align-items:flex-start}
  .path-card{padding:20px}
  .final-cta-card,.footer-grid,.quiz-card{flex-direction:column;align-items:flex-start}
  .final-cta-card{padding:24px}
  .step-indicator{grid-template-columns:28px 36px 28px 36px 28px auto}
  .choice-card{grid-template-columns:36px 1fr;min-height:88px}
  .choice-number{width:36px;height:36px}
  .choice-arrow{display:none}
  .result-panel{padding:20px}
  .lesson-sidebar{grid-template-columns:1fr}
  .lesson-block{grid-template-columns:1fr;gap:12px}
  .block-number{width:36px;height:36px}
  .source-placeholder{grid-template-columns:1fr}
  .source-placeholder>span{text-align:right}
  .lesson-review{grid-template-columns:1fr}
  .lesson-review div+div{border-inline-start:0;border-top:var(--rule)}
  .quiz-card{margin:16px}
}

@media(max-width:380px){
  .container,.narrow{width:calc(100% - 24px)}
  body{font-size:1rem;line-height:1.95}
}

/* ==============================================
   ACCESSIBILITY
   ============================================== */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
:focus-visible{outline:2px solid var(--jade);outline-offset:2px}
.button:focus-visible,.choice-card:focus-visible{outline:2px solid var(--jade);outline-offset:2px}


/* ==============================================
   V6 — HIGH-CLARITY ARABIC READING & REAL LESSON CONTENT
   ============================================== */
.lesson-reading{
  font-family:var(--font-reading-active);
  font-size:1.16rem;
  font-weight:500;
  line-height:2.18;
  letter-spacing:0;
  text-wrap:pretty;
}
.lesson-hero .lead.lesson-reading{font-size:1.12rem;line-height:2.12;max-width:68ch}
.answer-copy{max-width:66ch;color:var(--ink-soft)}
.source-checked-status{background:var(--jade-soft)!important;color:var(--jade)!important}
.verse-card{
  max-width:680px;margin:0;padding:clamp(22px,4vw,34px);
  border:1px solid var(--stone);border-inline-start:4px solid var(--brass);
  border-radius:var(--r-sm);background:var(--paper-warm);
}
.source-verse{margin:0;color:var(--ink);font-size:1.34rem;line-height:2.35;text-align:right}
.verse-card figcaption{margin-top:14px;color:var(--muted);font-family:var(--font-body);font-size:.82rem;font-weight:600}
.secondary-verse{margin-top:18px}
.evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:680px;margin-top:16px}
.evidence-item{padding:16px;border:var(--rule);border-radius:var(--r-sm);background:var(--paper)}
.evidence-item strong{display:block;margin-bottom:4px;font-size:.88rem;color:var(--jade)}
.evidence-item p{font-size:1.04rem;line-height:2}
.concept-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
.concept-columns>div{padding:15px;border:var(--rule);border-radius:var(--r-sm);background:var(--paper-warm)}
.concept-columns span{display:block;margin-bottom:5px;color:var(--brass);font-family:var(--font-display);font-size:.72rem;font-weight:700}
.concept-columns strong{display:block;font-family:var(--font-reading-active);font-size:1rem;line-height:1.9}
.scholar-note{max-width:680px;padding:20px;border:var(--rule);border-top:2px solid var(--brass);border-radius:var(--r-sm);background:var(--paper-warm)}
.scholar-name{display:block;margin-bottom:8px;color:var(--jade);font-family:var(--font-display);font-weight:700;font-size:.88rem}
.scholar-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:14px}
.scholar-links a,.source-list a{color:var(--jade);font-family:var(--font-body);font-size:.8rem;font-weight:700;border-bottom:1px solid currentColor}
.action-list{max-width:680px;margin:0;padding-inline-start:1.5rem}
.action-list li{padding:5px 0 10px}.action-list strong{font-family:var(--font-body);font-size:.92em;color:var(--jade)}
.interactive-quiz{display:grid;grid-template-columns:1fr;align-items:stretch}
.quiz-options{display:grid;gap:8px;width:100%}
.quiz-options label{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid rgba(255,255,255,.15);border-radius:var(--r-sm);cursor:pointer;background:rgba(255,255,255,.035)}
.quiz-options label:has(input:checked){border-color:var(--brass-muted);background:rgba(213,181,116,.12)}
.quiz-options input{accent-color:var(--brass-muted);width:18px;height:18px}
.quiz-options span{font-family:var(--font-reading-active);font-size:1rem}
.quiz-feedback{min-height:1.6em;color:var(--brass-muted)!important;font-weight:700!important;font-size:.9rem!important}
.quiz-feedback.is-correct{color:#A8D9C0!important}.quiz-feedback.is-wrong{color:#F2B4AA!important}
.lesson-sources{padding:clamp(28px,4vw,48px);background:var(--paper-warm);border-bottom:var(--rule)}
.lesson-sources-head{max-width:680px;margin-bottom:18px}.lesson-sources-head h2{margin:4px 0 6px;font-size:1.45rem}
.source-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.source-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 16px;border:var(--rule);border-radius:var(--r-sm);background:var(--paper)}
.source-list strong,.source-list span{display:block}.source-list strong{font-size:.88rem}.source-list span{color:var(--muted);font-size:.78rem}
.source-state{color:var(--jade)!important;font-weight:700}
:root[data-theme="dark"] .verse-card,:root[data-theme="dark"] .scholar-note,:root[data-theme="dark"] .concept-columns>div,:root[data-theme="dark"] .lesson-sources{background:#151E1A}
:root[data-theme="dark"] .source-verse{color:#F3EFE5}
@media(max-width:720px){
  .reading-font-tool{min-width:74px}.reading-font-label{font-size:.68rem}
  .lesson-reading{font-size:1.1rem;line-height:2.12}
  .source-verse{font-size:1.22rem;line-height:2.28}
  .evidence-grid,.concept-columns{grid-template-columns:1fr}
  .source-list li{grid-template-columns:1fr;gap:8px}
}
@media(max-width:420px){
  .reading-tools{width:calc(100% - 20px);justify-content:center}
  .reading-tool{min-width:34px;padding-inline:7px}
  .reading-font-tool{min-width:70px}.theme-tool{min-width:62px}
}


/* V6.1 — final reading clarity refinements */
body{font-optical-sizing:auto;font-synthesis:none}
.lesson-content{font-kerning:normal}
.lesson-reading{
  max-width:62ch;
  font-size:1.22rem;
  font-weight:500;
  line-height:2.28;
  word-spacing:.025em;
  text-align:start;
  text-rendering:optimizeLegibility;
}
.lesson-hero .lead.lesson-reading{font-size:1.18rem;line-height:2.22;max-width:62ch}
.source-verse{max-width:54ch;font-size:1.42rem;line-height:2.48;font-weight:500}
.lesson-block h2,.lesson-sources-head h2{line-height:1.55}
.lesson-reading strong{font-family:var(--font-body);font-weight:700}
.reading-tool-reset{font-variant-numeric:tabular-nums}
@media(max-width:720px){
  .lesson-reading{font-size:1.16rem;line-height:2.22;max-width:100%}
  .lesson-hero .lead.lesson-reading{font-size:1.13rem;line-height:2.18}
  .source-verse{font-size:1.3rem;line-height:2.38}
}
@media(max-width:380px){
  .lesson-reading{font-size:1.1rem;line-height:2.15}
  .source-verse{font-size:1.23rem;line-height:2.3}
}

.hadith-card{max-width:680px;margin-top:18px;padding:20px 22px;border:var(--rule);border-block-start:2px solid var(--jade);border-radius:var(--r-sm);background:var(--paper)}
.hadith-label{margin-bottom:5px;color:var(--brass);font-family:var(--font-display);font-size:.72rem;font-weight:700}
.hadith-text{margin:0;color:var(--ink);font-size:1.24rem;line-height:2.25}
.hadith-card figcaption{margin-top:10px;color:var(--muted);font-size:.78rem;font-weight:600}
.hadith-card a{display:inline-block;margin-top:10px;color:var(--jade);font-size:.8rem;font-weight:700;border-bottom:1px solid currentColor}
:root[data-theme="dark"] .hadith-card{background:#151E1A}

/* ==============================================
   V7 — GLOBAL PRAYER SERVICE & LESSON TWO
   ============================================== */
.prayer-service-preview{padding-top:0}
.prayer-service-card{
  display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
  gap:clamp(28px,5vw,64px);align-items:center;
  padding:clamp(28px,5vw,56px);border:var(--rule);border-top:2px solid var(--brass);
  border-radius:var(--r-md);background:var(--paper-warm);position:relative;overflow:hidden;
}
.prayer-service-card::after{content:"";position:absolute;inset-inline-end:-80px;inset-block-end:-110px;width:240px;height:240px;border:1px solid var(--stone-light);border-radius:50%;opacity:.65}
.prayer-service-copy{position:relative;z-index:1}.prayer-service-copy h2{font-size:clamp(1.45rem,3vw,2.25rem);margin-bottom:12px}.prayer-service-copy>p:not(.eyebrow){max-width:64ch;color:var(--muted)}
.prayer-service-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:24px}.prayer-service-actions>span{color:var(--muted-light);font-size:.78rem;max-width:330px}
.prayer-service-times{display:grid;grid-template-columns:repeat(5,1fr);position:relative;z-index:1;border:var(--rule);background:var(--paper)}
.prayer-service-times div{min-width:0;padding:18px 8px;text-align:center}.prayer-service-times div+div{border-inline-start:var(--rule)}
.prayer-service-times span,.prayer-service-times strong{display:block}.prayer-service-times span{color:var(--muted);font-size:.72rem}.prayer-service-times strong{margin-top:5px;color:var(--jade);font-family:var(--font-display);font-size:1rem}

.prayer-hero{padding:clamp(48px,8vw,88px) 0 clamp(28px,5vw,52px);border-bottom:var(--rule);background:var(--paper-warm)}
.prayer-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end}.prayer-hero h1{font-size:clamp(1.75rem,4vw,2.8rem);margin-bottom:12px}.prayer-hero .lead{max-width:760px}
.language-control{display:grid;gap:7px;min-width:190px;color:var(--muted);font-size:.75rem;font-weight:700}.language-control select{min-height:46px;padding:8px 12px;border:var(--rule);border-radius:var(--r-sm);background:var(--paper);color:var(--ink)}
.prayer-workspace{padding-top:clamp(32px,5vw,64px)}
.prayer-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:22px;align-items:start}
.prayer-controls,.prayer-results{border:var(--rule);border-radius:var(--r-md);background:var(--paper)}
.prayer-controls{padding:clamp(20px,3vw,30px);position:sticky;top:94px}.prayer-control-head{margin-bottom:20px}.prayer-control-head h2{margin-top:3px;font-size:1.25rem}.locate-button{margin-bottom:10px}
.privacy-note{margin:0 0 22px;color:var(--muted);font-size:.76rem;line-height:1.75}
.field-label,.field-grid label,.manual-grid label{display:grid;gap:7px;color:var(--muted);font-size:.74rem;font-weight:700}.field-control{width:100%;min-height:46px;padding:9px 11px;border:var(--rule);border-radius:var(--r-sm);background:var(--paper-warm);color:var(--ink)}
.field-control:focus{border-color:var(--jade);outline:2px solid var(--jade-soft)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.manual-location{margin-top:18px;border-top:var(--rule);padding-top:15px}.manual-location summary{cursor:pointer;color:var(--jade);font-weight:700;font-size:.82rem}.manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.manual-timezone{grid-column:1/-1}.manual-grid .button{grid-column:1/-1}
.calculation-note{margin-top:20px;padding:14px;border-inline-start:3px solid var(--brass);background:var(--brass-faint)}.calculation-note strong{display:block;margin-bottom:3px;color:var(--brass);font-size:.78rem}.calculation-note p{color:var(--muted);font-size:.76rem;line-height:1.75}
.prayer-results{padding:clamp(20px,3vw,34px)}.prayer-status{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:24px;border-bottom:var(--rule)}.prayer-status h2{margin:4px 0 2px;font-size:1.45rem}.prayer-status p{color:var(--muted);font-size:.8rem}
.next-prayer-card{min-width:180px;padding:14px 18px;border-radius:var(--r-sm);background:var(--jade-deep);color:var(--paper)}.next-prayer-card span,.next-prayer-card strong,.next-prayer-card b{display:block}.next-prayer-card span{color:rgba(255,255,255,.55);font-size:.68rem}.next-prayer-card strong{margin-top:3px;font-size:1.1rem}.next-prayer-card b{margin-top:5px;color:var(--brass-muted);font-size:.78rem}
.prayer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.prayer-card{padding:20px 14px;border:var(--rule);border-radius:var(--r-sm);background:var(--paper-warm);text-align:center;transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease),background var(--dur) var(--ease)}.prayer-card span,.prayer-card strong{display:block}.prayer-card span{color:var(--muted);font-size:.78rem}.prayer-card strong{margin-top:5px;color:var(--ink);font-family:var(--font-display);font-size:1.5rem;font-variant-numeric:tabular-nums}.prayer-card.is-next{border-color:var(--brass);background:var(--brass-soft);transform:translateY(-2px)}.prayer-card.is-next span{color:var(--brass)}.sunrise-card{opacity:.76}
.prayer-method-summary{display:grid;grid-template-columns:repeat(3,1fr);border-top:var(--rule);border-bottom:var(--rule)}.prayer-method-summary div{padding:14px 12px}.prayer-method-summary div+div{border-inline-start:var(--rule)}.prayer-method-summary span,.prayer-method-summary strong{display:block}.prayer-method-summary span{color:var(--muted);font-size:.68rem}.prayer-method-summary strong{margin-top:3px;font-size:.78rem;overflow-wrap:anywhere}.prayer-error{min-height:1.5em;margin-top:12px;color:var(--clay);font-weight:700;font-size:.8rem}
.global-note{padding-top:0}.global-note-card{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px;align-items:center;padding:clamp(24px,4vw,42px);border:var(--rule);border-radius:var(--r-md);background:var(--jade-deep);color:var(--paper)}.global-note-card h2{font-size:clamp(1.2rem,2.7vw,1.9rem)}.global-note-card>p{color:rgba(255,255,255,.63);font-size:.9rem}

.worship-map{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.worship-map article{padding:18px;border:var(--rule);border-radius:var(--r-sm);background:var(--paper-warm)}.worship-map article>span{display:grid;place-items:center;width:36px;height:36px;margin-bottom:12px;border:1px solid var(--brass);border-radius:50%;color:var(--brass);font-family:var(--font-display);font-size:.75rem;font-weight:800}.worship-map h3{font-size:1rem;margin-bottom:4px}.worship-map p{font-size:1.02rem!important;line-height:2!important}
.memory-line{display:flex;gap:10px;margin-top:14px;padding:13px 15px;border-inline-start:3px solid var(--jade);background:var(--jade-soft)}.memory-line strong{color:var(--jade);white-space:nowrap}.memory-line span{color:var(--muted);font-size:.88rem}
.conditions-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.conditions-grid article{padding:20px;border:var(--rule);border-top:2px solid var(--brass);border-radius:var(--r-sm);background:var(--paper-warm)}.conditions-grid article>span{color:var(--brass);font-family:var(--font-display);font-size:.7rem;font-weight:800}.conditions-grid h3{margin:5px 0;font-size:1.05rem}.conditions-grid small{display:block;margin-top:8px;color:var(--muted);font-size:.73rem}
.practice-challenge{padding:20px;border:1px dashed var(--brass);border-radius:var(--r-sm);background:var(--brass-faint)}.practice-challenge ol{padding-inline-start:1.4rem}.practice-result{margin-top:12px;padding-top:12px;border-top:var(--rule);color:var(--jade);font-weight:700}
.hadith-source-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:10px}.hadith-source-links a{margin-top:0}.hadith-source-links .secondary-source-link{color:var(--muted)}
.lesson-review a{color:var(--jade);border-bottom:1px solid currentColor}

:root[data-theme="dark"] .prayer-service-card,:root[data-theme="dark"] .prayer-service-times,:root[data-theme="dark"] .prayer-controls,:root[data-theme="dark"] .prayer-results,:root[data-theme="dark"] .language-control select,:root[data-theme="dark"] .field-control,:root[data-theme="dark"] .prayer-card,:root[data-theme="dark"] .worship-map article,:root[data-theme="dark"] .conditions-grid article{background:#151E1A}
:root[data-theme="dark"] .prayer-hero{background:#121A16}:root[data-theme="dark"] .prayer-card.is-next{background:rgba(213,181,116,.1)}

html[dir="ltr"] .choice-card{text-align:left}
html[dir="ltr"] .eyebrow::before{order:0}

@media(max-width:980px){
  .prayer-service-card,.prayer-layout,.global-note-card{grid-template-columns:1fr}.prayer-controls{position:static}.prayer-hero-grid{grid-template-columns:1fr}.language-control{max-width:280px}.prayer-service-times{max-width:620px}
}
@media(max-width:720px){
  .prayer-service-card{padding:22px}.prayer-service-times{grid-template-columns:repeat(5,minmax(54px,1fr));overflow-x:auto}.prayer-service-times div{padding:14px 6px}
  .prayer-status{display:grid}.next-prayer-card{min-width:0;width:100%}.prayer-grid{grid-template-columns:repeat(2,1fr)}.prayer-method-summary{grid-template-columns:1fr}.prayer-method-summary div+div{border-inline-start:0;border-top:var(--rule)}
  .field-grid,.manual-grid,.worship-map,.conditions-grid{grid-template-columns:1fr}.manual-timezone,.manual-grid .button{grid-column:auto}.global-note-card{gap:16px}
  .memory-line{display:grid}.hadith-source-links{display:grid}
}

/* V7 — visible source governance */
.source-policy-hero{padding:clamp(56px,9vw,100px) 0 clamp(38px,6vw,70px);border-bottom:var(--rule);background:var(--paper-warm)}
.source-policy-hero h1{font-size:clamp(1.8rem,4.5vw,3rem);margin-bottom:16px}.source-policy-hero .lead{max-width:72ch}
.source-tier-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.source-tier{padding:clamp(22px,3vw,34px);border:var(--rule);border-top:2px solid var(--stone);border-radius:var(--r-sm);background:var(--paper)}.source-tier.primary-tier{border-top-color:var(--brass);background:var(--paper-warm)}.source-tier>span{color:var(--brass);font-family:var(--font-display);font-size:.72rem;font-weight:800}.source-tier h2{margin:6px 0 8px;font-size:1.2rem}.source-tier p{font-size:1.05rem!important;line-height:2.05!important}
.source-example-section{background:var(--jade-deep);color:var(--paper)}.source-example-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,6vw,72px);align-items:center}.source-example-grid h2{font-size:clamp(1.5rem,3vw,2.2rem);margin-bottom:12px}.source-example-grid>div>p:not(.eyebrow){color:rgba(255,255,255,.68)}.source-flow{list-style:none;margin:0;padding:0;border-inline-start:1px solid rgba(255,255,255,.16)}.source-flow li{position:relative;padding:14px 22px}.source-flow li::before{content:"";position:absolute;inset-inline-start:-5px;top:22px;width:9px;height:9px;border-radius:50%;background:var(--brass-muted)}.source-flow strong,.source-flow span{display:block}.source-flow strong{font-size:.9rem}.source-flow span{margin-top:3px;color:rgba(255,255,255,.55);font-size:.8rem}
.approved-source-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.approved-source-grid a{padding:18px;border:var(--rule);border-radius:var(--r-sm);background:var(--paper);transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.approved-source-grid a:hover{border-color:var(--brass);transform:translateY(-2px)}.approved-source-grid strong,.approved-source-grid span{display:block}.approved-source-grid strong{font-size:.92rem;color:var(--jade)}.approved-source-grid span{margin-top:3px;color:var(--muted);font-size:.78rem}
.review-boundary{text-align:center;background:var(--paper-warm)}.review-boundary h2{margin-bottom:18px}.boundary-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px;text-align:start}.boundary-list p{padding:12px 14px;border:var(--rule);border-radius:var(--r-sm);background:var(--paper);font-size:.85rem}.boundary-list p::before{content:"×";margin-inline-end:8px;color:var(--clay);font-weight:800}
:root[data-theme="dark"] .source-policy-hero,:root[data-theme="dark"] .review-boundary{background:#121A16}:root[data-theme="dark"] .source-tier,:root[data-theme="dark"] .approved-source-grid a,:root[data-theme="dark"] .boundary-list p{background:#151E1A}
@media(max-width:720px){.source-tier-grid,.source-example-grid,.approved-source-grid,.boundary-list{grid-template-columns:1fr}.source-flow{margin-top:8px}}

/* V7.1 — bring the lesson itself into view sooner on small screens */
@media(max-width:720px){
  .lesson-sidebar{display:block}
  .lesson-sidebar .back-link{display:inline-block;margin-bottom:10px}
  .course-box{padding:16px;margin-bottom:10px}
  .lesson-nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:thin;white-space:nowrap;padding:6px}
  .lesson-nav a{min-width:max-content;padding:9px 11px;border-inline-start:0;border-bottom:2px solid transparent}
  .lesson-nav a.is-current{border-bottom-color:var(--brass);background:var(--jade-soft)}
  .lesson-content{margin-top:14px}
}

/* V7.2 — prevent horizontal overflow in RTL lesson layouts */
.lesson-sidebar,.lesson-content,.lesson-shell>*{min-width:0;max-width:100%}
@media(max-width:720px){
  .lesson-nav{width:100%;max-width:100%;min-width:0}
  .course-box{width:100%;max-width:100%}
}

/* V7.3 — Tawheed lesson visual learning blocks */
.definition-callout{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-top:16px;padding:15px;border-inline-start:3px solid var(--brass);background:var(--brass-faint)}.definition-callout strong{color:var(--brass);font-size:.82rem;white-space:nowrap}.definition-callout span{font-family:var(--font-reading-active);font-size:1.02rem;line-height:1.9}
.tawheed-map{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.tawheed-map article{position:relative;padding:19px;border:var(--rule);border-top:2px solid var(--stone);border-radius:var(--r-sm);background:var(--paper-warm)}.tawheed-map article.featured-tawheed{border-top-color:var(--brass);background:var(--jade-soft)}.tawheed-map article>span{color:var(--brass);font-family:var(--font-display);font-size:.7rem;font-weight:800}.tawheed-map h3{margin:6px 0;font-size:1rem}.tawheed-map p{font-size:1rem!important;line-height:2!important}.tawheed-map small{display:block;margin-top:9px;padding-top:8px;border-top:var(--rule);color:var(--muted);font-size:.7rem}
.shahadah-balance{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;margin:18px 0}.shahadah-balance>div{padding:18px;border:var(--rule);border-radius:var(--r-sm);background:var(--paper-warm);text-align:center}.shahadah-balance span,.shahadah-balance strong{display:block}.shahadah-balance span{color:var(--brass);font-family:var(--font-evidence);font-size:1.45rem}.shahadah-balance strong{margin-top:5px;font-size:.82rem}.shahadah-balance i{color:var(--brass);font-size:1.4rem;font-style:normal}
:root[data-theme="dark"] .tawheed-map article,:root[data-theme="dark"] .shahadah-balance>div{background:#151E1A}:root[data-theme="dark"] .tawheed-map article.featured-tawheed{background:rgba(139,193,171,.08)}
@media(max-width:720px){.definition-callout,.tawheed-map,.shahadah-balance{grid-template-columns:1fr}.definition-callout strong{white-space:normal}.shahadah-balance i{text-align:center}}
.route-stop[href]{display:block}.route-stop[href]:hover strong{color:var(--jade)}.route-stop[href]:focus-visible{outline:2px solid var(--jade);outline-offset:5px}


/* ==============================================
   V8 — MEANINGFUL BRAND MARK & SOCIAL SHARING
   ============================================== */
.brand img,.footer-brand img{filter:none!important}
.brand img{width:44px;height:44px;flex:0 0 auto}
.footer-brand img{width:40px;height:40px}
.share-tool{min-width:72px;color:var(--jade)}
.share-tool>span:first-child{font-size:1rem}
.share-tool-label{font-size:.7rem;white-space:nowrap}
body.share-open{overflow:hidden}
.share-sheet{position:fixed;inset:0;z-index:300;display:grid;place-items:end center;padding:20px}
.share-sheet[hidden]{display:none}
.share-sheet-backdrop{position:absolute;inset:0;border:0;background:rgba(4,9,7,.66);backdrop-filter:blur(5px);cursor:default}
.share-sheet-panel{position:relative;width:min(680px,100%);max-height:min(760px,calc(100dvh - 40px));overflow:auto;padding:clamp(20px,4vw,34px);border:1px solid var(--stone);border-top:3px solid var(--brass);border-radius:18px 18px 8px 8px;background:var(--paper);box-shadow:0 24px 80px rgba(0,0,0,.34)}
.share-sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.share-sheet-header h2{margin-top:4px;font-size:clamp(1.1rem,3vw,1.55rem)}
.share-sheet-close{width:40px;height:40px;display:grid;place-items:center;border:var(--rule);border-radius:50%;background:var(--paper-warm);color:var(--ink);font-size:1.5rem;line-height:1;cursor:pointer}
.share-preview{margin:0 0 18px;padding:16px 18px;border-inline-start:3px solid var(--brass);background:var(--paper-warm);font-family:var(--font-reading-active);font-size:1.05rem;line-height:2;color:var(--ink)}
.share-network-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.share-network-grid a,.share-network-grid button{min-height:76px;display:grid;place-items:center;align-content:center;gap:4px;padding:10px 6px;border:var(--rule);border-radius:var(--r-sm);background:var(--paper);color:var(--ink);cursor:pointer;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),transform var(--dur) var(--ease)}
.share-network-grid a:hover,.share-network-grid button:hover,.share-network-grid a:focus-visible,.share-network-grid button:focus-visible{border-color:var(--brass);background:var(--brass-faint);transform:translateY(-1px)}
.share-network-grid span{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--stone);border-radius:50%;color:var(--jade);font-family:var(--font-body);font-weight:800;font-size:.8rem}
.share-network-grid b{font-family:var(--font-body);font-size:.7rem;line-height:1.3}
.share-context-note{margin-top:14px;color:var(--muted);font-size:.72rem;line-height:1.8}
.share-feedback{min-height:1.5em;margin-top:6px;color:var(--jade);font-weight:700;font-size:.78rem}
.inline-share-button{display:inline-flex;align-items:center;gap:7px;margin-top:18px;padding:7px 11px;border:1px solid var(--stone-light);border-radius:999px;background:transparent;color:var(--muted);font-family:var(--font-body);font-size:.7rem;font-weight:700;cursor:pointer;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease)}
.inline-share-button:hover,.inline-share-button:focus-visible{color:var(--jade);border-color:var(--jade);background:var(--jade-soft)}
.selection-share-button{position:absolute;z-index:250;padding:9px 14px;border:1px solid var(--brass);border-radius:999px;background:var(--jade-deep);color:var(--inverse-text);box-shadow:var(--sh-3);font-family:var(--font-body);font-size:.74rem;font-weight:800;cursor:pointer}
.selection-share-button[hidden]{display:none}
:root[data-theme="dark"] .share-sheet-panel,:root[data-theme="dark"] .share-network-grid a,:root[data-theme="dark"] .share-network-grid button{background:#151E1A}
:root[data-theme="dark"] .share-preview,:root[data-theme="dark"] .share-sheet-close{background:#101713}

@media(max-width:980px){
  .brand img{width:40px;height:40px}
  .share-tool{min-width:36px}.share-tool-label{display:none}
}
@media(max-width:720px){
  .brand img{width:38px;height:38px}
  .share-sheet{padding:0;align-items:end}
  .share-sheet-panel{width:100%;max-height:88dvh;border-radius:20px 20px 0 0;border-inline:0;border-bottom:0;padding:22px 18px calc(22px + env(safe-area-inset-bottom))}
  .share-network-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .share-network-grid a,.share-network-grid button{min-height:70px}
  .share-tool{min-width:34px}
}
@media(max-width:400px){
  .brand-copy strong{font-size:.78rem}
  .reading-tools{gap:1px}
  .reading-tool{min-width:32px;padding-inline:6px}
  .reading-tool-reset{min-width:46px}
  .reading-font-tool{min-width:66px}
  .theme-tool{min-width:58px}
  .share-network-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ==============================================
   V9 — REFINED BRAND IDENTITY
   ============================================== */
.brand{gap:13px}
.brand img,.footer-brand img{width:auto;height:46px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(16,24,21,.08))}
.brand-copy strong{font-size:1rem;font-weight:800;color:var(--jade);letter-spacing:-.015em}
.brand-copy small{font-size:.72rem;line-height:1.55}
:root[data-theme="dark"] .brand img,:root[data-theme="dark"] .footer-brand img{content:url("assets/brand-mark-dark.svg");filter:drop-shadow(0 3px 6px rgba(0,0,0,.2))}
.site-header{box-shadow:0 1px 0 rgba(168,132,69,.08)}
.brand:focus-visible{outline:2px solid var(--brass);outline-offset:5px;border-radius:6px}
@media (max-width:760px){
  .brand{gap:9px;max-width:calc(100% - 56px)}
  .brand img{height:40px;flex:0 0 auto}
  .brand-copy{min-width:0}
  .brand-copy strong{font-size:.87rem;white-space:nowrap}
  .brand-copy small{font-size:.61rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media (max-width:390px){
  .brand img{height:36px}
  .brand-copy strong{font-size:.8rem}
  .brand-copy small{display:none}
}


/* ==============================================
   V10 — HEADER FIT, HERO CLARITY, SHARE-FIRST REFINEMENT
   ============================================== */
.brand{align-items:center;gap:12px;min-width:0}
.brand-copy{gap:4px;min-width:0}
.brand-copy strong{display:block;line-height:1.08;font-size:1.05rem;font-weight:800;color:var(--jade);letter-spacing:-.02em}
.brand-copy small{display:block;line-height:1.45;color:var(--muted);font-size:.69rem;white-space:normal;max-width:26ch}
.site-header{backdrop-filter:blur(10px)}
.hero{padding:clamp(48px,8vw,92px) 0 clamp(42px,7vw,72px)}
.hero-copy .lead{max-width:64ch;font-size:1.05rem;line-height:2.05}
.hero-notes{gap:10px 16px;margin-bottom:14px}
.hero-notes li{padding:7px 12px;border:1px solid var(--stone-light);border-radius:999px;background:var(--paper-warm);font-size:.76rem}
.hero-notes li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brass)}
.hero-share-note{margin:0;color:var(--muted);font-size:.84rem;line-height:1.95;max-width:62ch}
.journey-panel{background:linear-gradient(180deg,var(--paper-warm),var(--paper));border-color:rgba(181,138,62,.28);box-shadow:0 16px 40px rgba(15,35,30,.06)}
.journey-head h2{font-size:1.35rem}
.journey-level{padding:7px 12px;font-size:.74rem}
.route-stop{padding-block:18px}
.route-stop strong{font-size:.98rem}
.route-stop small{font-size:.82rem;line-height:1.75}
.journey-footer{gap:8px;flex-wrap:wrap}
.journey-footer span{padding:6px 10px;border-radius:999px;background:var(--brass-faint);color:var(--jade);font-size:.72rem;font-weight:700}
.share-tip{margin-top:18px;padding:16px 18px;border:1px dashed rgba(181,138,62,.55);border-radius:14px;background:var(--paper-warm)}
.share-tip strong{display:block;margin-bottom:5px;color:var(--jade)}
.share-tip p{margin:0;color:var(--muted);line-height:1.9;font-size:.92rem}
.inline-share-button{margin-top:14px;padding:8px 12px;font-size:.76rem}
.selection-share-button{font-size:.78rem}

@media (max-width:980px){
  .brand-copy strong{font-size:.98rem}
  .brand-copy small{font-size:.65rem;max-width:22ch}
  .hero-grid{grid-template-columns:1fr;gap:28px}
  .journey-panel{max-width:100%}
}

@media (max-width:860px){
  .nav-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:74px}
  .brand{max-width:100%}
  .brand img{width:38px;height:38px}
  .brand-copy strong{font-size:.96rem}
  .brand-copy small{font-size:.61rem;max-width:100%;line-height:1.35}
  .menu-toggle{display:grid;place-items:center}
  .main-nav{position:fixed;top:74px;right:12px;left:12px;z-index:90;display:none;gap:6px;padding:12px;border:1px solid var(--stone);border-radius:18px;background:var(--paper);box-shadow:0 20px 60px rgba(0,0,0,.18)}
  .main-nav.is-open{display:grid}
  .main-nav a{padding:12px 14px;border-radius:12px;font-size:.95rem}
  .main-nav .nav-cta{margin:4px 0 0;padding:12px 16px}
  .reading-tools{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);z-index:80;margin:0;max-width:calc(100vw - 20px);padding:5px 6px;background:color-mix(in srgb, var(--tool-bg) 92%, transparent)}
  .reading-tool{min-width:34px;height:34px;padding:0 8px}
  .reading-font-tool,.theme-tool,.share-tool{min-width:auto}
  .reading-tool-reset{min-width:48px}
  .share-tool-label,.reading-font-label,.theme-tool-label{display:none}
  body{padding-bottom:68px}
}

@media (max-width:560px){
  .site-header{padding-block:2px}
  .brand{gap:10px}
  .brand img{width:36px;height:36px}
  .brand-copy strong{font-size:.92rem}
  .brand-copy small{display:block;font-size:.58rem;max-width:24ch}
  .hero h1{font-size:clamp(1.85rem,8.5vw,2.45rem);line-height:1.42}
  .hero-copy .lead{font-size:.98rem;line-height:1.95}
  .hero-notes{display:grid;grid-template-columns:1fr;gap:8px}
  .hero-notes li{justify-content:flex-start}
  .hero-share-note{font-size:.8rem}
  .journey-head{align-items:flex-start;gap:10px;flex-wrap:wrap}
}

@media (max-width:420px){
  .brand-copy small{display:none}
  .brand-copy strong{font-size:.9rem}
  .main-nav{top:70px;left:8px;right:8px}
  .reading-tools{bottom:10px;max-width:calc(100vw - 12px)}
}


/* ==============================================
   V11 — TWO-LEVEL HEADER + CONTENT CONTINUATION
   ============================================== */
.site-header{position:sticky;top:0;z-index:100;background:var(--header-bg);border-bottom:0;box-shadow:none}
.header-primary{border-bottom:1px solid rgba(168,132,69,.22)}
.header-primary-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.header-actions{display:flex;align-items:center;gap:10px}
.header-navigation{background:color-mix(in srgb,var(--paper-warm) 92%,transparent);border-bottom:var(--rule)}
.header-navigation-inner{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:13px;min-width:0}
.brand img{width:44px!important;height:48px!important;object-fit:contain;flex:0 0 auto}
.brand-copy{display:grid;gap:4px;min-width:0}
.brand-copy strong{font-size:1.12rem!important;line-height:1.1!important;letter-spacing:-.025em!important;color:var(--jade)}
.brand-copy small{font-size:.72rem!important;line-height:1.45!important;color:var(--muted);white-space:nowrap;max-width:none!important}
.main-nav{display:flex;align-items:center;gap:5px;flex-wrap:nowrap}
.main-nav a{padding:8px 13px;border-radius:9px;font-size:.84rem;line-height:1.4;white-space:nowrap;color:var(--muted);font-weight:700}
.main-nav a.is-active{background:var(--jade-soft);color:var(--jade)}
.header-lesson-cta{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 17px;border-radius:9px;background:var(--jade);color:var(--inverse-text);font-family:var(--font-display);font-size:.76rem;font-weight:800;white-space:nowrap}
.header-lesson-cta:hover,.header-lesson-cta:focus-visible{background:var(--jade-deep);color:var(--inverse-text)}
.menu-toggle{display:none}
.reading-tools{margin:0}

.featured-lessons{background:linear-gradient(180deg,var(--paper),var(--paper-warm))}
.lesson-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lesson-card{display:flex;flex-direction:column;min-height:250px;padding:24px;border:var(--rule);border-radius:16px;background:var(--paper);box-shadow:var(--sh-1);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.lesson-card:hover{transform:translateY(-3px);border-color:rgba(168,132,69,.55);box-shadow:var(--sh-3)}
.lesson-card-featured{border-top:3px solid var(--brass);background:linear-gradient(145deg,var(--jade),var(--jade-deep));color:var(--inverse-text)}
.lesson-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;color:var(--muted);font-size:.72rem;font-weight:700}
.lesson-card-featured .lesson-card-meta{color:rgba(255,255,255,.68)}
.lesson-card h3{font-size:1.22rem;margin-bottom:10px}
.lesson-card p{color:var(--muted);font-size:.88rem;line-height:1.9}
.lesson-card-featured p{color:rgba(255,255,255,.72)}
.lesson-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:22px;border-top:1px solid var(--stone-light);font-size:.73rem}
.lesson-card-featured .lesson-card-footer{border-color:rgba(255,255,255,.14)}
.lesson-card-footer span{color:var(--muted)}
.lesson-card-featured .lesson-card-footer span{color:rgba(255,255,255,.6)}
.lesson-card-footer a{color:var(--jade);font-weight:800}
.lesson-card-featured .lesson-card-footer a{color:var(--brass-muted)}

@media(max-width:1080px){
  .header-primary-inner{min-height:70px}
  .header-navigation-inner{min-height:50px}
  .brand-copy strong{font-size:1.02rem!important}
  .brand-copy small{font-size:.66rem!important}
  .main-nav a{padding-inline:10px;font-size:.79rem}
  .header-lesson-cta{padding-inline:14px}
}

@media(max-width:900px){
  .site-header{border-bottom:var(--rule)}
  .header-primary{border-bottom:0}
  .header-primary-inner{min-height:68px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}
  .header-actions{gap:8px}
  .brand img{width:38px!important;height:42px!important}
  .brand-copy strong{font-size:.96rem!important}
  .brand-copy small{font-size:.61rem!important;overflow:hidden;text-overflow:ellipsis;max-width:32ch!important}
  .menu-toggle{display:block;width:42px;height:42px}
  .header-navigation{border:0;background:transparent}
  .header-navigation-inner{min-height:0;display:block}
  .main-nav{position:fixed;inset-block-start:72px;inset-inline:12px;z-index:120;display:none;padding:12px;border:1px solid var(--stone);border-radius:16px;background:var(--paper);box-shadow:0 20px 70px rgba(0,0,0,.24)}
  .main-nav.is-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .main-nav a{padding:12px 14px;font-size:.9rem;text-align:center;background:var(--paper-warm)}
  .header-lesson-cta{display:none}
  .reading-tools{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);z-index:130;max-width:calc(100vw - 20px);padding:5px 7px;background:var(--tool-bg);box-shadow:0 12px 40px rgba(0,0,0,.24)}
  .reading-font-label,.theme-tool-label,.share-tool-label{display:none}
  .reading-font-tool,.theme-tool,.share-tool{min-width:34px}
  body{padding-bottom:70px}
  .lesson-card-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:620px){
  .brand-copy small{display:none}
  .brand-copy strong{font-size:.92rem!important}
  .main-nav.is-open{grid-template-columns:1fr}
  .lesson-card-grid{grid-template-columns:1fr}
  .lesson-card{min-height:auto}
  .reading-tool{min-width:32px;padding-inline:6px}
  .reading-tool-reset{min-width:46px}
}


/* ==============================================
   V12 — NEW MUSLIM PATH + GLOBAL LANGUAGE SYSTEM
   ============================================== */
.language-entry{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border:1px solid var(--stone-light);border-radius:9px;color:var(--jade);font-size:.72rem;font-weight:800;white-space:nowrap;background:var(--paper-warm)}
.language-entry:hover{border-color:var(--brass);background:var(--brass-faint)}
.new-muslim-hero,.language-hero{padding:clamp(54px,8vw,96px) 0;background:radial-gradient(circle at 80% 20%,var(--brass-faint),transparent 38%),var(--paper)}
.new-muslim-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:clamp(28px,6vw,72px);align-items:center}
.new-muslim-hero h1,.language-hero h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.35;margin-bottom:18px}
.welcome-card{padding:clamp(24px,4vw,38px);border:1px solid rgba(168,132,69,.35);border-top:4px solid var(--brass);border-radius:18px;background:linear-gradient(145deg,var(--jade),var(--jade-deep));color:var(--inverse-text);box-shadow:var(--sh-3)}
.welcome-card strong{display:block;margin:10px 0 12px;font-size:1.35rem;line-height:1.65}.welcome-card p{color:rgba(255,255,255,.74)}.welcome-card small{display:block;margin-top:18px;color:rgba(255,255,255,.55);font-size:.76rem}
.starter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.starter-grid article{padding:26px;border:var(--rule);border-radius:16px;background:var(--paper);box-shadow:var(--sh-1)}.starter-grid article>span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--jade-soft);color:var(--jade);font-weight:800}.starter-grid h3{margin:16px 0 8px}.starter-grid p{color:var(--muted);font-size:.9rem}.starter-grid a{display:inline-block;margin-top:16px;color:var(--jade);font-weight:800;font-size:.8rem}
.first-week{background:var(--paper-warm)}.plan-duration{padding:8px 12px;border-radius:999px;background:var(--jade-soft);color:var(--jade);font-size:.76rem;font-weight:800}.week-roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.week-roadmap article{padding:22px;border:1px solid var(--stone-light);border-radius:14px;background:var(--paper)}.week-roadmap b{color:var(--brass);font-size:.75rem}.week-roadmap h3{margin:8px 0}.week-roadmap p{color:var(--muted);font-size:.84rem}
.calm-guidance{background:var(--jade-deep);color:var(--inverse-text)}.calm-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,72px)}.do-not-rush{display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none}.do-not-rush li{padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.035)}.reassurance-box{align-self:center;padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.05)}.reassurance-box strong{font-size:1.35rem;color:var(--brass-muted)}.reassurance-box p{color:rgba(255,255,255,.72)}
.trust-question-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.trust-question-grid article{padding:22px;border-inline-start:3px solid var(--brass);background:var(--paper-warm)}.trust-question-grid p{color:var(--muted);font-size:.86rem}
.source-note-section{padding-top:0}.source-note-card{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;padding:30px;border:1px solid var(--stone);border-radius:18px;background:var(--paper)}.source-note-links{display:grid;align-content:center;gap:10px}.source-note-links a{padding:10px 12px;border-radius:9px;background:var(--jade-soft);color:var(--jade);font-weight:800;font-size:.8rem}
.new-muslim-home-card{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;padding:clamp(28px,5vw,54px);border-radius:22px;background:linear-gradient(145deg,var(--jade),var(--jade-deep));color:var(--inverse-text)}.new-muslim-home-card p{color:rgba(255,255,255,.72)}.new-muslim-home-steps{display:grid;align-content:center;gap:12px}.new-muslim-home-steps span{padding:15px 18px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.05);color:var(--brass-muted)}.new-muslim-home-steps b{margin-inline-start:10px;color:var(--inverse-text)}
.translation-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.translation-principles article{padding:26px;border-top:3px solid var(--brass);background:var(--paper-warm)}.translation-principles span{color:var(--brass);font-weight:800}.translation-principles h2{font-size:1.15rem;margin:10px 0}.translation-principles p{color:var(--muted);font-size:.86rem}
.language-catalog{background:var(--paper-warm)}.language-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.language-card{min-height:150px;padding:24px;border:var(--rule);border-radius:14px;background:var(--paper);display:flex;flex-direction:column}.language-card strong{font-size:1.15rem}.language-card span{margin-top:8px;color:var(--muted);font-size:.82rem}.language-card b{margin-top:auto;color:var(--jade)}.language-card.ready{border-color:var(--jade);background:var(--jade);color:var(--inverse-text)}.language-card.ready span,.language-card.ready b{color:rgba(255,255,255,.72)}
.global-header{border-bottom:1px solid #ddd;background:#fff}.global-header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between}.global-header nav{display:flex;gap:10px}.global-header nav a{padding:8px 12px;border:1px solid #ddd;border-radius:9px}.english-page{font-family:Inter,Arial,sans-serif;direction:ltr}.english-page h1,.english-page h2,.english-page h3,.english-page strong{font-family:Inter,Arial,sans-serif}.english-page .eyebrow::before{order:0}.english-page .new-muslim-hero-grid,.english-page .starter-grid,.english-page .week-roadmap,.english-page .calm-grid,.english-page .source-note-card{direction:ltr}.english-page .source-note-links a{text-align:left}
@media(max-width:1000px){.language-entry{display:none}.new-muslim-hero-grid,.calm-grid,.source-note-card,.new-muslim-home-card{grid-template-columns:1fr}.starter-grid,.week-roadmap,.translation-principles,.language-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.starter-grid,.week-roadmap,.trust-question-grid,.translation-principles,.language-grid{grid-template-columns:1fr}.global-header-inner{min-height:70px}.global-header .brand-copy small{display:none}.global-header nav a:first-child{display:none}.new-muslim-hero h1,.language-hero h1{font-size:2rem}.new-muslim-home-card{padding:24px}}


/* V13 — content hubs, pillar pages, and SEO articles */
.topic-hero,.pillar-hero{padding:clamp(52px,8vw,92px) 0;background:linear-gradient(180deg,var(--paper-warm),var(--paper))}.topic-hero h1,.pillar-hero h1{font-size:clamp(1.9rem,4.6vw,3.15rem);margin-bottom:18px}.topic-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.topic-hub-card{display:flex;flex-direction:column;min-height:250px;padding:28px;border:var(--rule);border-radius:18px;background:var(--paper);transition:.2s}.topic-hub-card:hover{transform:translateY(-3px);border-color:var(--brass);box-shadow:var(--sh-2)}.topic-hub-card>span{color:var(--brass);font-weight:800}.topic-hub-card h2{margin:22px 0 10px;font-size:1.25rem}.topic-hub-card p{color:var(--muted);font-size:.9rem}.topic-hub-card b{margin-top:auto;padding-top:20px;color:var(--jade);font-size:.8rem}.topic-hub-card.featured{background:var(--jade);color:var(--inverse-text)}.topic-hub-card.featured p,.topic-hub-card.featured b{color:rgba(255,255,255,.72)}.pillar-hero>.container{display:grid;grid-template-columns:1fr auto;gap:36px;align-items:end}.pillar-progress{display:grid;gap:8px;min-width:250px;padding:22px;border:1px solid var(--stone);border-radius:16px;background:var(--paper)}.pillar-progress span{color:var(--muted);font-size:.82rem}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 28px;padding:0;list-style:none;color:var(--muted);font-size:.76rem}.breadcrumbs li+li:before{content:'←';margin-inline-end:7px;color:var(--brass)}.breadcrumbs a:hover{color:var(--jade)}.path-timeline{display:grid;gap:12px}.path-timeline>a,.path-timeline>div{display:grid;grid-template-columns:56px 1fr auto;gap:18px;align-items:center;padding:24px;border:var(--rule);border-radius:16px;background:var(--paper)}.path-timeline>a:hover{border-color:var(--brass);box-shadow:var(--sh-2)}.path-timeline>*>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--jade-soft);color:var(--jade);font-weight:800}.path-timeline small{color:var(--brass);font-weight:700}.path-timeline h2{margin:3px 0;font-size:1.1rem}.path-timeline p{color:var(--muted);font-size:.85rem}.path-timeline b{color:var(--jade);font-size:.8rem}.path-timeline .is-upcoming{opacity:.72}.article-shell{padding:50px 0 90px}.seo-article{width:min(840px,calc(100% - var(--gutter)*2))}.seo-article>header{padding-bottom:34px;border-bottom:var(--rule)}.seo-article h1{font-size:clamp(2rem,5vw,3.2rem);margin-bottom:18px}.seo-article>section{padding:36px 0;border-bottom:var(--rule)}.seo-article h2{font-size:1.45rem;margin-bottom:14px}.seo-article .lesson-reading{font-size:1.14rem;line-height:2.15}.simple-steps{display:grid;gap:13px;padding-inline-start:24px}.simple-steps li{padding:12px 14px;background:var(--paper-warm);border-radius:10px}.next-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.next-links a{padding:10px 14px;border:1px solid var(--stone);border-radius:10px;color:var(--jade);font-weight:700}.source-box{background:var(--paper-warm);padding-inline:24px!important;border-radius:16px}.source-box a{color:var(--jade);text-decoration:underline}.five-pillars-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.five-pillars-grid article{padding:18px 14px;border:var(--rule);border-radius:12px;background:var(--paper-warm)}.five-pillars-grid span{color:var(--brass);font-weight:800}.five-pillars-grid h2{font-size:.95rem;margin:12px 0 6px}.five-pillars-grid p{color:var(--muted);font-size:.78rem}.explore-topics-card{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:clamp(26px,4vw,44px);border:1px solid rgba(181,138,62,.32);border-radius:20px;background:linear-gradient(135deg,var(--paper-warm),var(--paper))}.explore-topics-card p{max-width:650px;color:var(--muted)}.error-page{min-height:65vh;display:grid;place-items:center;text-align:center}.error-page span{font-size:clamp(4rem,14vw,9rem);font-weight:800;color:var(--brass);opacity:.25}.error-page h1{font-size:2rem}.error-page p{color:var(--muted);margin:12px auto 24px}
@media(max-width:900px){.topic-hub-grid{grid-template-columns:repeat(2,1fr)}.pillar-hero>.container{grid-template-columns:1fr}.pillar-progress{min-width:0}.five-pillars-grid{grid-template-columns:repeat(2,1fr)}.explore-topics-card{align-items:flex-start;flex-direction:column}}
@media(max-width:580px){.topic-hub-grid{grid-template-columns:1fr}.topic-hub-card{min-height:210px}.path-timeline>a,.path-timeline>div{grid-template-columns:44px 1fr}.path-timeline b{grid-column:2}.path-timeline>*>span{width:40px;height:40px}.five-pillars-grid{grid-template-columns:1fr}.seo-article .lesson-reading{font-size:1.05rem}.next-links{display:grid}.next-links a{width:100%}}


/* V14 — unified curriculum and utility services */
.curriculum-roadmap{display:grid;gap:20px;max-width:980px}.curriculum-stage{display:grid;grid-template-columns:76px 1fr;gap:24px;padding:clamp(22px,4vw,38px);border:var(--rule);border-radius:20px;background:var(--paper)}.curriculum-stage.is-open{border-top:3px solid var(--brass);box-shadow:var(--sh-2)}.curriculum-number{font-family:var(--font-display);font-size:1.7rem;font-weight:800;color:var(--brass)}.curriculum-stage h2{margin-bottom:8px}.curriculum-stage p{color:var(--muted);max-width:70ch}.curriculum-lessons{display:grid;gap:8px;margin-top:22px}.curriculum-lessons a{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:13px 14px;border:var(--rule);border-radius:12px;background:var(--paper-warm)}.curriculum-lessons b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--jade);color:var(--inverse-text)}.curriculum-lessons em,.curriculum-status{font-style:normal;font-size:.72rem;color:var(--muted)}.curriculum-status{display:inline-block;margin-top:16px;padding:7px 11px;border-radius:999px;background:var(--paper-warm)}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.service-feature{padding:clamp(22px,4vw,34px);border:var(--rule);border-radius:20px;background:var(--paper)}.service-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:18px;border-radius:14px;background:var(--jade);color:var(--inverse-text);font-size:1.1rem;font-weight:800}.service-feature h2{margin-bottom:8px}.service-feature p{color:var(--muted);margin-bottom:18px}.hijri-date{font-family:var(--font-evidence);font-size:1.45rem!important;color:var(--jade)!important}.iman-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.iman-grid article{padding:18px;border:var(--rule);border-radius:14px;background:var(--paper-warm)}.iman-grid b{color:var(--brass)}.iman-grid h3{margin:5px 0}.iman-grid p{color:var(--muted);font-size:.9rem}@media(max-width:720px){.curriculum-stage{grid-template-columns:1fr;gap:10px}.curriculum-lessons a{grid-template-columns:30px 1fr}.curriculum-lessons em{grid-column:2}.service-grid,.iman-grid{grid-template-columns:1fr}}


/* ==============================================
   V15 — OPEN GUIDE, HIJRI DATE, CORE NAVIGATION
   ============================================== */
.header-date{margin-inline:auto;padding:7px 12px;border:1px solid var(--stone-light);border-radius:999px;color:var(--muted);font-family:var(--font-body);font-size:.72rem;white-space:nowrap;background:var(--paper-warm)}
.smart-start-hero{padding-bottom:28px}
.smart-start-hero h1{font-size:clamp(1.8rem,4.5vw,3rem);max-width:900px;margin-inline:auto}
.smart-start-section{padding-top:20px}
.smart-start-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:24px;align-items:start}
.smart-start-form-card,.smart-guide-result{border:var(--rule);border-radius:18px;background:var(--paper);padding:clamp(22px,4vw,38px);box-shadow:var(--sh-2)}
.smart-start-form-card label{display:block;margin-bottom:12px;font-family:var(--font-display);font-size:1.05rem;font-weight:800;color:var(--ink)}
.smart-query-wrap{display:grid;gap:14px}
.smart-query-wrap textarea{width:100%;min-height:150px;resize:vertical;padding:18px;border:1px solid var(--stone);border-radius:14px;background:var(--paper-warm);font-family:var(--font-reading-active);font-size:1.08rem;line-height:1.9;color:var(--ink);outline:none}
.smart-query-wrap textarea:focus{border-color:var(--brass);box-shadow:0 0 0 4px var(--brass-soft)}
.smart-query-wrap .button{justify-self:start}
.smart-guide-note{margin-top:12px;color:var(--muted);font-size:.78rem;line-height:1.8}
.suggested-queries{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:18px;border-top:var(--rule)}
.suggested-queries>span{width:100%;color:var(--muted);font-size:.76rem;font-weight:700}
.suggested-queries button{padding:8px 12px;border:1px solid var(--stone-light);border-radius:999px;background:transparent;color:var(--jade);font-size:.76rem;cursor:pointer}
.suggested-queries button:hover{border-color:var(--jade);background:var(--jade-soft)}
.smart-guide-result{position:sticky;top:170px;min-height:360px;background:var(--jade-deep);color:var(--inverse-text)}
.smart-result-empty{min-height:290px;display:grid;align-content:center;justify-items:center;text-align:center}
.smart-result-empty .result-symbol{font-size:2rem;color:var(--brass-muted);margin-bottom:12px}
.smart-result-empty p{max-width:360px;color:rgba(255,255,255,.65)}
.smart-result-content h2{margin:8px 0 14px;font-size:1.6rem}
.smart-result-content>p{color:rgba(255,255,255,.72);line-height:1.95}
.smart-result-content .query-echo{padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.04);font-family:var(--font-reading-active)}
.smart-result-links{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 12px}
.smart-result-content small{color:rgba(255,255,255,.55)}
.compact-method-grid article{min-height:190px}
.content-status{display:inline-block;margin-top:12px;color:var(--muted);font-size:.78rem}
.simple-page-hero{padding:clamp(48px,7vw,80px) 0 20px}
:root[data-theme="dark"] .header-date,:root[data-theme="dark"] .smart-start-form-card{background:#151E1A}

@media(max-width:1100px){.header-date{display:none}.main-nav a{font-size:.8rem;padding-inline:10px}}
@media(max-width:900px){.smart-start-layout{grid-template-columns:1fr}.smart-guide-result{position:static;min-height:300px}.header-date{display:none}}
@media(max-width:560px){.smart-start-form-card,.smart-guide-result{padding:20px 16px;border-radius:14px}.smart-query-wrap .button{width:100%}.suggested-queries{display:grid}.suggested-queries button{text-align:right}.smart-result-links{display:grid}.smart-result-links .button{width:100%}}


/* ==============================================
   V16 — CAIRO CLOCK & EXPANDED LEARNING CONTENT
   ============================================== */
.header-calendar{display:grid;gap:2px;min-width:220px;text-align:center;color:var(--muted)}
.header-cairo-time{font-family:var(--font-display);font-size:.78rem;font-weight:800;color:var(--jade)}
.header-date{font-size:.68rem;line-height:1.45}
.editorial-roadmap{display:grid;gap:16px;max-width:920px}
.editorial-roadmap article{display:grid;grid-template-columns:64px 1fr;gap:20px;padding:24px;border:var(--rule);border-radius:16px;background:var(--paper)}
.editorial-roadmap article>span{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--jade-soft);color:var(--jade);font-family:var(--font-display);font-weight:800}
.editorial-roadmap h2{margin-bottom:8px;font-size:1.2rem}.editorial-roadmap p{color:var(--muted);line-height:1.95}.editorial-roadmap a{display:inline-block;margin-top:12px;color:var(--jade);font-weight:800}
.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.principle-grid article{padding:26px;border:var(--rule);border-top:3px solid var(--brass);border-radius:16px;background:var(--paper)}.principle-grid h2{margin:8px 0}.principle-grid p{color:var(--muted);line-height:1.95}
.ordered-learning-list{display:grid;gap:10px;max-width:850px;margin:0;padding:0;list-style:none;counter-reset:item}.ordered-learning-list li{counter-increment:item;display:grid;grid-template-columns:48px 1fr;gap:14px;padding:18px 20px;border:var(--rule);border-radius:14px;background:var(--paper)}.ordered-learning-list li::before{content:counter(item,decimal-leading-zero);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--jade);color:var(--inverse-text);font-family:var(--font-display);font-size:.72rem;font-weight:800;grid-row:span 2}.ordered-learning-list strong,.ordered-learning-list span{grid-column:2}.ordered-learning-list span{color:var(--muted)}
.daily-dashboard{padding:clamp(52px,8vw,90px) 0;background:var(--paper-warm)}.daily-dashboard>.container{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.daily-clock-card{min-width:280px;padding:28px;border-radius:18px;background:var(--jade-deep);color:var(--inverse-text);text-align:center;box-shadow:var(--sh-3)}.daily-clock-card span,.daily-clock-card small{display:block;color:rgba(255,255,255,.7)}.daily-clock-card strong{display:block;margin:8px 0;font-family:var(--font-display);font-size:2.1rem;color:var(--brass-muted)}
.daily-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.daily-tools-grid>a{padding:26px;border:var(--rule);border-radius:16px;background:var(--paper);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.daily-tools-grid>a:hover{transform:translateY(-2px);box-shadow:var(--sh-2)}.daily-tools-grid span{color:var(--brass);font-family:var(--font-display);font-weight:800}.daily-tools-grid h2{margin:14px 0 8px;font-size:1.15rem}.daily-tools-grid p{color:var(--muted)}.daily-tools-grid b{display:block;margin-top:16px;color:var(--jade)}
.daily-entry-card{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:clamp(26px,4vw,44px);border:var(--rule);border-radius:18px;background:var(--paper-warm)}.daily-entry-card h2{max-width:760px}.daily-entry-card p{max-width:760px;color:var(--muted)}.daily-entry-actions{display:flex;gap:10px;flex-wrap:wrap;flex:0 0 auto}
.content-review-note{padding-top:0}.content-review-note>.container{padding:20px 22px;border:1px dashed var(--brass);border-radius:14px;background:var(--brass-faint)}
@media(max-width:1050px){.header-calendar{min-width:180px}.principle-grid,.daily-tools-grid{grid-template-columns:1fr 1fr}.daily-dashboard>.container{grid-template-columns:1fr}.daily-clock-card{width:min(100%,420px)}}
@media(max-width:760px){.header-calendar{display:none}.principle-grid,.daily-tools-grid{grid-template-columns:1fr}.editorial-roadmap article{grid-template-columns:48px 1fr;padding:20px}.editorial-roadmap article>span{width:42px;height:42px}.daily-entry-card{display:grid}.daily-entry-actions{width:100%}.daily-entry-actions .button{flex:1}.daily-clock-card{min-width:0}}

/* V18 — Faith pillars expansion */
.faith-pillar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.faith-pillar-grid>a{display:block;padding:24px;border:var(--rule);border-radius:16px;background:var(--paper);transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.faith-pillar-grid>a:hover,.faith-pillar-grid>a:focus-visible{transform:translateY(-3px);border-color:var(--brass);box-shadow:var(--sh-2)}.faith-pillar-grid b{display:inline-grid;place-items:center;min-width:36px;height:30px;margin-bottom:16px;padding-inline:9px;border-radius:999px;background:var(--jade-soft);color:var(--jade);font-size:.72rem}.faith-pillar-grid h3{margin-bottom:8px;font-size:1.05rem}.faith-pillar-grid p{color:var(--muted);font-size:.86rem;line-height:1.9}.article-shell{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:34px;align-items:start}.article-aside{position:sticky;top:150px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:18px;color:var(--muted);font-size:.78rem}.breadcrumbs a:hover{color:var(--jade)}@media(max-width:900px){.faith-pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-shell{grid-template-columns:1fr}.article-aside{position:static}}@media(max-width:580px){.faith-pillar-grid{grid-template-columns:1fr}.faith-pillar-grid>a{padding:20px}}

/* V21 — Prayer curriculum visual system (no living beings) */
.prayer-flow{display:grid;grid-template-columns:repeat(9,auto);align-items:center;gap:10px;margin:22px 0}.prayer-flow>div{min-width:120px;padding:18px 14px;border:var(--rule);border-radius:var(--r-sm);background:var(--paper-warm);text-align:center}.prayer-flow i{display:grid;place-items:center;width:34px;height:34px;margin:0 auto 10px;border:1px solid var(--brass);border-radius:50%;color:var(--brass);font-style:normal;font-weight:800}.prayer-flow strong,.prayer-flow span{display:block}.prayer-flow span{margin-top:5px;color:var(--muted);font-size:.75rem}.prayer-flow>b{color:var(--brass);font-size:1.2rem}.visual-note{color:var(--muted);font-size:.78rem}.concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.concept-grid article,.concept-grid a{display:block;padding:18px;border:var(--rule);border-top:2px solid var(--brass);border-radius:var(--r-sm);background:var(--paper-warm);color:var(--ink);text-decoration:none}.concept-grid strong,.concept-grid span{display:block}.concept-grid span{margin-top:6px;color:var(--muted);font-size:.78rem;line-height:1.7}.comparison-band,.ability-ladder{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.comparison-band>div,.ability-ladder>div{padding:18px;border:var(--rule);border-radius:var(--r-sm);background:var(--jade-soft);text-align:center}.comparison-band strong,.comparison-band span,.ability-ladder strong,.ability-ladder span{display:block}.comparison-band span,.ability-ladder span{margin-top:6px;color:var(--muted);font-size:.78rem}.ability-ladder>div:nth-child(2){transform:translateY(8px)}.ability-ladder>div:nth-child(3){transform:translateY(16px)}:root[data-theme="dark"] .prayer-flow>div,:root[data-theme="dark"] .concept-grid article,:root[data-theme="dark"] .concept-grid a{background:#151E1A}@media(max-width:980px){.prayer-flow{grid-template-columns:1fr}.prayer-flow>b{transform:rotate(-90deg);text-align:center}.concept-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.concept-grid,.comparison-band,.ability-ladder{grid-template-columns:1fr}.ability-ladder>div:nth-child(n){transform:none}}

/* V23 — DAILY COMPANION, QURAN, ADHKAR, HEARTS */
html{background:var(--paper);color-scheme:light}html[data-theme="dark"]{background:#101713;color-scheme:dark}
.v23-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.daily-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.daily-path-grid a{display:flex;flex-direction:column;gap:5px;padding:18px;border:var(--rule);border-radius:var(--r-sm);background:var(--paper-warm);color:var(--ink);text-decoration:none}.daily-path-grid a:hover{border-color:var(--brass);transform:translateY(-2px)}.daily-path-grid b{font-family:var(--font-display)}.daily-path-grid span{color:var(--muted);font-size:.78rem}.editorial-note{margin-top:20px;padding:16px 18px;border-inline-start:3px solid var(--brass);background:var(--brass-faint);font-size:.88rem;line-height:1.9}.comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.comparison-grid article{padding:18px;border:var(--rule);border-radius:var(--r-sm);background:var(--paper-warm)}.comparison-grid strong{font-family:var(--font-display);color:var(--jade)}.comparison-grid p{margin-top:7px!important;font-size:.93rem!important}.v23-daily-hero .daily-clock-card a{display:block;margin-top:8px;color:var(--brass);font-size:.72rem}.daily-timeline{position:relative;display:grid;gap:14px}.daily-timeline:before{content:"";position:absolute;top:20px;bottom:20px;right:73px;width:1px;background:var(--stone)}.daily-timeline article{position:relative;display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:start;padding:22px;border:var(--rule);border-radius:var(--r-sm);background:var(--paper)}.daily-time-mark{position:relative;z-index:1;display:grid;place-items:center;min-height:46px;border:1px solid var(--brass);border-radius:999px;background:var(--paper);color:var(--brass);font-family:var(--font-display);font-size:.78rem}.daily-timeline h2{margin:0 0 6px}.daily-timeline p{margin:0;color:var(--muted);line-height:1.9}.inline-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.inline-links a{padding:6px 10px;border:var(--rule);border-radius:999px;color:var(--jade);font-size:.72rem;font-weight:700}.daily-check{display:grid;grid-template-columns:1fr 1.4fr;gap:28px;margin-top:28px;padding:28px;border:1px solid var(--brass);border-radius:var(--r-md);background:var(--brass-faint)}.daily-check ol{margin:0;display:grid;gap:9px;font-family:var(--font-reading-active);line-height:1.8}:root[data-theme="dark"] .daily-path-grid a,:root[data-theme="dark"] .comparison-grid article,:root[data-theme="dark"] .daily-timeline article,:root[data-theme="dark"] .daily-time-mark{background:#151E1A}.theme-stable body{visibility:visible}
@media(max-width:860px){.v23-hub-grid,.comparison-grid{grid-template-columns:1fr 1fr}.daily-timeline article{grid-template-columns:110px 1fr}.daily-timeline:before{right:52px}.daily-check{grid-template-columns:1fr}}
@media(max-width:620px){.v23-hub-grid,.comparison-grid,.daily-path-grid{grid-template-columns:1fr}.daily-timeline:before{display:none}.daily-timeline article{grid-template-columns:1fr;gap:10px}.daily-time-mark{justify-self:start;min-height:36px;padding:0 18px}.daily-check{padding:20px}}


/* V24 — discreet multilingual access (no generic “Languages” button) */
.language-switcher{position:relative;display:inline-flex;align-items:center}
.language-switcher summary{list-style:none;display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 11px;border:var(--rule);border-radius:999px;background:var(--paper-warm);color:var(--ink);font-family:var(--font-body);font-size:.72rem;font-weight:800;cursor:pointer;white-space:nowrap}
.language-switcher summary::-webkit-details-marker{display:none}
.language-switcher summary::after{content:'⌄';color:var(--brass);font-size:.85rem;line-height:1}
.language-switcher[open] summary{border-color:var(--brass);background:var(--brass-faint)}
.language-menu{position:absolute;z-index:180;top:calc(100% + 8px);inset-inline-end:0;min-width:170px;padding:7px;border:var(--rule);border-top:2px solid var(--brass);border-radius:12px;background:var(--paper);box-shadow:var(--sh-3)}
.language-menu a,.language-menu span{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:8px;color:var(--ink);font-size:.76rem;text-decoration:none}
.language-menu a:hover,.language-menu a:focus-visible{background:var(--jade-soft);color:var(--jade)}
.language-menu .is-current{background:var(--paper-warm);font-weight:800}
.language-menu small{padding:0;color:var(--muted);font-size:.62rem}
:root[data-theme="dark"] .language-switcher summary,:root[data-theme="dark"] .language-menu,:root[data-theme="dark"] .language-menu .is-current{background:#151E1A}
html[dir="ltr"] body{font-family:"Noto Sans",Arial,sans-serif}
html[dir="ltr"] .brand-copy strong,html[dir="ltr"] h1,html[dir="ltr"] h2,html[dir="ltr"] h3{font-family:"Noto Sans",Arial,sans-serif}
html[dir="ltr"] .breadcrumbs span{transform:scaleX(-1)}
@media(max-width:980px){.language-switcher summary{min-width:36px;padding-inline:9px}.language-switcher .language-name-long{display:none}}
@media(max-width:720px){.language-switcher{order:2}.language-menu{position:fixed;top:76px;inset-inline:14px;width:auto}}

/* V25 — Learning route dock */
.learning-route-dock{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(180px,.7fr) minmax(0,1fr);
  gap:10px;
  margin:clamp(22px,4vw,42px) 0;
  padding:12px;
  border:var(--rule);
  border-radius:var(--r-lg,18px);
  background:var(--paper-warm);
}
.learning-route-link,.learning-route-home{
  display:flex;
  min-height:70px;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  padding:14px 16px;
  border:var(--rule-soft);
  border-radius:var(--r-sm,12px);
  background:var(--paper);
  transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease);
}
.learning-route-link:hover,.learning-route-link:focus-visible,.learning-route-home:hover,.learning-route-home:focus-visible{
  transform:translateY(-2px);
  border-color:var(--brass-muted);
  background:var(--jade-soft);
}
.learning-route-link small,.learning-route-home small{font-size:.68rem;color:var(--muted);font-weight:700}
.learning-route-link strong,.learning-route-home strong{font-size:.88rem;color:var(--ink);line-height:1.55}
.learning-route-home{text-align:center;border-color:color-mix(in srgb,var(--brass) 45%,var(--stone))}
.route-prev{text-align:start}.route-next{text-align:end}
.learning-route-spacer{min-height:1px}

/* Scholars directory */
.scholars-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.scholar-directory-card{padding:22px;border:var(--rule);border-radius:var(--r-md,16px);background:var(--paper);box-shadow:var(--shadow-soft,none)}
.scholar-directory-card .mini-label{display:block;margin-bottom:7px}
.scholar-directory-card h2{font-size:1.08rem;margin-bottom:7px}
.scholar-directory-card p{font-size:.83rem;color:var(--muted);line-height:1.8}
.scholar-directory-card .scholar-topics{margin-top:12px;color:var(--jade);font-size:.72rem;font-weight:700}
.scholar-directory-card .scholar-source-link{display:inline-block;margin-top:14px;color:var(--jade);font-size:.78rem;font-weight:800;border-bottom:1px solid currentColor}
.source-integrity-note{max-width:820px;margin:0 auto 28px;padding:18px 20px;border-inline-start:4px solid var(--brass);background:var(--brass-faint);border-radius:var(--r-sm)}
.source-integrity-note strong{display:block;margin-bottom:5px;color:var(--brass)}

@media(max-width:900px){.scholars-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
  .learning-route-dock{grid-template-columns:1fr 1fr;padding:9px}
  .learning-route-home{grid-column:1/-1;grid-row:1}
  .learning-route-link{min-height:62px;padding:12px}
  .learning-route-spacer{display:none}
  .scholars-grid{grid-template-columns:1fr}
}

/* V26 — correction/reporting */
.source-correction-link{
  display:inline-flex;align-items:center;gap:.45rem;margin-top:.7rem;
  font-size:.82rem;font-weight:700;text-decoration:none;
  color:var(--accent,#8a6a2f);border-bottom:1px dashed currentColor;
  opacity:.92;transition:opacity .18s ease,transform .18s ease;
}
.source-correction-link:hover{opacity:1;transform:translateY(-1px)}
.correction-shell{max-width:880px;margin:0 auto}
.correction-notice{
  padding:1rem 1.1rem;border:1px solid var(--border-color,rgba(128,128,128,.22));
  border-radius:16px;background:var(--surface-soft,rgba(128,128,128,.06));
  margin:0 0 1.2rem;line-height:1.9
}
.correction-notice strong{display:block;margin-bottom:.25rem}
.correction-form{
  display:grid;gap:1rem;padding:1.2rem;
  border:1px solid var(--border-color,rgba(128,128,128,.22));
  border-radius:20px;background:var(--surface,transparent)
}
.correction-form label{display:grid;gap:.4rem;font-weight:700}
.correction-form input,.correction-form select,.correction-form textarea{
  width:100%;font:inherit;color:inherit;background:var(--surface-soft,rgba(128,128,128,.05));
  border:1px solid var(--border-color,rgba(128,128,128,.26));border-radius:12px;
  padding:.85rem .9rem;outline:none
}
.correction-form textarea{min-height:140px;resize:vertical;line-height:1.8}
.correction-form input:focus,.correction-form select:focus,.correction-form textarea:focus{
  border-color:var(--accent,#8a6a2f);box-shadow:0 0 0 3px rgba(160,125,57,.12)
}
.correction-actions{display:flex;gap:.65rem;flex-wrap:wrap}
.correction-preview{display:none;margin-top:1.1rem}
.correction-preview.is-visible{display:block}
.correction-preview pre{
  white-space:pre-wrap;word-break:break-word;direction:rtl;text-align:right;
  padding:1rem;border-radius:14px;background:var(--surface-soft,rgba(128,128,128,.06));
  border:1px solid var(--border-color,rgba(128,128,128,.22));font:inherit;line-height:1.8
}
.correction-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-bottom:1rem}
.correction-meta div{padding:.8rem;border-radius:12px;background:var(--surface-soft,rgba(128,128,128,.05))}
.correction-meta small{display:block;opacity:.7;margin-bottom:.2rem}
@media(max-width:640px){
  .correction-meta{grid-template-columns:1fr}
  .correction-actions .button{width:100%;justify-content:center}
}


/* ==========================================================
   RC53 — QURAN VISIBILITY + ZOOM-SAFE HEADER + SOURCE LIBRARY
   ========================================================== */
.quran-evidence-stack{display:grid;gap:14px;margin-top:20px;max-width:760px}
.quran-evidence-stack .verse-card{max-width:none;overflow:visible}
.verse-reference{display:inline-flex;align-items:center;gap:7px;margin-bottom:12px;padding:5px 10px;border-radius:999px;background:var(--brass-faint);color:var(--brass);font-family:var(--font-display);font-size:.72rem;font-weight:800}
.quran-evidence-stack .source-verse{display:block;visibility:visible!important;opacity:1!important;color:var(--ink)!important;font-family:var(--font-reading-active);font-size:1.5rem;line-height:2.55;font-weight:600;text-align:right}
:root[data-theme="dark"] .quran-evidence-stack .source-verse{color:#F7F3EA!important}
.quran-meaning{margin-top:10px;color:var(--muted);font-size:.86rem;line-height:1.85}

.source-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.resource-card{display:flex;flex-direction:column;gap:9px;padding:22px;border:var(--rule);border-top:3px solid var(--brass);border-radius:16px;background:var(--paper)}
.resource-card h3{margin:0;font-size:1.08rem}.resource-card p{margin:0;color:var(--muted);line-height:1.9}
.resource-card ul{margin:0;padding-inline-start:1.2rem;color:var(--muted);line-height:1.9}.resource-card li+li{margin-top:3px}
.resource-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:8px}.resource-links a{display:inline-flex;align-items:center;min-height:34px;padding:6px 10px;border:var(--rule);border-radius:999px;color:var(--jade);font-size:.76rem;font-weight:800;background:var(--paper-warm)}
.source-chip{display:inline-flex;align-self:flex-start;padding:5px 9px;border-radius:999px;background:var(--jade-soft);color:var(--jade);font-size:.68rem;font-weight:800}
.institution-card{border-top-color:var(--jade);background:linear-gradient(180deg,var(--paper),var(--jade-soft))}
.library-warning{margin-top:18px;padding:16px 18px;border-inline-start:4px solid var(--brass);background:var(--brass-faint);color:var(--muted);line-height:1.9}

/* Keep reading zoom from breaking the two-level header. Header typography is fixed;
   reading content continues to respect the user's selected scale. */
.site-header{font-size:16px}
.site-header .brand-copy strong{font-size:18px!important;line-height:1.15!important}
.site-header .brand-copy small{font-size:11.5px!important;line-height:1.4!important}
.site-header .header-cairo-time{font-size:12.5px!important}.site-header .header-date{font-size:11px!important}
.site-header .main-nav a{font-size:13.5px!important}.site-header .header-lesson-cta{font-size:12px!important}
.site-header .language-switcher summary{font-size:11.5px!important}.site-header .language-menu a,.site-header .language-menu span{font-size:12px!important}
.site-header .reading-tool{font-size:12.5px!important}.site-header .reading-font-label,.site-header .theme-tool-label{font-size:11px!important}

html[data-font-size="3"] .header-calendar,html[data-font-size="4"] .header-calendar{display:none}
html[data-font-size="3"] .brand-copy small,html[data-font-size="4"] .brand-copy small{display:none}
html[data-font-size="3"] .menu-toggle,html[data-font-size="4"] .menu-toggle{display:block;width:42px;height:42px}
html[data-font-size="3"] .header-primary-inner,html[data-font-size="4"] .header-primary-inner{min-height:68px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}
html[data-font-size="3"] .header-navigation,html[data-font-size="4"] .header-navigation{border:0;background:transparent}
html[data-font-size="3"] .header-navigation-inner,html[data-font-size="4"] .header-navigation-inner{min-height:0;display:block}
html[data-font-size="3"] .main-nav,html[data-font-size="4"] .main-nav{position:fixed;inset-block-start:72px;inset-inline:12px;z-index:120;display:none;padding:12px;border:1px solid var(--stone);border-radius:16px;background:var(--paper);box-shadow:0 20px 70px rgba(0,0,0,.24)}
html[data-font-size="3"] .main-nav.is-open,html[data-font-size="4"] .main-nav.is-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
html[data-font-size="3"] .main-nav a,html[data-font-size="4"] .main-nav a{padding:12px 14px!important;text-align:center;background:var(--paper-warm)}
html[data-font-size="3"] .header-lesson-cta,html[data-font-size="4"] .header-lesson-cta{display:none}
html[data-font-size="3"] .reading-tools,html[data-font-size="4"] .reading-tools{position:fixed;left:50%;right:auto;bottom:12px;transform:translateX(-50%);z-index:130;margin:0;max-width:calc(100vw - 20px);padding:5px 7px;background:var(--tool-bg);box-shadow:0 12px 40px rgba(0,0,0,.24)}
html[data-font-size="3"] body,html[data-font-size="4"] body{padding-bottom:70px}
@media(max-width:700px){.source-library-grid{grid-template-columns:1fr}.quran-evidence-stack .source-verse{font-size:1.3rem;line-height:2.4}}
@media(max-width:520px){html[data-font-size="3"] .main-nav.is-open,html[data-font-size="4"] .main-nav.is-open{grid-template-columns:1fr}}


/* RC55 — searchable source anchors */
.resource-card[id],.scholar-directory-card[id]{scroll-margin-top:9rem}
.resource-card:target,.scholar-directory-card:target{outline:2px solid var(--brass);outline-offset:4px;box-shadow:0 0 0 7px var(--brass-soft),var(--sh-2)}
@media (max-width:760px){.resource-card[id],.scholar-directory-card[id]{scroll-margin-top:6rem}}

/* RC56 — Global indexed search */
.global-search-trigger{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;
  min-height:40px;padding:7px 11px;border:1px solid var(--stone);border-radius:10px;
  background:var(--tool-bg);color:var(--ink);font:700 14px/1 var(--font-body)!important;cursor:pointer;
  box-shadow:var(--sh-1);white-space:nowrap
}
.global-search-trigger:hover,.global-search-trigger:focus-visible{border-color:var(--brass);outline:none;box-shadow:0 0 0 3px var(--brass-soft)}
.global-search-trigger svg,.global-search-form svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
body.global-search-open{overflow:hidden}
.global-search-layer[hidden]{display:none!important}
.global-search-layer{position:fixed;inset:0;z-index:10050;display:grid;place-items:start center;padding:clamp(16px,7vh,72px) 16px 24px}
.global-search-backdrop{position:absolute;inset:0;background:rgba(5,12,10,.68);backdrop-filter:blur(4px)}
.global-search-dialog{
  position:relative;z-index:1;width:min(760px,100%);max-height:min(82vh,760px);overflow:auto;
  background:var(--paper);color:var(--ink);border:1px solid var(--stone);border-radius:18px;padding:clamp(18px,3vw,30px);
  box-shadow:0 24px 80px rgba(0,0,0,.32);font-size:16px;line-height:1.65
}
.global-search-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.global-search-head h2{margin:4px 0 0;font-size:clamp(1.35rem,3vw,2rem);line-height:1.35}
.global-search-close{flex:0 0 auto;width:42px;height:42px;border:1px solid var(--stone);border-radius:10px;background:var(--tool-bg);color:var(--ink);font:400 29px/1 sans-serif;cursor:pointer}
.global-search-intro{margin:12px 0 16px;color:var(--muted);font-size:.98em}
.global-search-form{display:flex;align-items:center;gap:10px;border:1.5px solid var(--stone);border-radius:13px;background:var(--paper-warm);padding:0 13px}
.global-search-form:focus-within{border-color:var(--brass);box-shadow:0 0 0 4px var(--brass-soft)}
.global-search-input{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;padding:13px 2px!important;font:600 17px/1.5 var(--font-body)!important;color:var(--ink)!important;box-shadow:none!important}
html[lang="en"] .global-search-input,html[lang="en"] .global-search-dialog{font-family:"Noto Sans",Arial,sans-serif!important}
.global-search-examples{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 4px}
.global-search-examples button{border:1px solid var(--stone-light);border-radius:999px;background:var(--paper-warm);color:var(--muted);padding:6px 10px;font:600 12.5px/1.4 var(--font-body);cursor:pointer}
.global-search-examples button:hover{border-color:var(--brass);color:var(--ink)}
.global-search-status{min-height:24px;margin:11px 2px 5px;color:var(--muted);font-size:13px;font-weight:700}
.global-search-result-list{display:grid;gap:8px}
.global-search-result{display:grid;grid-template-columns:1fr auto;gap:3px 14px;padding:13px 14px;border:1px solid var(--stone-light);border-radius:12px;background:var(--paper-warm);transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}
.global-search-result:hover,.global-search-result:focus-visible{border-color:var(--brass);transform:translateY(-1px);outline:none}
.global-search-result-meta{grid-column:1/-1;color:var(--brass);font-size:11.5px;font-weight:800}
.global-search-result strong{font-size:16px;line-height:1.5}
.global-search-result-desc{grid-column:1/2;color:var(--muted);font-size:13px;line-height:1.6}
.global-search-result-open{grid-column:2/3;grid-row:2/4;align-self:center;color:var(--jade);font-size:12px;font-weight:800;white-space:nowrap}
.global-search-fallback-label{margin:8px 0;color:var(--muted);font-size:13px}
.global-search-safety{margin-top:14px;padding-top:12px;border-top:1px solid var(--stone-light);color:var(--muted);font-size:12.5px}
html[data-font-size="3"] .global-search-trigger,html[data-font-size="4"] .global-search-trigger{width:42px;padding-inline:0}
html[data-font-size="3"] .global-search-trigger .global-search-label,html[data-font-size="4"] .global-search-trigger .global-search-label{display:none}
@media (max-width:760px){
  .global-search-trigger{width:42px;padding-inline:0}.global-search-trigger .global-search-label{display:none}
  .global-search-layer{padding:10px}.global-search-dialog{width:100%;max-height:calc(100dvh - 20px);border-radius:15px;padding:16px}
  .global-search-result{grid-template-columns:1fr}.global-search-result-open{grid-column:1;grid-row:auto;justify-self:start}.global-search-result-desc{grid-column:1}
}

/* RC56 — runtime Quran reader presentation guard */
.asl-quran-reader-runtime .asl-quran-text-visible{font-family:var(--font-reading-active)!important;font-weight:600!important;letter-spacing:0!important}

/* RC57 — Compact English section navigation */
html[lang="en"] .main-nav-sections{position:relative;display:flex;align-items:center}
html[lang="en"] .main-nav-sections>summary{list-style:none;cursor:pointer;padding:10px 8px;font:700 13.5px/1.2 "Noto Sans",Arial,sans-serif;color:inherit;white-space:nowrap;border-radius:8px}
html[lang="en"] .main-nav-sections>summary::-webkit-details-marker{display:none}
html[lang="en"] .main-nav-sections>summary::after{content:'⌄';margin-left:5px;color:var(--brass);font-size:11px}
html[lang="en"] .main-nav-sections.is-active>summary,html[lang="en"] .main-nav-sections[open]>summary{color:var(--jade);background:var(--jade-soft)}
html[lang="en"] .main-nav-sections-menu{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);z-index:180;display:grid;min-width:210px;padding:8px;border:1px solid var(--stone);border-radius:12px;background:var(--paper);box-shadow:var(--sh-3)}
html[lang="en"] .main-nav-sections:not([open]) .main-nav-sections-menu{display:none}
html[lang="en"] .main-nav-sections-menu a{padding:9px 11px!important;border-radius:8px;font-size:13px!important;text-align:left!important}
html[lang="en"] .main-nav-sections-menu a:hover,html[lang="en"] .main-nav-sections-menu a.is-active{background:var(--jade-soft);color:var(--jade)}
html[data-font-size="3"][lang="en"] .main-nav-sections,html[data-font-size="4"][lang="en"] .main-nav-sections{display:block}
html[data-font-size="3"][lang="en"] .main-nav-sections>summary,html[data-font-size="4"][lang="en"] .main-nav-sections>summary{padding:12px 14px;text-align:center;background:var(--paper-warm)}
html[data-font-size="3"][lang="en"] .main-nav-sections-menu,html[data-font-size="4"][lang="en"] .main-nav-sections-menu{position:static;transform:none;min-width:0;margin-top:7px;box-shadow:none}
@media(max-width:980px){
 html[lang="en"] .main-nav-sections{display:block}
 html[lang="en"] .main-nav-sections>summary{padding:12px 14px;text-align:center;background:var(--paper-warm)}
 html[lang="en"] .main-nav-sections-menu{position:static;transform:none;min-width:0;margin-top:7px;box-shadow:none}
}


/* RC60 — Quran-reader interaction and Surah-index visual hardening.
   Applies only after the runtime safely identifies a Quran reader. */
.asl-quran-reader-runtime .asl-surah-index-item{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  width:100%!important;
  min-height:42px!important;
  margin:0 0 6px!important;
  padding:8px 10px!important;
  border-radius:9px!important;
  line-height:1.35!important;
  white-space:normal!important;
  word-spacing:.08em!important;
  text-decoration:none!important;
}
.asl-quran-reader-runtime .asl-surah-index-item:hover,
.asl-quran-reader-runtime .asl-surah-index-item:focus-visible{
  outline:2px solid var(--brass)!important;
  outline-offset:1px!important;
}
.asl-quran-reader-runtime .asl-quran-text-visible{
  isolation:isolate;
  position:relative;
  z-index:1;
}
@media(max-width:760px){
  .asl-quran-reader-runtime .asl-surah-index-item{min-height:46px!important;padding:9px 11px!important}
}


/* ==========================================================
   RC73 FINAL STATIC PASS — preserve original hero and design.
   Only navigation, compact libraries, footer, new content maps.
   ========================================================== */

/* Header stays visually in the original system; typography is decoupled from reading zoom. */
.rc73-header{font-size:16px}
.rc73-header .header-primary-inner{min-height:70px;gap:14px}
.rc73-header .brand-copy strong{font-size:18px!important;line-height:1.15!important}
.rc73-header .brand-copy small{font-size:11.5px!important;line-height:1.35!important}
.rc73-header .header-calendar{font-size:12px!important;min-width:155px}
.rc73-header .header-actions{gap:6px}
.rc73-header .reading-tool,.rc73-header .language-switcher summary{font-size:12.5px!important}
.rc73-header .main-nav>a,.rc73-header .main-nav-sections>summary{font-size:13.5px!important;line-height:1.2!important}
.rc73-quran-action{
  display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;
  border:var(--rule);border-radius:10px;background:var(--tool-bg);color:var(--brass)
}
.rc73-quran-action:hover,.rc73-quran-action:focus-visible{border-color:var(--brass);background:var(--brass-soft)}
.rc73-quran-action svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}

/* Premium, compact sections menu: a floating panel; it never increases header height. */
.rc73-header .header-navigation-inner{position:relative}
.rc73-header .main-nav{position:static}
.rc73-header .main-nav-sections.rc73-sections{position:static}
.rc73-header .main-nav-sections.rc73-sections>summary{
  list-style:none;cursor:pointer;padding:8px 14px;border-radius:var(--r-sm);color:var(--muted);font-weight:700
}
.rc73-header .main-nav-sections.rc73-sections>summary::-webkit-details-marker{display:none}
.rc73-header .main-nav-sections.rc73-sections>summary::after{content:"⌄";margin-inline-start:6px;color:var(--brass);font-size:11px}
.rc73-header .main-nav-sections.rc73-sections[open]>summary{background:var(--jade-soft);color:var(--jade)}
.rc73-header .rc73-mega-menu{
  position:absolute!important;z-index:600!important;top:calc(100% + 10px)!important;
  inset-inline:0!important;margin-inline:auto!important;
  width:min(900px,100%)!important;min-width:0!important;
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;
  padding:12px!important;border:1px solid var(--stone)!important;border-top:2px solid var(--brass)!important;
  border-radius:14px!important;background:var(--paper)!important;color:var(--ink)!important;box-shadow:var(--sh-3)!important;
  transform:none!important
}
.rc73-header .rc73-sections:not([open]) .rc73-mega-menu{display:none!important}
.rc73-mega-group{display:grid;gap:2px;padding:10px;border-radius:10px;background:var(--paper-warm)}
.rc73-mega-group>strong{padding:0 8px 7px;margin-bottom:2px;border-bottom:var(--rule-soft);color:var(--brass);font-size:11.5px!important}
.rc73-header .rc73-mega-group a{
  display:block!important;padding:8px!important;border-radius:7px!important;color:var(--ink)!important;
  background:transparent!important;font-size:12.5px!important;font-weight:700!important;text-align:start!important
}
.rc73-header .rc73-mega-group a:hover{background:var(--jade-soft)!important;color:var(--jade)!important}

/* At 120/132% reading scale, header itself does not grow uncontrollably. */
html[data-font-size="3"] .rc73-header .header-calendar,
html[data-font-size="4"] .rc73-header .header-calendar{display:none!important}
html[data-font-size="3"] .rc73-header .brand-copy small,
html[data-font-size="4"] .rc73-header .brand-copy small{display:none!important}
html[data-font-size="3"] .rc73-header .reading-tools,
html[data-font-size="4"] .rc73-header .reading-tools{
  position:static!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;
  max-width:none!important;margin:0!important;box-shadow:var(--sh-1)!important
}
html[data-font-size="3"] body,html[data-font-size="4"] body{padding-bottom:0!important}
html[data-font-size="3"] .rc73-header .main-nav,
html[data-font-size="4"] .rc73-header .main-nav{font-size:16px!important}

/* Expanded home map — one section only, in the original visual language. */
.rc73-content-map{background:var(--paper-warm)}
.rc73-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rc73-hub-grid>a{
  min-height:122px;padding:18px;border:var(--rule);border-radius:var(--r-md);background:var(--paper);
  display:flex;flex-direction:column;justify-content:center;gap:7px;transition:var(--dur) var(--ease)
}
.rc73-hub-grid>a:hover{transform:translateY(-2px);border-color:var(--brass);box-shadow:var(--sh-2)}
.rc73-hub-grid strong{font-size:.95rem}.rc73-hub-grid span{color:var(--muted);font-size:.76rem;line-height:1.65}

/* Libraries: no stark white block in dark mode, smaller dense cards. */
.library-page main{background:linear-gradient(180deg,var(--paper-warm),var(--paper))!important}
.library-page .topic-hero{background:transparent!important}
.library-page .source-library-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.library-page .resource-card{padding:13px 14px;gap:6px;border-radius:9px;border-top-width:2px;background:color-mix(in srgb,var(--paper) 86%,var(--jade) 14%)}
.library-page .resource-card h3{font-size:.84rem;line-height:1.45}
.library-page .resource-card p{font-size:.69rem;line-height:1.6}
.library-page .source-chip{font-size:.58rem;padding:3px 6px}
.library-page .resource-links{gap:5px;padding-top:4px}
.library-page .resource-links a{min-height:28px;padding:4px 7px;font-size:.62rem}
.library-page .path-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.library-page .path-card{min-height:155px;padding:15px}
.library-page .path-card h3{font-size:.88rem}.library-page .path-card p{font-size:.7rem;line-height:1.55}
.library-page .path-icon{width:34px;height:34px;font-size:.7rem}
.rc73-library-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}

/* Existing expanded page components stay simple and consistent. */
.asl-kids-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.asl-kids-path .path-card{min-height:210px}
.rc73-kids-page .path-card:nth-child(4n+1){border-top:3px solid #B78B4A}
.rc73-kids-page .path-card:nth-child(4n+2){border-top:3px solid #5E8C7B}
.rc73-kids-page .path-card:nth-child(4n+3){border-top:3px solid #7C769A}
.rc73-kids-page .path-card:nth-child(4n){border-top:3px solid #A66D62}
.asl-dua-card{padding:20px;border:var(--rule);border-radius:var(--r-md);background:var(--paper);margin-bottom:12px}
.asl-dua-text{font-family:var(--font-reading-active);font-size:1.3rem;line-height:2.15;color:var(--ink)}
.asl-dua-card a{color:var(--jade);font-size:.78rem;font-weight:800}
.asl-qa-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:18px}
.asl-qa-toolbar input{flex:1;min-width:0;padding:10px 12px;border:var(--rule);border-radius:9px;background:var(--paper);color:var(--ink)}

/* Glossary */
.rc73-term-search{margin-bottom:18px}.rc73-term-search input{width:min(100%,650px);padding:11px 13px;border:var(--rule);border-radius:9px;background:var(--paper);color:var(--ink)}
.rc73-term-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.rc73-term-card{padding:15px;border:var(--rule);border-radius:9px;background:var(--paper)}
.rc73-term-card h3{font-size:.95rem;margin-bottom:6px}.rc73-term-card p{font-size:.75rem;line-height:1.7;color:var(--muted);margin-bottom:8px}
.rc73-term-card a{font-size:.68rem;color:var(--jade);font-weight:800}.rc73-term-card[hidden]{display:none!important}

/* Footer with real breathing room; same palette and identity. */
.rc73-footer{grid-template-columns:minmax(250px,1.5fr) repeat(3,minmax(130px,1fr))!important;gap:28px!important;align-items:start!important}
.rc73-footer .footer-brand{display:flex;gap:11px;align-items:flex-start}
.rc73-footer .footer-brand p{margin-top:5px;color:var(--muted);font-size:.72rem;line-height:1.7}
.rc73-footer-group{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.rc73-footer-group>strong{color:var(--brass);font-size:.75rem;margin-bottom:2px}
.rc73-footer-group a{display:block!important;margin:0!important;padding:0!important;color:var(--ink);font-size:.72rem;line-height:1.55}
.rc73-footer-group a:hover{color:var(--jade)}

/* Qur’an evidence visibility remains explicit in both themes. */
.quran-evidence-stack .source-verse,.verse-card .source-verse{visibility:visible!important;opacity:1!important;color:var(--ink)!important}
:root[data-theme="dark"] .quran-evidence-stack .source-verse,:root[data-theme="dark"] .verse-card .source-verse{color:#F7F3EA!important}

@media(max-width:1100px){
  .library-page .source-library-grid,.library-page .path-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rc73-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px){
  .rc73-header .header-calendar{display:none}
  .rc73-header .main-nav-sections.rc73-sections{position:relative}
  .rc73-header .rc73-mega-menu{position:static!important;width:100%!important;grid-template-columns:1fr!important;margin-top:7px!important;box-shadow:none!important}
  .asl-kids-path{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .library-page .source-library-grid,.library-page .path-grid,.rc73-term-grid{grid-template-columns:1fr}
  .rc73-hub-grid{grid-template-columns:1fr}
  .rc73-footer{grid-template-columns:1fr!important}
  .asl-kids-path{grid-template-columns:1fr}
  .rc73-header .reading-font-tool,.rc73-header .reading-tools-separator{display:none}
}


/* ==========================================================
   RC74 SURGICAL FIX — theme continuity + approved legacy hero.
   No global redesign.
   ========================================================== */
:root{
  --v21-emerald:#082F28;
  --v21-emerald-2:#0D4137;
  --v21-emerald-3:#155347;
  --v21-gold:#D7B56C;
  --v21-gold-2:#F0D491;
  --v21-ivory:#FBF7EE;
  --v21-mint:#9FD1BE;
  --v21-line:rgba(240,212,145,.24);
}

/* Approved emerald hero (RC21/RC23 identity), restored only on home. */
.v21-hero{position:relative;overflow:hidden;padding:34px 0 0;background:var(--paper)}
.v21-hero::before{content:"";position:absolute;inset:34px 0 auto 0;height:520px;background:radial-gradient(circle at 22% 14%,rgba(226,199,127,.10),transparent 23rem),linear-gradient(120deg,#062B24 0%,#0B3B32 51%,#0B493C 100%);z-index:0}
.v21-hero::after{content:"";position:absolute;top:50px;right:-120px;width:520px;height:520px;border:1px solid rgba(240,212,145,.13);border-radius:260px 260px 34px 34px;box-shadow:0 0 0 34px rgba(240,212,145,.018),0 0 0 68px rgba(240,212,145,.012);z-index:0;pointer-events:none}
.v21-hero-shell{position:relative;z-index:1;min-height:500px;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(330px,.72fr);gap:44px;align-items:center;padding:54px 48px 58px;color:var(--v21-ivory)}
.v21-hero-shell::before{content:"";position:absolute;inset:20px;border:1px solid rgba(240,212,145,.17);border-radius:28px;pointer-events:none}
.v21-hero-shell::after{content:"";position:absolute;left:31%;top:64px;bottom:64px;width:1px;background:linear-gradient(transparent,rgba(215,181,108,.24),transparent);pointer-events:none}
.v21-hero-copy{position:relative;z-index:1;max-width:720px}
.v21-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:17px;color:#BBD7CC;font:800 .72rem/1.5 var(--font-body)}
.v21-eyebrow span{width:34px;height:1px;background:var(--v21-gold)}
.v21-hero h1{margin:0;color:#FFF9EF;font-size:clamp(2.85rem,4.7vw,4.75rem);line-height:1.25;letter-spacing:-.045em;max-width:10.8ch}
.v21-hero h1 em{font-style:normal;color:var(--v21-gold-2)}
.v21-lead{max-width:680px;margin:18px 0 0;color:#D5E3DD;font-size:1rem;line-height:2}
.v21-hero-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;max-width:710px;margin-top:27px;padding:7px 8px;border:1px solid rgba(240,212,145,.5);border-radius:16px;background:#F9F6EF;box-shadow:0 18px 38px rgba(0,0,0,.2)}
.v21-search-icon{color:#45655B;font-size:1.25rem;padding-inline:7px}
.v21-hero-search input{min-width:0;height:50px;border:0;outline:0;background:transparent;color:#153B32;font:650 .91rem/1.5 var(--font-body)}
.v21-hero-search input::placeholder{color:#758A82}
.v21-hero-search button{height:46px;padding:0 24px;border:0;border-radius:11px;background:linear-gradient(135deg,#CBA251,#E2C77F);color:#17372F;font:850 .78rem var(--font-body);cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.45)}
.v21-chips{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:12px;color:#B9CCC4;font-size:.68rem}
.v21-chips>span{font-weight:800;color:#DBE7E2}
.v21-chips button{padding:5px 10px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.045);color:#EDF4F1;font:700 .65rem var(--font-body);cursor:pointer}
.v21-chips button:hover{border-color:rgba(240,212,145,.7);background:rgba(215,181,108,.1)}
.v21-hero-actions{display:flex;gap:10px;margin-top:22px}
.v21-primary-cta,.v21-secondary-cta{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:9px 19px;border-radius:11px;font:800 .74rem var(--font-body)}
.v21-primary-cta{background:linear-gradient(135deg,#D6B168,#EDD08D);color:#15372F}
.v21-secondary-cta{border:1px solid rgba(240,212,145,.45);color:#F7F2E8;background:rgba(255,255,255,.025)}
.v21-method-card{position:relative;z-index:1;padding:26px 24px;border:1px solid rgba(240,212,145,.24);border-radius:22px;background:linear-gradient(180deg,rgba(8,39,33,.78),rgba(6,31,26,.60));box-shadow:0 18px 44px rgba(0,0,0,.12);backdrop-filter:blur(4px)}
.v21-method-card::before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.04);border-radius:16px;pointer-events:none}
.v21-method-head{position:relative}.v21-method-head>span{color:var(--v21-gold-2);font:800 .67rem var(--font-body)}
.v21-method-head h2{margin:5px 0 4px;color:#FFF8EB;font-size:1.35rem}.v21-method-head p{color:#B6CAC1;font-size:.72rem}
.v21-method-steps{position:relative;display:grid;gap:10px;margin:20px 0 0;padding:0;list-style:none}
.v21-method-steps::before{content:"";position:absolute;right:17px;top:27px;bottom:27px;width:1px;background:rgba(215,181,108,.27)}
.v21-method-steps li{position:relative;display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.035)}
.v21-method-steps b{position:relative;z-index:1;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#123F35;border:1px solid rgba(215,181,108,.45);color:var(--v21-gold-2);font-size:.62rem}
.v21-method-steps strong{display:block;color:#fff;font-size:.8rem}.v21-method-steps span{display:block;margin-top:2px;color:#B8CBC3;font-size:.64rem;line-height:1.6}
.v21-method-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:12px}
.v21-method-stats span{display:flex;flex-direction:column;align-items:center;padding:10px 6px;background:rgba(255,255,255,.035)}
.v21-method-stats strong{color:var(--v21-gold-2);font-size:1rem}.v21-method-stats small{color:#AFC1BA;font-size:.57rem;text-align:center}
.v21-quick-start{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:-30px;padding-bottom:34px}
.v21-quick-start>a{min-height:116px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:18px 17px;border:1px solid var(--stone-light);border-radius:17px;background:var(--paper);box-shadow:0 14px 30px rgba(7,34,27,.07);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.v21-quick-start>a:hover,.v21-quick-start>a:focus-visible{transform:translateY(-3px);border-color:color-mix(in srgb,var(--brass) 55%,var(--stone-light));box-shadow:0 18px 38px rgba(7,34,27,.11)}
.v21-card-num{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--brass-soft);color:var(--brass);font:800 .65rem var(--font-body)}
.v21-quick-start strong{display:block;color:var(--ink);font-size:.82rem}.v21-quick-start small{display:block;margin-top:3px;color:var(--muted);font-size:.66rem;line-height:1.55}.v21-quick-start i{font-style:normal;color:var(--brass);font-size:1rem}
:root[data-theme="dark"] .v21-hero{background:var(--paper)}
:root[data-theme="dark"] .v21-quick-start>a{background:#121C18;border-color:#2B3A34}

/* Hadith scholar tags: keep topic and source labels visually separated. */
.scholar-directory-card .scholar-topics{display:flex!important;align-items:center;flex-wrap:wrap;gap:5px 9px!important}
.scholar-directory-card .scholar-topics span+span::before{content:"•";margin-inline-end:9px;color:var(--brass)}

@media(max-width:1180px){
  .v21-hero-shell{grid-template-columns:1fr;gap:26px}.v21-hero-shell::after{display:none}.v21-method-card{max-width:760px}.v21-quick-start{grid-template-columns:1fr 1fr}.v21-hero::before{height:780px}
}
@media(max-width:900px){
  .v21-hero{padding-top:18px}.v21-hero::before{inset:18px 0 auto;height:800px}.v21-hero-shell{min-height:auto;padding:42px 24px 54px}.v21-hero h1{font-size:clamp(2.55rem,8vw,3.8rem)}.v21-quick-start{margin-top:-20px}
}
@media(max-width:620px){
  .v21-hero-shell{padding:34px 18px 48px}.v21-hero h1{font-size:2.45rem;line-height:1.3}.v21-lead{font-size:.9rem}.v21-hero-search{grid-template-columns:auto 1fr}.v21-hero-search button{grid-column:1/-1;width:100%}.v21-chips button:nth-of-type(n+4){display:none}.v21-hero-actions{flex-direction:column}.v21-method-card{padding:20px 17px}.v21-quick-start{grid-template-columns:1fr;gap:9px;padding-bottom:22px}.v21-quick-start>a{min-height:96px}.v21-hero::before{height:1040px}
}


/* RC75 — Quran header menu + hard HTML label spacing + theme persistence UI */
.rc75-quran-menu{position:relative;display:block}
.rc75-quran-menu>summary{list-style:none;cursor:pointer}
.rc75-quran-menu>summary::-webkit-details-marker{display:none}
.rc75-quran-menu[open]>.rc73-quran-action{border-color:var(--brass);background:var(--brass-soft)}
.rc75-quran-menu-panel{position:absolute;z-index:220;top:calc(100% + 10px);inset-inline-start:0;width:min(310px,calc(100vw - 24px));display:grid;gap:5px;padding:9px;border:var(--rule);border-radius:14px;background:var(--paper);box-shadow:var(--sh-3)}
.rc75-quran-menu-panel a{display:grid;gap:2px;padding:10px 12px;border-radius:9px;border:1px solid transparent;background:var(--paper-warm)}
.rc75-quran-menu-panel a:hover,.rc75-quran-menu-panel a:focus-visible{border-color:var(--brass);background:var(--brass-soft);outline:none}
.rc75-quran-menu-panel strong{font-size:.82rem;color:var(--ink)}
.rc75-quran-menu-panel small{font-size:.69rem;line-height:1.55;color:var(--muted)}
.rc75-quran-menu-panel .rc75-quran-all{border-top:1px solid var(--stone-light);margin-top:2px}
.scholars-grid .scholar-directory-card .scholar-topics{display:block!important;word-spacing:.18em!important;letter-spacing:0!important;white-space:normal!important;color:var(--jade)!important}
.rc75-quran-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){.rc75-quran-menu-panel{position:fixed;top:76px;left:12px;right:12px;inset-inline:auto;width:auto}.rc75-quran-hub-grid{grid-template-columns:1fr}}


/* RC76 — Guided Aqidah Learning Path */
.course-route-strip{margin:22px auto 18px;max-width:1180px;border:1px solid var(--line,#d8d4c9);border-radius:18px;padding:14px 18px;display:grid;grid-template-columns:auto minmax(160px,1fr) auto;gap:16px;align-items:center;background:color-mix(in srgb,var(--surface,#fff) 94%,var(--accent,#0f6b58) 6%);box-shadow:0 10px 30px rgba(15,42,36,.05)}
.course-route-copy{display:flex;flex-direction:column;gap:2px}.course-route-copy span{font-size:.78rem;color:var(--muted,#68736e)}.course-route-copy strong{font-size:.92rem;color:var(--ink,#14231f)}
.course-route-progress{height:7px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--line,#d8d4c9) 80%,transparent)}.course-route-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c6a85a,#6fb69d)}
.course-route-map{font-weight:800;font-size:.83rem;color:var(--accent,#0d6c58);white-space:nowrap}
.course-mini-sequence{margin:14px 0 18px;border:1px solid var(--line,#d8d4c9);border-radius:14px;background:var(--surface,#fff);overflow:hidden}.course-mini-head{display:flex;justify-content:space-between;gap:12px;padding:12px 13px;border-bottom:1px solid var(--line,#d8d4c9);font-size:.78rem}.course-mini-head span{font-weight:800}.course-mini-head a{color:var(--accent,#0d6c58);font-weight:800}.course-mini-sequence ol{list-style:none;margin:0;padding:6px}.course-mini-sequence li{margin:0}.course-mini-sequence li a{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:center;padding:8px;border-radius:10px;color:inherit}.course-mini-sequence li a:hover{background:color-mix(in srgb,var(--accent,#0d6c58) 8%,transparent)}.course-mini-sequence li span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;border:1px solid var(--line,#d8d4c9);font-size:.72rem;font-weight:900}.course-mini-sequence li b{font-size:.75rem;line-height:1.5}.course-mini-sequence li.is-current a{background:color-mix(in srgb,var(--accent,#0d6c58) 12%,transparent)}.course-mini-sequence li.is-current span{background:var(--accent,#0d6c58);border-color:var(--accent,#0d6c58);color:#fff}.course-mini-sequence li.is-done span{background:#d5eee5;border-color:#7cbca5;color:#174d3e}.course-mini-sequence li.is-done b:after{content:' ✓';color:#4d9e81}
.course-next-step{margin:34px 0 18px;padding:24px;border:1px solid color-mix(in srgb,#c6a85a 48%,var(--line,#d8d4c9));border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface,#fff) 94%,#c6a85a 6%),color-mix(in srgb,var(--surface,#fff) 96%,#5fae92 4%));display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.course-next-copy span{font-size:.76rem;font-weight:800;color:#9a7d31}.course-next-copy h2{margin:5px 0 6px;font-size:1.35rem}.course-next-copy p{margin:0;color:var(--muted,#68736e)}.course-next-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.course-next-map{font-size:.78rem;font-weight:800;color:var(--accent,#0d6c58)}
.aqidah-path-page .path-hero{max-width:900px;margin:44px auto 26px;text-align:center}.aqidah-path-page .path-hero .eyebrow{display:inline-flex;padding:6px 11px;border-radius:999px;background:color-mix(in srgb,var(--accent,#0d6c58) 10%,transparent);color:var(--accent,#0d6c58);font-size:.8rem;font-weight:900}.aqidah-path-page .path-hero h1{font-size:clamp(2rem,5vw,4rem);margin:14px 0 12px;line-height:1.2}.aqidah-path-page .path-hero p{max-width:760px;margin:auto;color:var(--muted,#68736e);font-size:1.03rem;line-height:2}.aqidah-path-page .path-progress-card{max-width:850px;margin:0 auto 32px;padding:16px 18px;border:1px solid var(--line,#d8d4c9);border-radius:16px;background:var(--surface,#fff)}.aqidah-path-page .path-progress-top{display:flex;justify-content:space-between;gap:12px;font-weight:800;font-size:.86rem}.aqidah-path-page .path-progress-track{height:9px;margin-top:10px;border-radius:999px;background:color-mix(in srgb,var(--line,#d8d4c9) 80%,transparent);overflow:hidden}.aqidah-path-page .path-progress-track span{display:block;height:100%;background:linear-gradient(90deg,#c6a85a,#61ae91);border-radius:inherit;transition:width .25s ease}
.aqidah-path-page .path-phase{max-width:1040px;margin:42px auto}.aqidah-path-page .path-phase-head{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;margin-bottom:16px}.aqidah-path-page .path-phase-num{width:42px;height:42px;border-radius:13px;background:#12372f;color:#fff;display:grid;place-items:center;font-weight:900}.aqidah-path-page .path-phase-head h2{margin:0 0 4px;font-size:1.35rem}.aqidah-path-page .path-phase-head p{margin:0;color:var(--muted,#68736e)}.aqidah-path-page .path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.aqidah-path-page .path-card{position:relative;display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;padding:18px;border:1px solid var(--line,#d8d4c9);border-radius:17px;background:var(--surface,#fff);color:inherit;box-shadow:0 8px 24px rgba(15,42,36,.035);transition:transform .18s ease,border-color .18s ease}.aqidah-path-page .path-card:hover{transform:translateY(-2px);border-color:#76ad9a}.aqidah-path-page .path-card-num{width:48px;height:48px;border-radius:14px;background:color-mix(in srgb,var(--accent,#0d6c58) 11%,transparent);display:grid;place-items:center;font-weight:900;color:var(--accent,#0d6c58)}.aqidah-path-page .path-card h3{margin:0 0 4px;font-size:1rem}.aqidah-path-page .path-card p{margin:0;color:var(--muted,#68736e);font-size:.82rem;line-height:1.7}.aqidah-path-page .path-card-state{padding:6px 9px;border-radius:999px;border:1px solid var(--line,#d8d4c9);font-size:.72rem;font-weight:900;white-space:nowrap}.aqidah-path-page .path-card.is-done{border-color:#72b59c}.aqidah-path-page .path-card.is-done .path-card-state{background:#d9efe7;border-color:#9bcab8;color:#215f4d}.aqidah-path-page .path-finish{max-width:1040px;margin:34px auto 60px;padding:26px;border-radius:20px;background:#12372f;color:#f7f2e8;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.aqidah-path-page .path-finish h2{margin:0 0 7px}.aqidah-path-page .path-finish p{margin:0;color:#d6e4df}.aqidah-path-page .path-finish a{background:#f4e6b5;color:#17332c;padding:11px 16px;border-radius:12px;font-weight:900}
html[data-theme="dark"] .course-route-strip,html[data-theme="dark"] .course-mini-sequence,html[data-theme="dark"] .course-next-step,html[data-theme="dark"] .aqidah-path-page .path-progress-card,html[data-theme="dark"] .aqidah-path-page .path-card{background:#0d1915;border-color:#30483f;color:#f5f1e7}html[data-theme="dark"] .course-route-copy strong,html[data-theme="dark"] .aqidah-path-page .path-card h3{color:#f5f1e7}html[data-theme="dark"] .course-mini-sequence li.is-done span{background:#16392f;color:#a9dec9;border-color:#376a59}
@media(max-width:860px){.course-route-strip{grid-template-columns:1fr}.course-route-map{justify-self:start}.course-next-step,.aqidah-path-page .path-finish{grid-template-columns:1fr}.course-next-actions{justify-content:flex-start}.aqidah-path-page .path-grid{grid-template-columns:1fr}.course-mini-sequence ol{max-height:290px;overflow:auto}}
@media(max-width:560px){.course-route-strip{margin:12px 10px;padding:12px}.course-next-step{padding:18px}.aqidah-path-page .path-hero{margin-top:24px}.aqidah-path-page .path-card{grid-template-columns:44px 1fr}.aqidah-path-page .path-card-state{grid-column:2}.aqidah-path-page .path-phase{margin:30px 12px}.aqidah-path-page .path-progress-card{margin-left:12px;margin-right:12px}.aqidah-path-page .path-finish{margin-left:12px;margin-right:12px}}



/* RC77 — compact home need selector; isolated from guided path cards */
#paths.compact-needs{padding-block:clamp(38px,5vw,66px)}
#paths .compact-needs-head{align-items:end;margin-bottom:18px}
#paths .compact-needs-head h2{margin-bottom:7px}
#paths .compact-needs-head p:not(.eyebrow){max-width:650px;margin:0;color:var(--muted);font-size:.92rem}
#paths .need-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#paths .need-card{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 24px;gap:11px;align-items:center;min-height:126px;padding:17px 15px;border:var(--rule);border-radius:14px;background:var(--paper);color:var(--ink);text-decoration:none;overflow:hidden;transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
#paths .need-card::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;background:var(--stone)}
#paths .need-card:hover{transform:translateY(-2px);border-color:var(--jade);box-shadow:var(--sh-1)}
#paths .need-card:hover::before,#paths .need-card-primary::before{background:var(--brass)}
#paths .need-card-primary{background:linear-gradient(145deg,var(--jade-deep),#17463b);border-color:#44685d;color:var(--inverse-text)}
#paths .need-num{display:grid;place-items:center;width:34px;height:34px;border:var(--rule);border-radius:10px;color:var(--brass);font-family:var(--font-display);font-size:.77rem;font-weight:800}
#paths .need-card-primary .need-num{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.05)}
#paths .need-copy{min-width:0}
#paths .need-kicker{display:block;margin-bottom:5px;color:var(--brass);font-size:.67rem;font-weight:800}
#paths .need-card h3{margin:0 0 5px;font-size:.98rem;line-height:1.55;font-weight:800}
#paths .need-card p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.7;white-space:normal}
#paths .need-card-primary h3{color:var(--inverse-text)}
#paths .need-card-primary p{color:rgba(255,255,255,.68)}
#paths .need-arrow{align-self:center;color:var(--jade);font-size:1rem;font-weight:800}
#paths .need-card-primary .need-arrow{color:var(--brass-muted)}
:root[data-theme="dark"] #paths .need-card{background:#101a16;border-color:#30453d;color:#f3efe5}
:root[data-theme="dark"] #paths .need-card-primary{background:linear-gradient(145deg,#184a3e,#10352d);border-color:#4d7568}
:root[data-theme="dark"] #paths .need-card p{color:#9fb0aa}
:root[data-theme="dark"] #paths .need-card-primary p{color:#c4d4ce}
@media(max-width:1060px){#paths .need-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){#paths .compact-needs-head{align-items:start}#paths .need-grid{grid-template-columns:1fr}#paths .need-card{min-height:98px;padding:14px 13px}#paths .need-card p{font-size:.7rem}}


/* ==========================================================
   RC78 — editorial, scholarly content + compact navigation
   Namespaced to avoid disturbing established layouts.
   ========================================================== */
.rc78-tight-hero{padding-top:42px!important;padding-bottom:34px!important}
.rc78-first-section{padding-top:26px!important}
.topic-hero+.section{padding-top:30px}
.rc78-soft-section{background:var(--paper-warm)}
.rc78-note{margin-top:18px}

/* Compact header calendar + next prayer */
.rc73-header .header-primary-inner{min-height:58px!important;gap:10px!important}
.rc73-header .brand img{width:36px!important;height:42px!important}
.rc73-header .brand-copy strong{font-size:17px!important}
.rc73-header .header-navigation-inner{min-height:46px!important}
.rc73-header .header-calendar{display:grid!important;grid-template-columns:auto minmax(112px,1fr) auto;align-items:center;gap:8px;min-width:310px!important;text-align:start!important}
.header-date-stack{display:grid;gap:1px;line-height:1.25}
.header-gregorian{font-weight:800;color:var(--ink);font-size:10.5px}
.header-date{font-size:9.8px;color:var(--muted)}
.header-cairo-time{font-weight:900;color:var(--jade);white-space:nowrap}
.header-next-prayer{display:grid;gap:0;padding:5px 8px;border:1px solid color-mix(in srgb,var(--jade) 28%,transparent);border-radius:10px;background:var(--jade-soft);white-space:nowrap;line-height:1.25}
.header-next-prayer small{font-size:8.5px;color:var(--muted)}
.header-next-prayer strong{font-size:10.5px;color:var(--jade)}
.language-symbol{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 4px;border-radius:7px;background:var(--jade-soft);color:var(--jade);font:800 10px/1 var(--font-body)}
.language-menu .language-symbol{margin-inline-end:5px}
@media(max-width:1180px){.rc73-header .header-calendar{min-width:235px!important;grid-template-columns:auto 1fr}.header-next-prayer{grid-column:1/-1;display:flex;justify-content:center;gap:5px;padding:3px 6px}.header-next-prayer small{font-size:8px}}
@media(max-width:980px){.rc73-header .header-calendar{display:none!important}}

/* Q&A */
.qa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.qa-card{border:var(--rule);border-radius:12px;background:var(--paper);overflow:hidden}
.qa-card[open]{border-color:color-mix(in srgb,var(--jade) 50%,var(--stone));box-shadow:var(--sh-1)}
.qa-card summary{list-style:none;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:15px 16px;cursor:pointer;font-weight:800;color:var(--ink)}
.qa-card summary::-webkit-details-marker{display:none}.qa-num{display:grid;place-items:center;width:38px;height:38px;border:var(--rule);border-radius:9px;color:var(--jade);font-size:11px}.qa-plus{color:var(--brass)}
.qa-answer{padding:0 70px 16px 16px;color:var(--muted);font-size:.83rem;line-height:1.85}.qa-answer p{margin:0 0 8px}.qa-answer a{font-weight:800;color:var(--jade)}

/* Family */
.rc78-family-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rc78-family-step{display:grid;grid-template-columns:52px 1fr;gap:14px;padding:20px;border:var(--rule);border-radius:14px;background:var(--paper);min-height:170px}.rc78-step-num{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--jade-soft);color:var(--jade);font-weight:900}.rc78-family-step small{color:var(--brass);font-weight:900}.rc78-family-step h3{margin:5px 0 8px;font-size:1.06rem}.rc78-family-step p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.8}
.rc78-practice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.rc78-practice-grid article{padding:18px;border:var(--rule);border-radius:12px;background:var(--paper)}.rc78-practice-grid strong{display:block;margin-bottom:6px;color:var(--ink)}.rc78-practice-grid p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.7}

/* Books */
.rc78-book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.rc78-book-card{display:flex;flex-direction:column;min-height:225px;padding:18px;border:var(--rule);border-radius:13px;background:var(--paper)}.rc78-book-meta{display:flex;justify-content:space-between;color:var(--brass);font-size:.68rem;font-weight:900}.rc78-book-meta b{color:var(--jade)}.rc78-book-card h3{margin:16px 0 7px;font-size:.98rem}.rc78-book-card p{margin:0;color:var(--muted);font-size:.73rem;line-height:1.75}.rc78-resource-note{margin-top:8px;color:var(--jade);font-size:.68rem;font-weight:800}.rc78-resource-actions{margin-top:auto;padding-top:14px}.rc78-resource-actions a{font-size:.72rem;font-weight:900;color:var(--jade)}

/* Hadith */
.rc78-stage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rc78-hadith-stage{scroll-margin-top:130px;padding:20px;border:var(--rule);border-radius:14px;background:var(--paper)}.rc78-stage-head{display:flex;gap:12px;align-items:center}.rc78-stage-head>span{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--jade-soft);color:var(--jade);font-weight:900}.rc78-stage-head small{color:var(--brass);font-weight:800}.rc78-stage-head h3{margin:2px 0 0}.rc78-hadith-stage>p{color:var(--muted);font-size:.78rem;line-height:1.8}.rc78-stage-task{padding:10px 12px;border-inline-start:3px solid var(--brass);background:var(--paper-warm);border-radius:8px;color:var(--muted);font-size:.73rem}.rc78-stage-task strong{color:var(--ink)}
.rc78-scholar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.rc78-scholar-card{display:flex;flex-direction:column;padding:18px;border:var(--rule);border-radius:13px;background:var(--paper);min-height:190px;transition:var(--dur) var(--ease)}.rc78-scholar-card:hover{transform:translateY(-2px);border-color:var(--brass);box-shadow:var(--sh-2)}.rc78-scholar-card>span{color:var(--jade);font-size:.68rem;font-weight:900}.rc78-scholar-card h3{margin:10px 0 6px;font-size:1rem}.rc78-scholar-card p{margin:0;color:var(--muted);font-size:.73rem;line-height:1.75}.rc78-scholar-card b{margin-top:auto;padding-top:12px;color:var(--jade);font-size:.7rem}
.rc78-source-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.rc78-source-row>a{display:flex;flex-direction:column;gap:6px;padding:16px;border:var(--rule);border-radius:12px;background:var(--paper)}.rc78-source-row strong{font-size:.88rem}.rc78-source-row span{color:var(--muted);font-size:.7rem;line-height:1.6}

/* Seerah */
.rc78-seerah-list{display:grid;gap:9px}.rc78-seerah-step{border:var(--rule);border-radius:12px;background:var(--paper);overflow:hidden}.rc78-seerah-step summary{list-style:none;display:grid;grid-template-columns:46px 1fr auto;gap:13px;align-items:center;padding:15px 17px;cursor:pointer}.rc78-seerah-step summary::-webkit-details-marker{display:none}.rc78-seerah-step summary>span{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--jade-soft);color:var(--jade);font-weight:900}.rc78-seerah-step small{color:var(--brass);font-weight:800}.rc78-seerah-step h3{margin:2px 0 0}.rc78-seerah-step summary b{color:var(--jade);font-size:.7rem}.rc78-seerah-step>div{padding:0 75px 16px 17px;color:var(--muted);font-size:.78rem;line-height:1.8}.rc78-seerah-step>div a{font-weight:900;color:var(--jade)}

/* Adab */
.rc78-adab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.rc78-adab-card{border:var(--rule);border-radius:13px;background:var(--paper);overflow:hidden}.rc78-adab-card summary{list-style:none;display:grid;grid-template-columns:50px 1fr auto;gap:12px;align-items:center;padding:18px;cursor:pointer}.rc78-adab-card summary::-webkit-details-marker{display:none}.rc78-adab-card small{color:var(--brass);font-weight:800}.rc78-adab-card h3{margin:3px 0}.rc78-adab-card summary b{font-size:.7rem;color:var(--jade)}.rc78-adab-card>div{padding:0 80px 18px 18px;color:var(--muted);font-size:.76rem;line-height:1.8}.rc78-adab-card ul{margin:8px 0 0;padding-inline-start:18px}

/* Adhkar */
.rc78-dhikr-hub{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.rc78-dhikr-hub>a{padding:18px;border:var(--rule);border-radius:13px;background:var(--paper);min-height:150px}.rc78-dhikr-hub span{color:var(--jade);font-weight:900;font-size:.7rem}.rc78-dhikr-hub h3{margin:12px 0 6px;font-size:.95rem}.rc78-dhikr-hub p{margin:0;color:var(--muted);font-size:.7rem;line-height:1.7}.rc78-counting{background:var(--paper-warm)}
.rc78-dayline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.rc78-dayline>a{position:relative;padding:18px 14px;border:var(--rule);border-radius:12px;background:var(--paper);min-height:150px}.rc78-dayline>a:not(:last-child)::after{content:'←';position:absolute;inset-inline-end:-12px;top:50%;z-index:2;color:var(--brass);font-weight:900}.rc78-dayline span{color:var(--brass);font-size:.65rem;font-weight:900}.rc78-dayline strong{display:block;margin:10px 0 6px;font-size:.88rem}.rc78-dayline small{color:var(--muted);font-size:.66rem;line-height:1.6}
.rc78-dhikr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rc78-dhikr-card{padding:20px;border:var(--rule);border-radius:14px;background:var(--paper)}.rc78-dhikr-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.rc78-dhikr-head span{color:var(--brass);font-size:.7rem;font-weight:900}.rc78-dhikr-head b{padding:5px 9px;border-radius:999px;background:var(--jade-soft);color:var(--jade);font-size:.67rem}.rc78-dhikr-card h3{margin:14px 0 8px;font-size:1rem}.rc78-dhikr-text{font-family:var(--font-reading);font-size:1.02rem!important;line-height:2!important;color:var(--ink)!important}.rc78-dhikr-source{margin-top:12px;padding-top:10px;border-top:var(--rule-soft);color:var(--muted);font-size:.69rem;line-height:1.65}.rc78-dhikr-source strong{color:var(--jade)}.rc78-dhikr-card>small{display:block;margin-top:7px;color:var(--muted)}

/* Qur'an reading dignity */
.quran-ayah{padding:.05em .08em;border-radius:10px;transition:.18s ease}
.quran-ayah:hover,.quran-ayah.is-current-ayah{background:color-mix(in srgb,var(--brass) 10%,transparent)}
.quran-ayah-marker{display:inline-grid!important;place-items:center!important;min-width:1.85em!important;width:1.85em!important;height:1.85em!important;margin-inline:.2em!important;border:1px solid color-mix(in srgb,var(--brass) 72%,var(--stone))!important;border-radius:50%!important;background:radial-gradient(circle at center,color-mix(in srgb,var(--brass) 10%,var(--paper)) 0 48%,transparent 49%)!important;color:var(--brass)!important;box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 4px color-mix(in srgb,var(--brass) 28%,transparent)!important;font-family:var(--font-body)!important;font-size:.62em!important;font-weight:900!important;vertical-align:middle!important}

@media(max-width:900px){.qa-grid,.rc78-family-grid,.rc78-stage-grid,.rc78-adab-grid,.rc78-dhikr-grid{grid-template-columns:1fr}.rc78-book-grid,.rc78-scholar-grid,.rc78-source-row{grid-template-columns:repeat(2,minmax(0,1fr))}.rc78-practice-grid,.rc78-dhikr-hub{grid-template-columns:repeat(2,minmax(0,1fr))}.rc78-dayline{grid-template-columns:1fr}.rc78-dayline>a:not(:last-child)::after{content:'↓';inset-inline-end:18px;top:auto;bottom:-15px}}
@media(max-width:620px){.rc78-book-grid,.rc78-scholar-grid,.rc78-source-row,.rc78-practice-grid,.rc78-dhikr-hub{grid-template-columns:1fr}.qa-card summary{grid-template-columns:36px 1fr auto;padding:13px}.qa-answer{padding:0 13px 14px}.rc78-family-step{grid-template-columns:42px 1fr;padding:16px}.rc78-seerah-step>div,.rc78-adab-card>div{padding:0 15px 15px}.rc78-seerah-step summary,.rc78-adab-card summary{grid-template-columns:42px 1fr auto;padding:14px}.rc78-dhikr-card{padding:16px}}


/* RC79 — useful knowledge UX, comprehensive adhkar, calm theme */
html[data-theme="soft"]{
  --paper:#f2f7ec;--paper-warm:#eaf2e1;--ink:#173124;--muted:#587064;--stone:#b9cab8;--stone-light:#d5e1d0;
  --jade:#2f7353;--jade-deep:#214F40;--brass:#80642e;--brass-soft:rgba(138,115,49,.12);--tool-bg:#edf4e8;
  background:#e7f0df;color-scheme:light;
}
html[data-theme="soft"] body{background:linear-gradient(180deg,#edf5e6 0,#f6f8f0 34%,#f2f7ec 100%);color:var(--ink)}
html[data-theme="soft"] .site-header{background:rgba(238,246,232,.96)}
html[data-theme="soft"] .header-navigation{background:rgba(230,241,224,.98)}
html[data-theme="soft"] .v21-hero,html[data-theme="soft"] .topic-hero{background:linear-gradient(180deg,rgba(219,237,208,.78),rgba(242,247,236,.9))}
html[data-theme="soft"] .rc78-book-card,html[data-theme="soft"] .rc78-dhikr-card,html[data-theme="soft"] .rc79-reference-banner,html[data-theme="soft"] .rc79-course-nav{background:rgba(255,255,255,.68)}

.rc79-tight{padding-block:clamp(46px,6vw,84px)}
.rc79-first{padding-top:clamp(28px,4vw,48px)}
.rc79-adhkar-map{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.rc79-adhkar-map.rc79-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.rc79-adhkar-map>a{display:block;min-height:150px;padding:20px;border:1px solid var(--stone-light);border-radius:16px;background:var(--paper-warm);transition:.18s ease;position:relative;overflow:hidden}
.rc79-adhkar-map>a:hover{transform:translateY(-2px);border-color:var(--jade);box-shadow:0 10px 30px rgba(0,0,0,.06)}
.rc79-adhkar-map b{display:inline-grid;place-items:center;min-width:36px;height:30px;border:1px solid var(--stone);border-radius:9px;color:var(--jade);font-size:.78rem}
.rc79-adhkar-map h3{margin:18px 0 7px;font-size:1.08rem}.rc79-adhkar-map span{color:var(--muted);font-size:.88rem;line-height:1.7}
.rc79-dhikr-section{padding-top:30px}.rc79-dhikr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rc79-dhikr-card{min-height:0!important;padding:22px!important}.rc79-dhikr-card h3{font-size:1.18rem}.rc79-dhikr-card .rc78-dhikr-text{font-size:1.08rem;line-height:2}.rc79-source-link{display:inline-flex;margin-top:12px;font-size:.78rem;font-weight:800;color:var(--jade)}
.rc79-reference-banner,.rc79-scholar-feature{display:grid;grid-template-columns:1.25fr .75fr;gap:26px;align-items:center;padding:28px;border:1px solid var(--stone-light);border-radius:18px;background:var(--paper-warm)}
.rc79-reference-banner span,.rc79-scholar-feature>div>span{color:var(--jade);font-size:.78rem;font-weight:900}.rc79-reference-banner h2,.rc79-scholar-feature h2{margin:8px 0;font-size:clamp(1.25rem,2.4vw,1.75rem)}
.rc79-reference-actions,.rc79-profile-links{display:grid;gap:9px}.rc79-reference-actions a,.rc79-profile-links a{padding:12px 14px;border:1px solid var(--stone-light);border-radius:11px;background:var(--paper);font-weight:800}.rc79-profile-links a{display:grid;gap:4px}.rc79-profile-links span{font-size:.8rem;color:var(--muted);font-weight:500}
.rc79-method-band{padding-block:36px}.rc79-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rc79-two-col>div{padding:24px;border:1px solid var(--stone-light);border-radius:16px;background:var(--paper-warm)}
.rc79-ruqyah-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rc79-ruqyah-grid article{padding:22px;border:1px solid var(--stone-light);border-radius:16px;background:var(--paper-warm)}.rc79-ruqyah-grid article>span{color:var(--jade);font-size:.75rem;font-weight:900}.rc79-ruqyah-grid h2{font-size:1.2rem;margin:10px 0}.rc79-ruqyah-grid p{line-height:2}.rc79-ruqyah-grid small{display:block;color:var(--muted);line-height:1.7}
.rc79-scholar-profile{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:start}.rc79-soft-section{background:linear-gradient(180deg,transparent,var(--paper-warm),transparent)}
.rc79-course-nav{margin:30px auto 12px;border:1px solid var(--stone-light);border-radius:18px;background:var(--paper-warm);padding:0!important;overflow:hidden}.rc79-course-nav>.container{padding-block:22px}.rc79-course-head{display:flex;justify-content:space-between;gap:18px;align-items:start}.rc79-course-head span{display:block;color:var(--jade);font-size:.76rem;font-weight:900}.rc79-course-head strong{font-size:.84rem;color:var(--muted)}.rc79-course-head h2{margin:6px 0 0;font-size:1.35rem}.rc79-course-head>a{white-space:nowrap;font-size:.8rem;font-weight:800;color:var(--jade)}
.rc79-course-dots{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;margin:18px 0}.rc79-course-dots a{height:38px;display:grid;place-items:center;border:1px solid var(--stone-light);border-radius:10px;background:var(--paper);font-weight:800;color:var(--muted)}.rc79-course-dots a.is-current{background:var(--jade);color:#fff;border-color:var(--jade)}.rc79-course-actions{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap}.rc79-course-actions .button{margin:0}
.global-note-card h2{color:#fff!important;text-shadow:0 1px 0 rgba(0,0,0,.18)}.global-note-card .eyebrow{color:#9be2c6!important}.global-note-card>p{color:rgba(255,255,255,.82)!important}
html[data-theme="dark"] .global-note-card{background:#14352c!important;border-color:#326254!important}html[data-theme="dark"] .global-note-card h2{color:#fff8e8!important}
.rc78-resource-actions a{font-weight:800}.rc78-resource-actions a::before{content:'↗ ';font-size:.72em;opacity:.55}.rc78-resource-actions a[href^="/"]::before{content:'← '}

@media(max-width:1000px){.rc79-adhkar-map{grid-template-columns:repeat(2,minmax(0,1fr))}.rc79-adhkar-map.rc79-three{grid-template-columns:repeat(2,minmax(0,1fr))}.rc79-reference-banner,.rc79-scholar-feature,.rc79-scholar-profile{grid-template-columns:1fr}.rc79-course-dots{grid-template-columns:repeat(5,1fr)}}
@media(max-width:700px){.rc79-adhkar-map,.rc79-adhkar-map.rc79-three,.rc79-dhikr-grid,.rc79-two-col,.rc79-ruqyah-grid{grid-template-columns:1fr}.rc79-adhkar-map>a{min-height:120px}.rc79-course-head{display:grid}.rc79-course-dots{grid-template-columns:repeat(5,1fr)}.rc79-course-actions{display:grid}.rc79-course-actions .button{width:100%;justify-content:center}}


/* RC79 final — complete Qur'an passages inside adhkar/ruqyah */
.rc79-action-note{display:block;margin-bottom:12px;color:var(--muted);font-family:var(--font-body);font-size:.86rem;line-height:1.85}
.rc79-quran-dhikr{display:grid;gap:8px;margin-top:10px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--brass) 30%,var(--stone-light));border-radius:14px;background:color-mix(in srgb,var(--brass-soft) 55%,var(--paper));font-family:var(--font-reading);font-size:1.08rem;line-height:2.15}
.rc79-quran-dhikr>strong{margin-top:5px;color:var(--brass);font-family:var(--font-body);font-size:.78rem}
.rc79-ayah-line{display:block}.rc79-mini-ayah{display:inline-grid;place-items:center;min-width:1.75em;height:1.75em;margin-inline:.22em;border:1px solid color-mix(in srgb,var(--brass) 55%,var(--stone));border-radius:50%;color:var(--brass);font-family:var(--font-body);font-size:.64em;font-weight:900}
html[data-theme="dark"] .rc79-quran-dhikr{background:#14231e;border-color:#3a5148;color:#fff8ea}
html[data-theme="soft"] .rc79-quran-dhikr{background:rgba(255,255,255,.62)}
@media(max-width:620px){.rc79-quran-dhikr{padding:13px 14px;font-size:1rem;line-height:2}}


/* RC80 — scholarly depth + refined motion */
:root{--rc80-glow:color-mix(in srgb,var(--jade) 10%,transparent)}
html{scroll-behavior:smooth}
body{transition:background-color .28s ease,color .28s ease}
a,button,summary,.path-card,.rc80-study-card,.rc80-hub-card,.rc80-question,.rc80-dua-card{transition:color .22s ease,background-color .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease,opacity .22s ease}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--jade);outline-offset:3px}
.site-header{box-shadow:0 8px 28px rgba(9,34,27,.045);backdrop-filter:blur(14px)}
.rc73-header .header-primary-inner{min-height:68px!important}.rc73-header .header-navigation-inner{min-height:46px!important}
.rc73-header .brand img{width:40px!important;height:44px!important}.rc73-header .brand-copy strong{font-size:17px!important}.rc73-header .brand-copy small{font-size:10.5px!important}
.rc80-calendar{grid-template-columns:auto minmax(126px,1fr) auto!important;min-width:320px!important}.rc80-calendar .header-date-stack{gap:0}.rc80-calendar [data-hijri-date]{order:1;font-size:11.2px!important;font-weight:800!important;color:var(--jade)!important;background:transparent!important;border:0!important;padding:0!important;margin:0!important}.rc80-calendar [data-gregorian-date]{order:2;font-size:9.4px!important;font-weight:600!important;color:var(--muted)!important}.rc80-calendar .header-cairo-time{font-size:11.5px!important;font-weight:800}.rc80-calendar .header-next-prayer{padding:4px 7px!important}
.rc80-tight-hero{padding:clamp(46px,6vw,82px) 0!important}.rc80-tight-hero h1{max-width:900px;margin-inline:auto}.rc80-tight-hero .lead{max-width:820px;margin-inline:auto}
.rc80-study-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.rc80-study-card{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:24px;border:1px solid var(--stone);border-radius:18px;background:var(--paper);box-shadow:0 8px 30px rgba(5,28,22,.035)}.rc80-study-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--jade) 45%,var(--stone));box-shadow:0 14px 38px rgba(5,28,22,.07)}.rc80-study-num{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--jade-soft);color:var(--jade);font-weight:900}.rc80-kicker{color:var(--brass);font-size:.72rem;font-weight:900}.rc80-study-card h3{margin:5px 0 10px;font-size:1.25rem}.rc80-study-body p,.rc80-study-body li{color:var(--muted);line-height:1.9;font-size:.9rem}.rc80-study-body ul{margin:10px 0 0;padding-inline-start:18px}.rc80-evidence{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.rc80-evidence span{padding:5px 9px;border-radius:999px;background:var(--paper-warm);color:var(--muted);font-size:.68rem}
.rc80-source-shelf{background:var(--paper-warm)}.rc80-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rc80-link-grid a{display:grid;gap:5px;padding:18px;border:1px solid var(--stone);border-radius:14px;background:var(--paper)}.rc80-link-grid a:hover{transform:translateY(-2px);border-color:var(--jade)}.rc80-link-grid strong{color:var(--ink)}.rc80-link-grid span{color:var(--muted);font-size:.82rem}
.rc80-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.rc80-steps article{padding:20px;border:1px solid var(--stone);border-radius:14px;background:var(--paper)}.rc80-steps b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--jade-soft);color:var(--jade)}.rc80-steps h3{margin:10px 0 6px}.rc80-steps p{color:var(--muted);font-size:.84rem}
.rc80-filterbar{position:sticky;top:118px;z-index:20;display:flex;gap:8px;overflow:auto;padding:10px;margin-bottom:18px;border:1px solid var(--stone);border-radius:14px;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(12px)}.rc80-filterbar button{flex:0 0 auto;padding:8px 12px;border:1px solid var(--stone);border-radius:999px;background:var(--paper-warm);color:var(--muted);font:inherit;font-size:.76rem;font-weight:800}.rc80-filterbar button.is-active{background:var(--jade);color:white;border-color:var(--jade)}.rc80-questions{display:grid;gap:9px}.rc80-question{border:1px solid var(--stone);border-radius:14px;background:var(--paper);overflow:hidden}.rc80-question summary{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:12px;padding:16px;cursor:pointer;list-style:none}.rc80-question summary::-webkit-details-marker{display:none}.rc80-question summary span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--jade-soft);color:var(--jade);font-size:.72rem;font-weight:900}.rc80-question[open]{border-color:color-mix(in srgb,var(--jade) 45%,var(--stone));box-shadow:0 8px 28px rgba(5,28,22,.05)}.rc80-question>div{padding:0 70px 18px 16px}.rc80-question p{color:var(--muted);line-height:1.9}.rc80-question a{color:var(--jade);font-weight:800;font-size:.8rem}
.rc80-dua-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px;padding:14px 16px;border:1px solid var(--stone);border-radius:14px;background:var(--paper-warm)}.rc80-dua-toolbar span{color:var(--muted);font-size:.8rem}.rc80-dua-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rc80-dua-card{padding:18px;border:1px solid var(--stone);border-radius:14px;background:var(--paper)}.rc80-dua-card>div{display:flex;justify-content:space-between;gap:10px;color:var(--jade);font-size:.7rem;font-weight:900}.rc80-dua-card p{margin:12px 0;font-family:var(--font-reading-active);font-size:1.02rem;line-height:2}.rc80-dua-card small{color:var(--muted)}
.rc80-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rc80-hub-card{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:14px;padding:18px;border:1px solid var(--stone);border-radius:15px;background:var(--paper)}.rc80-hub-card:hover{transform:translateY(-2px);border-color:var(--jade)}.rc80-hub-card>span{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--jade-soft);color:var(--jade);font-weight:900}.rc80-hub-card h3{margin:0 0 4px}.rc80-hub-card p{margin:0;color:var(--muted);font-size:.78rem}.rc80-hub-card b{color:var(--jade);font-size:.72rem;white-space:nowrap}.rc80-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rc80-two-col>div{padding:24px;border:1px solid var(--stone);border-radius:16px;background:var(--paper)}
.rc80-dhikr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rc80-dhikr-card{padding:20px;border:1px solid var(--stone);border-radius:15px;background:var(--paper)}.rc80-dhikr-card>div{display:flex;justify-content:space-between;gap:10px}.rc80-dhikr-card>div span{color:var(--jade);font-weight:900}.rc80-dhikr-card>div b{color:var(--brass);font-size:.76rem}.rc80-dhikr-card p{font-family:var(--font-reading-active);font-size:1rem;line-height:2}.rc80-dhikr-card small{color:var(--muted)}
/* Make course navigator readable on every lesson */
.rc79-course-nav{padding:24px 0!important}.rc79-course-nav>.container{max-width:980px!important}.rc79-course-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;margin-bottom:16px!important}.rc79-course-head>div{display:grid!important;gap:4px!important}.rc79-course-head h2{font-size:1.25rem!important;margin:0!important}.rc79-course-dots{display:grid!important;grid-template-columns:repeat(10,1fr)!important;gap:6px!important;margin:14px 0 18px!important}.rc79-course-dots a{min-width:0!important;height:38px!important;border-radius:9px!important;display:grid!important;place-items:center!important}.rc79-course-actions{display:flex!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important}.rc79-course-actions .button{min-width:210px!important;flex:1!important}.article-aside .course-box{min-width:0!important}
.source-note-inline{display:inline-block;color:var(--muted);font-size:.72rem}
@media(max-width:900px){.rc80-study-grid,.rc80-dua-grid,.rc80-hub-grid,.rc80-dhikr-grid,.rc80-link-grid,.rc80-two-col{grid-template-columns:1fr}.rc80-steps{grid-template-columns:1fr 1fr}.rc80-calendar{display:none!important}.rc79-course-dots{grid-template-columns:repeat(5,1fr)!important}.rc80-filterbar{top:74px}}
@media(max-width:580px){.rc80-study-card{grid-template-columns:40px 1fr;padding:17px}.rc80-study-num{width:36px;height:36px}.rc80-steps{grid-template-columns:1fr}.rc80-hub-card{grid-template-columns:38px 1fr}.rc80-hub-card b{grid-column:2}.rc80-dua-toolbar{display:grid}.rc79-course-actions{display:grid!important}.rc79-course-actions .button{min-width:0!important;width:100%!important}.rc79-course-head{display:grid!important}.rc80-question>div{padding-inline:16px}}


/* ==========================================================
   RC81 — layout correction, header harmony, bilingual/SEO pass
   ========================================================== */
/* Home learning-method heading: balanced, no orphaned last word. */
.learning-method .section-heading{max-width:820px;margin-inline:auto;margin-bottom:clamp(30px,4vw,46px)}
.learning-method .section-heading .eyebrow{width:max-content;max-width:100%;margin-inline:auto;white-space:nowrap}
.learning-method .section-heading h2{max-width:760px;margin-inline:auto;text-wrap:balance;line-height:1.25}
.learning-method .section-heading>p:not(.eyebrow){max-width:680px;margin-inline:auto;text-wrap:pretty}

/* The course navigator was a third grid item inside lesson-shell on some lessons.
   Force it to span the whole lesson grid instead of collapsing into the sidebar. */
.lesson-shell > .rc79-course-nav{grid-column:1 / -1!important;width:100%!important;min-width:0!important;margin:10px 0 0!important}
.lesson-shell > .rc79-course-nav > .container{width:100%!important;max-width:none!important;margin:0!important;padding-inline:22px!important}
.rc79-course-nav{overflow:hidden!important}
.rc79-course-head{min-width:0!important}
.rc79-course-head>div{min-width:0!important}
.rc79-course-head h2{text-wrap:balance!important;overflow-wrap:anywhere!important}
.rc79-course-dots{min-width:0!important}
.rc79-course-dots a{font-variant-numeric:tabular-nums!important}
.rc79-course-actions{min-width:0!important}
.rc79-course-actions .button{white-space:normal!important;text-align:center!important;line-height:1.55!important}

/* Keep the lesson sidebar compact and independent of the 10-lesson navigator. */
.lesson-sidebar{top:132px!important}
.lesson-sidebar .course-box{padding:16px!important}
.lesson-sidebar .lesson-nav a{line-height:1.45!important}

/* Header: give brand, calendar and controls their own breathing room. */
.rc73-header .header-primary-inner{min-height:66px!important;gap:12px!important;flex-wrap:nowrap!important}
.rc73-header .brand{flex:0 1 auto!important;min-width:154px!important}
.rc73-header .brand-copy{min-width:0!important}
.rc73-header .brand-copy strong{white-space:nowrap!important}
.rc73-header .brand-copy small{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:26ch!important}
.rc73-header .rc80-calendar{flex:0 1 300px!important;min-width:270px!important;max-width:330px!important;grid-template-columns:auto minmax(108px,1fr) auto!important;gap:8px!important;align-items:center!important}
.rc73-header .header-date-stack{display:grid!important;gap:1px!important;min-width:0!important;text-align:center!important}
.rc73-header .header-date-stack .header-date{white-space:nowrap!important}
.rc73-header .header-gregorian{white-space:nowrap!important}
.rc73-header .header-next-prayer{white-space:nowrap!important}
.rc73-header .header-actions{flex:0 0 auto!important;min-width:0!important}

@media(max-width:1380px){
  .rc73-header .brand-copy small{display:none!important}
  .rc73-header .brand{min-width:118px!important}
  .rc73-header .rc80-calendar{flex-basis:258px!important;min-width:240px!important;grid-template-columns:auto minmax(96px,1fr) auto!important}
  .rc73-header .header-next-prayer small{display:none!important}
}
@media(max-width:1160px){
  .rc73-header .rc80-calendar{display:none!important}
}
@media(max-width:980px){
  .lesson-sidebar{top:auto!important}
  .lesson-shell > .rc79-course-nav > .container{padding-inline:14px!important}
}
@media(max-width:700px){
  .learning-method .section-heading .eyebrow{white-space:normal;text-align:center}
  .learning-method .section-heading h2{font-size:clamp(1.55rem,8vw,2.15rem)!important}
  .rc79-course-head{display:grid!important;gap:10px!important}
  .rc79-course-head>a{justify-self:start!important}
  .rc79-course-dots{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}

/* English lesson path gets the same visual system, mirrored naturally by dir=ltr. */
html[dir="ltr"] .rc79-course-actions .button{text-align:center!important}
html[dir="ltr"] .lesson-sidebar .lesson-nav a{border-inline-end:0;border-inline-start:2px solid transparent}
html[dir="ltr"] .lesson-sidebar .lesson-nav a:hover,
html[dir="ltr"] .lesson-sidebar .lesson-nav a.is-current{border-inline-start-color:var(--brass)}


/* RC82 — clarity, completeness, search restraint, Arabic/English parity */
.v21-hero-search{max-width:610px!important;margin-top:22px!important;box-shadow:0 12px 28px rgba(0,0,0,.16)!important}
.v21-hero-search input{height:44px!important}.v21-hero-search button{height:42px!important;padding-inline:20px!important}
.rc82-search-note{max-width:650px;margin:10px 0 0;color:#B9CCC4;font-size:.72rem;line-height:1.75}
.v21-hero-actions{margin-top:14px!important}
.rc82-day-journey{padding-top:12px}.rc82-day-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.rc82-day-card{position:relative;min-height:164px;padding:18px;border:1px solid var(--stone-light);border-radius:18px;background:var(--paper-warm);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.rc82-day-card:hover{transform:translateY(-3px);border-color:var(--jade);box-shadow:0 14px 34px rgba(0,0,0,.07)}.rc82-day-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--jade-faint);color:var(--jade);font-weight:900}.rc82-day-card>b{position:absolute;top:18px;inset-inline-end:18px;color:var(--brass);font-size:.78rem}.rc82-day-card h3{margin:20px 0 8px;font-size:1rem}.rc82-day-card p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.7}.rc82-reference{margin-top:20px}.rc82-anchor-fix{display:block;position:relative;top:-110px;visibility:hidden}
.rc82-dhikr-card{display:grid;gap:9px}.rc82-dhikr-text{font-size:1rem;line-height:1.95;color:var(--ink)}
.rc82-ruqyah-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rc82-ruqyah-card{position:relative;padding:24px 22px;border:1px solid var(--stone-light);border-radius:20px;background:linear-gradient(145deg,var(--paper-warm),var(--paper));min-height:250px;transition:.2s ease}.rc82-ruqyah-card:hover{transform:translateY(-2px);border-color:var(--jade)}.rc82-ruqyah-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--jade);color:#fff;font-weight:900}.rc82-ruqyah-card h3{margin:18px 0 9px;font-size:1.25rem}.rc82-ruqyah-text{font-size:1rem;line-height:1.9}.rc82-ruqyah-how{padding-top:10px;border-top:1px dashed var(--stone-light);color:var(--muted);font-size:.88rem;line-height:1.75}.rc82-ruqyah-card small{display:block;margin-top:10px;color:var(--jade);font-weight:700}.rc82-ruqyah-warning{margin-top:20px;padding:22px;border:1px solid rgba(190,90,75,.28);border-radius:18px;background:rgba(190,90,75,.055)}.rc82-ruqyah-warning ul{margin:10px 0 0;padding-inline-start:20px}.rc82-ruqyah-warning li{margin:6px 0}
.rc82-tafsir-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.rc82-tafsir-card{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:stretch;padding:18px;border:1px solid var(--stone-light);border-radius:20px;background:var(--paper-warm)}.rc82-book-cover,.rc82-local-cover{min-height:220px;padding:18px;border-radius:12px;background:linear-gradient(155deg,#0e3f35,#0a2822);color:#f7efdb;box-shadow:0 10px 24px rgba(0,0,0,.18);display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(213,177,103,.6)}.rc82-book-cover span,.rc82-local-cover small{color:#d7b56c;font-size:.72rem;font-weight:800}.rc82-book-cover strong,.rc82-local-cover strong{font-size:1.3rem;line-height:1.5}.rc82-book-cover small,.rc82-local-cover span{color:#d8e7e1}.rc82-tafsir-body{display:flex;flex-direction:column}.rc82-tafsir-body h2{margin:8px 0 8px}.rc82-tafsir-body p{color:var(--muted);line-height:1.8}.rc82-tafsir-body .button{margin-top:auto;align-self:flex-start}
.rc82-newmuslim-path{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rc82-newmuslim-step{display:grid;grid-template-columns:52px 1fr;gap:16px;padding:20px;border:1px solid var(--stone-light);border-radius:18px;background:var(--paper-warm);transition:.18s ease}.rc82-newmuslim-step:hover{transform:translateY(-2px);border-color:var(--jade)}.rc82-step-num{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--jade-faint);color:var(--jade);font-weight:900}.rc82-newmuslim-step h3{margin:0 0 7px}.rc82-newmuslim-step p{margin:0;color:var(--ink);line-height:1.8}.rc82-newmuslim-step small{display:block;margin-top:8px;color:var(--muted);line-height:1.6}.rc82-newmuslim-guidance{margin-top:18px;padding:24px;border-radius:20px;background:linear-gradient(135deg,var(--jade),var(--jade-deep));color:#fff}.rc82-newmuslim-guidance p{color:rgba(255,255,255,.8)}
.rc82-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.rc82-library-card{display:grid;grid-template-columns:160px 1fr;gap:18px;padding:18px;border:1px solid var(--stone-light);border-radius:20px;background:var(--paper-warm)}.rc82-local-cover{min-height:210px}.rc82-library-card h3{margin:8px 0}.rc82-library-card p{color:var(--muted);line-height:1.75}.rc82-library-card .button{margin-top:10px}
.rc82-course-banner{margin:14px 0 26px}.rc82-course-inner{padding:18px 20px;border:1px solid var(--stone-light);border-radius:18px;background:var(--paper-warm)}.rc82-course-summary{display:grid;grid-template-columns:1fr auto;gap:4px 18px;align-items:end}.rc82-course-summary span{color:var(--jade);font-size:.75rem;font-weight:900}.rc82-course-summary strong{grid-row:1/3;grid-column:2;color:var(--brass);font-size:.9rem;align-self:center}.rc82-course-summary h2{margin:0;font-size:1.2rem}.rc82-progress{height:5px;margin:12px 0 14px;background:var(--stone-light);border-radius:999px;overflow:hidden}.rc82-progress i{display:block;height:100%;background:var(--jade);border-radius:inherit}.rc82-course-dots{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}.rc82-course-dots a{display:grid;place-items:center;height:34px;border:1px solid var(--stone-light);border-radius:9px;background:var(--paper);color:var(--muted);font-weight:800}.rc82-course-dots a.is-current{background:var(--jade);border-color:var(--jade);color:#fff}.rc82-course-actions{display:flex;gap:10px;align-items:center;margin-top:14px;flex-wrap:wrap}.rc82-course-actions .button{margin:0;flex:1;min-width:190px;justify-content:center;text-align:center}
/* English homepage uses the same Arabic visual system */
html[dir="ltr"] .v21-hero,html[dir="ltr"] .v21-hero-shell,html[dir="ltr"] .v21-method-card,html[dir="ltr"] .v21-quick-start,html[dir="ltr"] .compact-needs,html[dir="ltr"] .learning-method{direction:ltr}.english-page .v21-hero{background:linear-gradient(145deg,#0d3f35,#0b2e28)!important}.english-page .v21-hero h1,.english-page .v21-method-card h2{font-family:Inter,Arial,sans-serif!important}
@media(max-width:1000px){.rc82-day-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rc82-tafsir-grid,.rc82-library-grid{grid-template-columns:1fr}.rc82-course-dots{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:720px){.v21-hero-search{max-width:none!important}.rc82-day-grid,.rc82-ruqyah-grid,.rc82-newmuslim-path{grid-template-columns:1fr}.rc82-tafsir-card,.rc82-library-card{grid-template-columns:110px 1fr}.rc82-book-cover,.rc82-local-cover{min-height:170px;padding:12px}.rc82-book-cover strong,.rc82-local-cover strong{font-size:1rem}.rc82-course-summary{grid-template-columns:1fr}.rc82-course-summary strong{grid-row:auto;grid-column:auto}.rc82-course-actions{display:grid}.rc82-course-actions .button{min-width:0;width:100%}}
@media(max-width:460px){.rc82-tafsir-card,.rc82-library-card{grid-template-columns:1fr}.rc82-book-cover,.rc82-local-cover{min-height:150px}.rc82-course-dots{grid-template-columns:repeat(5,1fr)}}

/* RC82.1 — restrained search, orderly navigation, English parity */
.v21-hero-search{max-width:520px!important;margin-top:18px!important;padding:5px 7px!important;border-radius:14px!important}
.v21-hero-search input{height:40px!important;font-size:.84rem!important}.v21-hero-search button{height:38px!important;padding-inline:17px!important}
.rc82-browse-strip{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px;max-width:720px;font-size:.72rem}.rc82-browse-strip>span{color:#b8cbc3;font-weight:700}.rc82-browse-strip a{padding:6px 10px;border:1px solid rgba(217,187,118,.25);border-radius:999px;color:#e9f2ee;background:rgba(255,255,255,.035)}.rc82-browse-strip a:hover{border-color:#d9bb76;background:rgba(217,187,118,.09)}
.rc82-course-banner{clear:both;width:100%;grid-column:1/-1!important}.lesson-shell>.rc82-course-banner{grid-column:1/-1!important}.rc82-course-inner{width:100%;box-sizing:border-box}.rc82-course-dots a{min-width:0}
html[dir="ltr"] .rc82-day-card,html[dir="ltr"] .rc82-ruqyah-card,html[dir="ltr"] .rc82-tafsir-card,html[dir="ltr"] .rc82-library-card{text-align:left}
html[dir="ltr"] .rc82-day-card>b{inset-inline-end:18px}
@media(max-width:760px){.rc82-browse-strip{gap:6px}.rc82-browse-strip a{padding:5px 8px}.v21-hero-search{max-width:100%!important}}


/* RC83 — unified course navigator + deeper teaching pages */
.course-page .rc82-course-banner{grid-column:1/-1!important;max-width:1180px;width:calc(100% - 32px)!important;margin:34px auto 28px!important;padding:0!important;box-sizing:border-box}
.course-page .rc82-course-banner>.container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.course-page .rc82-course-inner{padding:20px 22px!important;border-radius:20px!important;box-shadow:0 12px 32px rgba(0,0,0,.045)}
.course-page .rc82-course-dots{gap:8px!important}.course-page .rc82-course-dots a{height:36px!important;border-radius:10px!important;font-variant-numeric:tabular-nums}
.course-page .rc82-course-actions{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:10px!important}.course-page .rc82-course-actions .button{min-width:0!important;width:100%!important}
.rc83-chapter-stack{display:grid;gap:14px;max-width:1100px;margin-inline:auto}.rc83-study-chapter{border:1px solid var(--stone-light);border-radius:20px;background:var(--paper-warm);overflow:hidden;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.rc83-study-chapter:hover{border-color:color-mix(in srgb,var(--jade) 60%,var(--stone-light));box-shadow:0 14px 32px rgba(0,0,0,.045)}.rc83-study-chapter summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:54px 1fr;gap:16px;align-items:center;padding:20px 22px}.rc83-study-chapter summary::-webkit-details-marker{display:none}.rc83-study-chapter summary>b{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--jade-faint);color:var(--jade);font-size:1rem}.rc83-study-chapter summary span{display:grid;gap:3px}.rc83-study-chapter summary small{color:var(--brass);font-weight:800}.rc83-study-chapter summary strong{font-size:1.22rem;color:var(--ink)}.rc83-study-chapter[open] summary{border-bottom:1px solid var(--stone-light)}.rc83-chapter-body{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,.7fr);gap:22px;padding:24px}.rc83-chapter-body h3{margin:0 0 7px;font-size:1.02rem}.rc83-chapter-body p,.rc83-chapter-body li{line-height:1.95;color:var(--ink)}.rc83-chapter-body ul,.rc83-chapter-body ol{margin:8px 0;padding-inline-start:23px}.rc83-chapter-body aside{align-self:start;padding:18px;border:1px solid color-mix(in srgb,var(--jade) 35%,var(--stone-light));border-radius:16px;background:color-mix(in srgb,var(--jade-faint) 65%,var(--paper))}.rc83-chapter-body aside>span{color:var(--jade);font-weight:900;font-size:.76rem}.rc83-chapter-body aside p{margin:8px 0}.rc83-chapter-body aside small{color:var(--muted);line-height:1.65}.rc83-source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.rc83-source-card{display:grid;gap:9px;padding:22px;border:1px solid var(--stone-light);border-radius:18px;background:var(--paper-warm);color:var(--ink);transition:.18s ease}.rc83-source-card:hover{transform:translateY(-3px);border-color:var(--jade)}.rc83-source-card>span{color:var(--brass);font-size:.75rem;font-weight:900}.rc83-source-card strong{font-size:1.05rem}.rc83-source-card small{color:var(--muted);line-height:1.7}.rc83-topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.rc83-topic-grid.rc83-three{grid-template-columns:repeat(3,minmax(0,1fr))}.rc83-topic-grid article{position:relative;min-height:230px;padding:22px;border:1px solid var(--stone-light);border-radius:19px;background:var(--paper-warm);transition:transform .18s ease,border-color .18s ease}.rc83-topic-grid article:hover{transform:translateY(-2px);border-color:var(--jade)}.rc83-topic-grid article>b{position:absolute;top:18px;inset-inline-end:18px;color:var(--jade);background:var(--jade-faint);border-radius:10px;padding:7px 9px}.rc83-topic-grid article>span{display:block;color:var(--brass);font-size:.76rem;font-weight:900;margin-bottom:22px}.rc83-topic-grid h3{font-size:1.08rem;margin:0 0 10px;padding-inline-end:24px}.rc83-topic-grid p{font-size:.87rem;line-height:1.85;color:var(--muted);margin:0}.rc83-topic-grid a{display:inline-block;margin-top:13px;color:var(--jade);font-weight:800;font-size:.8rem}.rc83-callout{display:flex;gap:24px;justify-content:space-between;align-items:center;padding:26px;border:1px solid var(--stone-light);border-radius:20px;background:linear-gradient(145deg,var(--paper-warm),var(--paper))}.rc83-callout span{color:var(--brass);font-weight:900;font-size:.76rem}.rc83-callout h2{margin:6px 0 8px}.rc83-callout p{margin:0;color:var(--muted);line-height:1.8;max-width:780px}.rc83-callout .button{flex:0 0 auto}.rc83-principles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.rc83-principles-grid article{padding:22px;border:1px solid var(--stone-light);border-radius:18px;background:var(--paper-warm)}.rc83-principles-grid article>b{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--jade-faint);color:var(--jade)}.rc83-principles-grid h3{margin:14px 0 8px;font-size:1.05rem}.rc83-principles-grid p{margin:0;color:var(--muted);line-height:1.85}.rc83-source-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.rc83-source-strip>div{padding:20px;border:1px dashed var(--stone-light);border-radius:16px}.rc83-source-strip span{color:var(--brass);font-size:.75rem;font-weight:900}.rc83-source-strip strong{display:block;margin:6px 0}.rc83-source-strip p{color:var(--muted);line-height:1.75}.rc83-source-strip a{color:var(--jade);font-weight:800}
@media(max-width:1000px){.rc83-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rc83-topic-grid.rc83-three{grid-template-columns:repeat(2,minmax(0,1fr))}.rc83-principles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rc83-source-grid{grid-template-columns:1fr}.course-page .rc82-course-actions{grid-template-columns:1fr 1fr!important}.rc83-chapter-body{grid-template-columns:1fr}}
@media(max-width:720px){.course-page .rc82-course-banner{width:calc(100% - 20px)!important;margin:18px auto 20px!important}.course-page .rc82-course-inner{padding:15px!important}.course-page .rc82-course-actions{grid-template-columns:1fr!important}.rc83-topic-grid,.rc83-topic-grid.rc83-three,.rc83-principles-grid,.rc83-source-strip{grid-template-columns:1fr}.rc83-study-chapter summary{grid-template-columns:44px 1fr;padding:16px}.rc83-study-chapter summary>b{width:40px;height:40px}.rc83-chapter-body{padding:18px}.rc83-callout{display:grid}.rc83-callout .button{width:100%}}


/* RC84 — unified lesson syllabus sidebar */
.rc84-course-page .rc84-lesson-sidebar{
  position:sticky!important;top:128px!important;align-self:start!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  z-index:3;
}
.rc84-course-page .rc84-course-box{
  padding:18px!important;margin:0!important;
  border:1px solid var(--stone-light)!important;border-radius:14px!important;
  background:var(--paper)!important;box-shadow:none!important;
}
.rc84-course-page .rc84-course-box .mini-label{color:var(--jade)!important;font-weight:800!important}
.rc84-course-page .rc84-course-box strong{font-size:.92rem!important;line-height:1.7!important}
.rc84-course-page .rc84-course-box small{font-size:.72rem!important;line-height:1.75!important}
.rc84-course-page .rc84-lesson-nav{display:grid!important;gap:4px!important;margin-top:12px!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important;white-space:normal!important}
.rc84-course-page .rc84-lesson-nav a{
  display:block!important;width:100%!important;min-width:0!important;
  padding:9px 12px!important;border-radius:8px!important;
  border-inline-end:2px solid transparent!important;border-bottom:0!important;
  color:var(--muted)!important;font-size:.8rem!important;line-height:1.5!important;
  white-space:normal!important;overflow-wrap:anywhere!important;
}
.rc84-course-page .rc84-lesson-nav a:hover,.rc84-course-page .rc84-lesson-nav a.is-current{
  color:var(--jade)!important;background:var(--jade-soft)!important;border-inline-end-color:var(--brass)!important;
}
.rc84-course-page .article-shell{grid-template-columns:minmax(0,1fr) 250px!important;gap:32px!important;align-items:start!important}
.rc84-course-page .lesson-shell{grid-template-columns:250px minmax(0,1fr)!important;align-items:start!important}
.rc84-course-page .rc84-lesson-sidebar .back-link{display:inline-flex!important;margin-bottom:12px!important}
html[dir="ltr"] .rc84-course-page .rc84-lesson-nav a{border-inline-end:0!important;border-inline-start:2px solid transparent!important}
html[dir="ltr"] .rc84-course-page .rc84-lesson-nav a:hover,html[dir="ltr"] .rc84-course-page .rc84-lesson-nav a.is-current{border-inline-start-color:var(--brass)!important}
@media(max-width:900px){
  .rc84-course-page .article-shell,.rc84-course-page .lesson-shell{grid-template-columns:1fr!important}
  .rc84-course-page .rc84-lesson-sidebar{position:static!important;top:auto!important;order:-1!important;display:block!important}
  .rc84-course-page .rc84-lesson-nav{display:flex!important;gap:6px!important;overflow-x:auto!important;scroll-snap-type:x proximity;white-space:nowrap!important;padding:6px 0!important}
  .rc84-course-page .rc84-lesson-nav a{width:auto!important;min-width:max-content!important;white-space:nowrap!important;scroll-snap-align:start;border-inline-end:0!important;border-inline-start:0!important;border-bottom:2px solid transparent!important}
  .rc84-course-page .rc84-lesson-nav a:hover,.rc84-course-page .rc84-lesson-nav a.is-current{border-bottom-color:var(--brass)!important}
}

/* RC85 — one structural contract for all 10 lesson pages */
.rc85-unified-lesson{
  grid-template-columns:250px minmax(0,1fr)!important;
  gap:clamp(24px,3vw,40px)!important;
  align-items:start!important;
}
.rc85-unified-lesson > .rc82-course-banner{
  grid-column:1 / -1!important;
  grid-row:1!important;
  width:100%!important;
  margin:0 0 10px!important;
}
.rc85-unified-lesson > .rc85-lesson-sidebar{
  grid-column:1!important;
  grid-row:2!important;
  position:sticky!important;
  top:128px!important;
  align-self:start!important;
  min-width:0!important;
  width:100%!important;
}
.rc85-unified-lesson > .rc85-course-content{
  grid-column:2!important;
  grid-row:2!important;
  min-width:0!important;
  width:100%!important;
}
.rc85-course-content > .topic-hero{
  padding-top:24px!important;
}
.rc85-course-content .rc85-inner-article{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
}
.rc85-course-content .rc85-inner-article > article{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
/* RTL: grid line 1 is the right edge, so the syllabus remains on the right. */
html[dir="rtl"] .rc85-unified-lesson > .rc85-lesson-sidebar{grid-column:1!important}
html[dir="rtl"] .rc85-unified-lesson > .rc85-course-content{grid-column:2!important}
/* English mirrors the Arabic composition, with its sidebar on the reading-start side. */
html[dir="ltr"] .rc85-unified-lesson > .rc85-lesson-sidebar{grid-column:1!important}
html[dir="ltr"] .rc85-unified-lesson > .rc85-course-content{grid-column:2!important}
@media(max-width:900px){
  .rc85-unified-lesson{grid-template-columns:1fr!important}
  .rc85-unified-lesson > .rc82-course-banner{grid-column:1!important;grid-row:auto!important}
  .rc85-unified-lesson > .rc85-lesson-sidebar{grid-column:1!important;grid-row:auto!important;position:static!important;top:auto!important;order:2!important}
  .rc85-unified-lesson > .rc85-course-content{grid-column:1!important;grid-row:auto!important;order:3!important}
}

/* RC85 WAQAR R3 — scholarly language + premium refinement */
:root{
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;
  --radius-control:8px;--radius-card:14px;--radius-panel:18px;
  --control-h:42px;--control-h-compact:36px;
  --content-measure:72ch;--reading-measure:62ch;
  --card-pad:clamp(18px,2.4vw,24px);
  --focus-ring:0 0 0 3px color-mix(in srgb,var(--jade) 28%,transparent);
  --waqar-shadow:0 7px 24px rgba(16,24,21,.055);
}
html{scroll-padding-top:112px}
body{overflow-wrap:break-word}
main{min-width:0}
main p,main li{hanging-punctuation:first last}
.article-main,.lesson-content{min-width:0}
.article-main>p,.article-main>.lesson-reading,.topic-hero .lead{max-width:var(--content-measure)}
.lesson-reading{max-width:var(--reading-measure)}

/* Closed disclosure content must not influence layout. */
details:not([open])>.language-menu{display:none!important}
.language-menu{max-width:min(320px,calc(100vw - 28px))}

/* Controls: calm, compact, consistent. */
.button,.header-lesson-cta,.global-search-trigger{
  min-height:var(--control-h)!important;border-radius:var(--radius-control)!important;
  padding-block:8px!important;padding-inline:16px!important;
  transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)!important;
}
.button:hover,.global-search-trigger:hover{transform:translateY(-1px)}
.button:active,.global-search-trigger:active{transform:none}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{
  outline:2px solid var(--jade)!important;outline-offset:3px!important;box-shadow:var(--focus-ring);
}

/* Unified surfaces; fewer exaggerated radii/shadows. */
.path-card,.need-card,.rc82-day-card,.rc80-study-card,.rc80-link-grid a,.rc82-ruqyah-card,.rc82-tafsir-card,.rc82-library-card,
.rc82-newmuslim-step,.rc83-study-chapter,.rc83-source-card,.rc83-topic-grid article,.rc83-principles-grid article,.qa-card,.resource-card,
.verse-card,.hadith-card,.scholar-note,.source-list li,.rc84-course-box,.global-search-dialog{
  border-radius:var(--radius-card)!important;
}
.path-card,.need-card,.rc82-day-card,.rc80-study-card,.rc83-source-card,.resource-card{box-shadow:none!important}
.path-card:hover,.need-card:hover,.rc82-day-card:hover,.rc80-study-card:hover,.rc83-source-card:hover,.resource-card:hover{
  transform:translateY(-1px)!important;box-shadow:var(--waqar-shadow)!important;
}

/* Reading hierarchy and evidence. */
.topic-hero h1,.lesson-hero h1{max-width:22ch;text-wrap:balance}
.section-heading h2,.lesson-block h2,.lesson-sources-head h2{letter-spacing:0;text-wrap:balance}
.lesson-block{scroll-margin-top:120px}
.verse-card,.hadith-card,.scholar-note{
  position:relative;border:1px solid var(--stone)!important;border-inline-start:3px solid var(--brass)!important;
  background:color-mix(in srgb,var(--paper-warm) 72%,var(--paper))!important;box-shadow:none!important;
}
.hadith-card{border-inline-start-color:var(--jade)!important}
.scholar-note{border-inline-start-color:color-mix(in srgb,var(--jade) 72%,var(--brass))!important}
.source-verse,.hadith-text{font-family:var(--font-evidence);text-wrap:pretty}
.lesson-sources{border:1px solid var(--stone-light);border-radius:var(--radius-panel)!important;margin-top:var(--space-7);background:var(--paper-warm)!important}
.lesson-sources-head{max-width:var(--reading-measure)}
.source-list li{padding:14px 16px!important}
.source-list a{text-underline-offset:4px}

/* Search: a scholarly reading surface rather than a SaaS modal. */
.global-search-dialog{border-top:2px solid var(--brass)!important;box-shadow:0 24px 70px rgba(16,24,21,.16)!important}
.global-search-form{border-radius:var(--radius-control)!important}
.global-search-input{min-height:46px;line-height:1.6}
.global-search-examples button{border-radius:999px!important;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)!important}
.global-search-result{border-radius:var(--radius-control)!important}
.global-search-result:hover{transform:none!important;border-color:color-mix(in srgb,var(--jade) 40%,var(--stone))!important;background:var(--jade-soft)!important}
.global-search-status{line-height:1.8}
.global-search-safety{line-height:1.8;border-radius:var(--radius-control)!important}


.rc-waqar-catalog-note{max-width:var(--content-measure);margin-top:14px;padding-inline-start:12px;border-inline-start:2px solid var(--brass);color:var(--muted);font-size:.86rem;line-height:1.9}

/* Questions: stronger scanability without turning the page into a dashboard. */
.qa-card{overflow:hidden;border-color:var(--stone-light)!important}
.qa-card summary{min-height:54px;line-height:1.65}
.qa-card[open]{border-color:color-mix(in srgb,var(--jade) 35%,var(--stone))!important;background:color-mix(in srgb,var(--paper-warm) 55%,var(--paper))}
.qa-card[open] summary{border-bottom:1px solid var(--stone-light)}
.qa-answer{max-width:76ch}

/* Header/footer rhythm. */
.rc73-header .header-primary-inner{min-height:54px!important}
.rc73-header .header-actions{gap:7px!important}
.rc73-header .header-lesson-cta{white-space:nowrap}
.site-footer{border-top:1px solid var(--stone)!important}
.footer-grid{row-gap:24px!important}
.rc73-footer-group a{line-height:1.7}

/* Micro-interactions: restrained and purposeful. */
summary,.lesson-nav a,.main-nav a,.language-switcher summary,.source-list a,.text-link{
  transition:color var(--dur) var(--ease),background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)!important;
}
summary{cursor:pointer}

/* Critical RC85 mobile regression fix: collapse lesson grid fully, not only its template. */
@media(max-width:900px){
  .rc85-unified-lesson{display:block!important;width:calc(100% - 32px)!important;margin-inline:auto!important}
  html[dir="rtl"] .rc85-unified-lesson>.rc82-course-banner,
  html[dir="rtl"] .rc85-unified-lesson>.rc85-lesson-sidebar,
  html[dir="rtl"] .rc85-unified-lesson>.rc85-course-content,
  html[dir="ltr"] .rc85-unified-lesson>.rc82-course-banner,
  html[dir="ltr"] .rc85-unified-lesson>.rc85-lesson-sidebar,
  html[dir="ltr"] .rc85-unified-lesson>.rc85-course-content{
    width:100%!important;max-width:100%!important;grid-column:1!important;grid-row:auto!important;margin-inline:0!important;
  }
  .rc85-unified-lesson>.rc82-course-banner{margin:18px 0 16px!important}
  .rc85-unified-lesson>.rc85-lesson-sidebar{position:static!important;top:auto!important;margin:0 0 18px!important}
  .rc85-unified-lesson>.rc85-course-content{display:block!important}
  .rc85-course-content>.topic-hero{padding-top:12px!important}
  .rc84-course-page .rc84-course-box{padding:15px!important}
  .rc84-course-page .rc84-lesson-nav{display:flex!important;overflow-x:auto!important;overscroll-behavior-inline:contain;scrollbar-width:thin;gap:6px!important;padding:6px 0 8px!important}
  .rc84-course-page .rc84-lesson-nav a{flex:0 0 auto!important;min-width:max-content!important;padding:8px 11px!important}
}

@media(max-width:720px){
  html{scroll-padding-top:86px}
  .container,.narrow{width:calc(100% - 28px)!important}
  .topic-hero{padding-block:34px!important}
  .topic-hero h1,.lesson-hero h1{font-size:clamp(1.7rem,8vw,2.25rem)!important;line-height:1.48!important}
  .lead{font-size:1rem!important;line-height:1.95!important}
  .lesson-reading{font-size:1.07rem!important;line-height:2.05!important}
  .source-verse,.hadith-text{font-size:1.16rem!important;line-height:2.18!important}
  .button{min-height:40px!important;padding-inline:14px!important}
  .rc82-course-inner{padding:14px!important;border-radius:var(--radius-card)!important}
  .rc82-course-summary{display:grid!important;grid-template-columns:1fr auto!important;gap:4px 12px!important;align-items:center!important}
  .rc82-course-summary strong{grid-column:2!important;grid-row:1/3!important;font-size:.78rem!important}
  .rc82-course-summary h2{font-size:1.05rem!important;line-height:1.55!important}
  .rc82-course-dots{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important}
  .rc82-course-dots a{height:32px!important;font-size:.72rem!important}
  .rc82-course-actions{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin-top:12px!important}
  .rc82-course-actions .button{width:100%!important;min-width:0!important;white-space:normal!important}
  .lesson-sources{padding:20px!important;margin-inline:0!important}
  .verse-card,.hadith-card,.scholar-note{padding:18px!important}
  .source-list li{padding:13px!important}
  .global-search-dialog{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important}
  .global-search-head{gap:10px}
  .global-search-examples{overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:4px;scrollbar-width:thin}
  .global-search-examples button{flex:0 0 auto}
  .language-menu{position:fixed!important;top:68px!important;inset-inline:10px!important;width:auto!important;max-width:none!important}
  details:not([open])>.language-menu{display:none!important}
  .site-footer{padding-bottom:78px}
}

@media(max-width:720px){
  .english-page .v21-hero h1{font-size:2.08rem!important;line-height:1.35!important;max-width:15ch!important;letter-spacing:-.025em!important}
  .english-page .v21-lead{font-size:.96rem!important;line-height:1.9!important}
}

@media(max-width:420px){
  .container,.narrow,.rc85-unified-lesson{width:calc(100% - 22px)!important}
  .rc82-course-summary{grid-template-columns:1fr!important}
  .rc82-course-summary strong{grid-column:1!important;grid-row:auto!important}
  .reading-tools{width:calc(100% - 18px)!important;max-width:372px!important;overflow-x:auto!important;justify-content:flex-start!important}
  .reading-tool{flex:0 0 auto}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* RC86 Verified Knowledge Batch */
.verified-fatwa .fatwa-kicker{display:flex;gap:.55rem;flex-wrap:wrap;margin:0 0 .8rem}.verified-fatwa .fatwa-badge{border:1px solid var(--border,#d7ddd9);border-radius:999px;padding:.28rem .65rem;font-size:.82rem}.verified-fatwa .answer-summary{font-size:1.18rem;line-height:1.95;padding:1.1rem 1.2rem;border-inline-start:4px solid #8b6b35;background:color-mix(in srgb, currentColor 4%, transparent);border-radius:12px}.verified-fatwa .evidence-card,.verified-fatwa .scholar-card{padding:1rem 1.15rem;border:1px solid var(--border,#d7ddd9);border-radius:14px;margin:1rem 0}.verified-fatwa .source-link{overflow-wrap:anywhere}.verified-fatwa .related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.verified-fatwa .related-grid a{display:block;padding:.8rem 1rem;border:1px solid var(--border,#d7ddd9);border-radius:12px;text-decoration:none}@media(max-width:700px){.verified-fatwa .related-grid{grid-template-columns:1fr}.verified-fatwa .answer-summary{font-size:1.08rem}}

/* RC87 — visible verified knowledge integration */
.verified-overview{background:linear-gradient(180deg,color-mix(in srgb,var(--surface,#10251f) 92%,#b69a58 8%),var(--bg,#0c1915));border-block:1px solid color-mix(in srgb,#b69a58 25%,transparent)}
.verified-overview-head,.split-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.verified-overview-head h2,.home-verified-knowledge h2{margin:.25rem 0 .6rem;font-size:clamp(1.65rem,3vw,2.35rem)}
.verified-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.verified-stats>div{padding:18px 16px;border:1px solid color-mix(in srgb,#b69a58 24%,var(--border,#29423a));border-radius:16px;background:color-mix(in srgb,var(--surface,#11231e) 96%,#fff 4%);display:flex;flex-direction:column;gap:4px}.verified-stats strong{font-size:1.65rem;color:#e9d79d}.verified-stats span{font-size:.88rem;opacity:.78}
.verified-chip-row,.verified-filterbar{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 26px}.verified-chip-row span,.verified-filterbar button{border:1px solid var(--border,#345046);border-radius:999px;padding:8px 12px;background:transparent;color:inherit}.verified-chip-row b,.verified-filterbar span{color:#a9dccb}.verified-filterbar button{cursor:pointer}.verified-filterbar button.is-active{background:#9bd7c2;color:#10221c;border-color:#9bd7c2}
.verified-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.verified-issue-card{border:1px solid color-mix(in srgb,#b69a58 22%,var(--border,#29423a));border-radius:18px;padding:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface,#10231e) 97%,#fff 3%),var(--surface,#10231e));display:flex;flex-direction:column;min-height:100%}.verified-card-top{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:12px}.verified-badge{font-size:.72rem;font-weight:800;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,#8fd1b8 18%,transparent);color:#a9e7cf;border:1px solid color-mix(in srgb,#8fd1b8 32%,transparent)}.verified-cat{font-size:.75rem;opacity:.72}.verified-issue-card h3{font-size:1.08rem;line-height:1.7;margin:0 0 8px}.verified-issue-card p{font-size:.92rem;line-height:1.85;opacity:.88;margin:0 0 14px}.verified-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--border,#29423a) 70%,transparent);font-size:.76rem;opacity:.76}.verified-open{margin-top:12px;font-weight:700;color:#a9dccb}.verified-more{text-align:center;margin-top:22px}.verified-more a{display:inline-flex;padding:10px 16px;border:1px solid var(--border,#345046);border-radius:12px}.legacy-catalog-intro{margin:0 0 20px;padding:18px 20px;border-inline-start:3px solid #b69a58;background:color-mix(in srgb,var(--surface,#10231e) 94%,transparent);border-radius:12px}.legacy-catalog-intro h2{margin:.3rem 0 .4rem;font-size:1.35rem}.home-verified-knowledge{border-block:1px solid color-mix(in srgb,#b69a58 18%,transparent)}.verified-library-hero{border-bottom:1px solid color-mix(in srgb,#b69a58 20%,transparent)}
@media(max-width:980px){.verified-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.verified-overview-head,.split-heading{align-items:start;flex-direction:column}.verified-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.verified-grid{grid-template-columns:1fr}.verified-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.verified-stats>div{padding:14px 12px}.verified-stats strong{font-size:1.35rem}.verified-chip-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.verified-overview{padding-top:28px}.verified-issue-card{padding:16px;border-radius:15px}.verified-overview-head .button,.split-heading .button{width:100%;justify-content:center}}

/* RC88 — visible knowledge integration */
.rc88-live-proof{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap;margin:0 0 1rem;padding:.7rem .9rem;border:1px solid color-mix(in srgb,var(--accent,#9bd4bd) 36%,transparent);border-radius:999px;background:color-mix(in srgb,var(--accent,#9bd4bd) 8%,transparent);width:max-content;max-width:100%}.rc88-live-proof span{font-size:.78rem;opacity:.75}.rc88-live-proof strong{font-size:.92rem}.rc88-live-proof em{font-style:normal;font-size:.78rem;opacity:.8}.rc88-category-map{margin:1.2rem 0 1.55rem;padding:1.15rem;border:1px solid var(--border,#28453c);border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface,#10231d) 94%,#fff 6%),var(--surface,#10231d))}.rc88-category-map-head h3{margin:.2rem 0 1rem;font-size:clamp(1.15rem,2vw,1.5rem)}.rc88-overline{font-size:.78rem;letter-spacing:.02em;opacity:.72}.rc88-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.rc88-category-grid a{display:flex;justify-content:space-between;gap:.7rem;align-items:center;padding:.78rem .85rem;border:1px solid var(--border,#28453c);border-radius:14px;text-decoration:none;background:color-mix(in srgb,var(--surface,#10231d) 82%,transparent);transition:transform .16s ease,border-color .16s ease,background .16s ease}.rc88-category-grid a:hover{transform:translateY(-2px);border-color:var(--accent,#9bd4bd);background:color-mix(in srgb,var(--accent,#9bd4bd) 8%,var(--surface,#10231d))}.rc88-category-grid strong{font-size:.88rem}.rc88-category-grid span{font-size:.72rem;opacity:.68;white-space:nowrap}.home-verified-knowledge{position:relative}.home-verified-knowledge:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 15%,color-mix(in srgb,var(--accent,#9bd4bd) 9%,transparent),transparent 31%);pointer-events:none}.home-verified-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.verified-issue-card{min-height:100%;border-width:1px!important}.verified-badge{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent,#9bd4bd) 26%,transparent) inset}.verified-open{font-weight:700}.verified-fatwa .answer-summary{font-size:1.12rem;line-height:2}.verified-fatwa .evidence-card,.verified-fatwa .source-box,.verified-fatwa .scholar-card{border-radius:18px}.verified-fatwa h2{margin-top:2rem}.verified-fatwa .source-link{display:inline-flex;padding:.62rem .85rem;border-radius:12px;border:1px solid var(--border,#28453c);text-decoration:none}@media(max-width:980px){.rc88-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-verified-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:620px){.rc88-live-proof{border-radius:18px;width:100%}.rc88-category-grid,.home-verified-grid{grid-template-columns:1fr!important}.rc88-category-grid a{padding:.82rem}.verified-issue-card{padding:1rem!important}}
@media(prefers-reduced-motion:reduce){.rc88-category-grid a{transition:none!important}}

/* RC89 Knowledge Landscape — premium, progressive, linked */
.home-knowledge-landscape{position:relative;overflow:hidden;border-block:1px solid color-mix(in srgb,#b69a58 14%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--surface,#0f1f1a) 98%,#fff 2%),var(--surface,#0f1f1a))}.home-knowledge-landscape:before{content:"";position:absolute;inset:auto -8% 20% auto;width:34rem;height:34rem;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent,#9bd4bd) 8%,transparent),transparent 68%);pointer-events:none}.knowledge-intro{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(210px,.5fr);gap:2rem;align-items:end;margin-bottom:2rem}.knowledge-intro h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.45;margin:.25rem 0 .7rem;max-width:18ch}.knowledge-intro p:not(.eyebrow){max-width:67ch;line-height:1.9;opacity:.82}.knowledge-proof{justify-self:end;padding-inline-start:1.5rem;border-inline-start:1px solid color-mix(in srgb,#b69a58 28%,transparent);display:grid;gap:.25rem;min-width:210px}.knowledge-proof strong{font-size:2.5rem;color:#eadba6;line-height:1}.knowledge-proof span{font-size:.82rem;opacity:.74}.knowledge-proof a{margin-top:.5rem;font-weight:700;text-decoration:none}.knowledge-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.knowledge-path{position:relative;display:grid;grid-template-columns:42px 1fr auto;gap:.9rem;align-items:center;padding:1.15rem 1.1rem;border:1px solid color-mix(in srgb,var(--border,#29463c) 88%,transparent);border-radius:20px;background:linear-gradient(140deg,color-mix(in srgb,var(--surface,#10231d) 96%,#fff 4%),var(--surface,#10231d));text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.knowledge-path:hover,.knowledge-path:focus-visible{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent,#9bd4bd) 70%,var(--border));background:color-mix(in srgb,var(--accent,#9bd4bd) 7%,var(--surface,#10231d))}.knowledge-path-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid color-mix(in srgb,#b69a58 28%,transparent);border-radius:50%;font-size:1.1rem;color:#eadba6}.knowledge-path strong{display:block;font-size:1rem;margin-bottom:.18rem}.knowledge-path small{display:block;font-size:.78rem;line-height:1.7;opacity:.7}.knowledge-path em{display:inline-block;margin-top:.45rem;font-size:.72rem;font-style:normal;color:color-mix(in srgb,var(--accent,#9bd4bd) 80%,#fff 20%)}.knowledge-path i{font-style:normal;font-size:1.1rem;opacity:.65}.knowledge-more{margin:1rem 0 2rem;border-top:1px solid color-mix(in srgb,var(--border,#29463c) 70%,transparent);padding-top:1rem}.knowledge-more summary{cursor:pointer;list-style:none;width:max-content;max-width:100%;font-weight:700;display:flex;gap:.65rem;align-items:center}.knowledge-more summary::-webkit-details-marker{display:none}.knowledge-more summary span{font-size:.72rem;font-weight:500;opacity:.62}.knowledge-more-links{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.knowledge-more-links a{display:inline-flex;gap:.45rem;align-items:center;padding:.58rem .75rem;border:1px solid var(--border,#29463c);border-radius:999px;text-decoration:none;font-size:.8rem}.knowledge-more-links a span{display:grid;place-items:center;min-width:1.5rem;height:1.5rem;border-radius:50%;background:color-mix(in srgb,var(--accent,#9bd4bd) 10%,transparent);font-size:.68rem}.knowledge-feature{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:1rem;margin-top:1.4rem}.knowledge-feature-main{padding:clamp(1.4rem,3vw,2.2rem);border-radius:28px;border:1px solid color-mix(in srgb,#b69a58 30%,var(--border,#29463c));background:linear-gradient(145deg,color-mix(in srgb,#b69a58 6%,var(--surface,#10231d)),var(--surface,#10231d));min-height:300px;display:flex;flex-direction:column;justify-content:center}.knowledge-kicker{font-size:.74rem;letter-spacing:.03em;color:#ddc982}.knowledge-feature-main h3{font-size:clamp(1.45rem,2.5vw,2.2rem);line-height:1.55;margin:.45rem 0 .7rem;max-width:21ch}.knowledge-feature-main p{line-height:1.95;opacity:.82;max-width:67ch}.knowledge-source{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-top:1.25rem;padding-top:1rem;border-top:1px solid color-mix(in srgb,var(--border,#29463c) 70%,transparent);font-size:.78rem}.knowledge-source a{font-weight:700;text-decoration:none;white-space:nowrap}.knowledge-feature-side{display:grid;gap:.7rem}.knowledge-feature-side>a{display:flex;flex-direction:column;justify-content:center;padding:1rem 1.05rem;border:1px solid var(--border,#29463c);border-radius:18px;text-decoration:none;background:color-mix(in srgb,var(--surface,#10231d) 96%,#fff 4%);transition:border-color .16s ease,transform .16s ease}.knowledge-feature-side>a:hover{transform:translateX(-2px);border-color:var(--accent,#9bd4bd)}.knowledge-feature-side span{font-size:.69rem;color:#a8d9c6}.knowledge-feature-side strong{font-size:.9rem;line-height:1.65;margin:.15rem 0}.knowledge-feature-side small{font-size:.73rem;line-height:1.65;opacity:.68;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.verified-filterbar{scroll-margin-top:130px}.verified-grid-full{scroll-margin-top:155px}@media(max-width:980px){.knowledge-intro{grid-template-columns:1fr}.knowledge-proof{justify-self:start;border-inline-start:0;border-top:1px solid color-mix(in srgb,#b69a58 28%,transparent);padding:1rem 0 0;min-width:0}.knowledge-paths{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-feature{grid-template-columns:1fr}.knowledge-feature-main{min-height:0}}@media(max-width:620px){.knowledge-paths{grid-template-columns:1fr}.knowledge-path{border-radius:17px;padding:1rem}.knowledge-feature-main{border-radius:20px;padding:1.2rem}.knowledge-source{align-items:flex-start;flex-direction:column}.knowledge-feature-side{grid-template-columns:1fr}.knowledge-more-links{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.4rem}.knowledge-more-links a{white-space:nowrap}.knowledge-intro{gap:1rem}.knowledge-proof strong{font-size:2rem}}@media(prefers-reduced-motion:reduce){.knowledge-path,.knowledge-feature-side>a{transition:none!important}}

/* RC90 — Islamic Search Core */
.global-search-clarify{margin:.75rem 0;padding:.9rem 1rem;border:1px solid color-mix(in srgb,var(--gold,#c7a76b) 30%,transparent);border-radius:14px;background:color-mix(in srgb,var(--surface,#13231d) 92%,var(--gold,#c7a76b) 8%)}
.global-search-clarify p{margin:0 0 .65rem;font-weight:700}.global-search-clarify button{margin:.18rem;padding:.42rem .72rem;border-radius:999px;border:1px solid var(--border,#315046);background:transparent;color:inherit;cursor:pointer}.global-search-clarify button:hover,.global-search-clarify button:focus-visible{border-color:var(--gold,#c7a76b)}
.islamic-issue-result.is-verified{border-inline-start:3px solid #79b99b}.islamic-issue-result.is-source-needed{border-inline-start:3px solid #b89b67;cursor:default}.global-search-gap-note{margin-top:.9rem;padding:.85rem 1rem;border-radius:14px;background:color-mix(in srgb,var(--surface,#13231d) 94%,#b89b67 6%);display:grid;gap:.25rem}.global-search-gap-note span{opacity:.84}.islamic-issue-result .global-search-result-meta{letter-spacing:0}


/* RC93 — Major verified knowledge expansion */
.rc93-hero{position:relative;overflow:hidden}.rc93-hero:after{content:"";position:absolute;width:420px;height:420px;border:1px solid color-mix(in srgb,var(--brass) 25%,transparent);border-radius:50%;inset-inline-end:-220px;top:-240px;pointer-events:none}.rc93-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.rc93-soft{background:linear-gradient(180deg,color-mix(in srgb,var(--jade) 4%,var(--paper)),var(--paper))}
.rc93-timeline{display:grid;gap:0;max-width:920px;margin:auto}.rc93-timeline-item{display:grid;grid-template-columns:72px 1fr;gap:22px;padding:24px 0;border-bottom:var(--rule-soft);position:relative}.rc93-timeline-item:before{content:"";position:absolute;inset-inline-start:35px;top:0;bottom:0;width:1px;background:color-mix(in srgb,var(--brass) 45%,var(--stone))}.rc93-time-index{position:relative;z-index:1;width:72px;height:44px;display:grid;place-items:center;border:1px solid var(--brass);border-radius:999px;background:var(--paper);color:var(--brass);font-weight:900;font-size:.78rem}.rc93-kicker{color:var(--jade);font-size:.72rem;font-weight:900}.rc93-timeline-item h3{margin:.25rem 0 .45rem;font-size:1.24rem}.rc93-timeline-item p{margin:0;color:var(--muted);line-height:1.9}.rc93-source-link{display:inline-flex;margin-top:10px;color:var(--jade);font-weight:800;font-size:.76rem}
.rc93-focus-grid,.rc93-profile-grid,.rc93-learning-grid,.rc93-route-grid,.rc93-home-path-grid{display:grid;gap:14px}.rc93-focus-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.rc93-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rc93-learning-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rc93-route-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rc93-home-path-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.rc93-focus-grid article,.rc93-profile-card,.rc93-learning-card,.rc93-route-grid>a,.rc93-home-path-grid>a{padding:22px;border:var(--rule);border-radius:16px;background:var(--paper);transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.rc93-focus-grid article:hover,.rc93-profile-card:hover,.rc93-learning-card:hover,.rc93-route-grid>a:hover,.rc93-home-path-grid>a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brass) 70%,var(--stone));box-shadow:var(--sh-2)}.rc93-focus-grid span,.rc93-profile-card>span,.rc93-learning-card>span,.rc93-home-path-grid>a>span{color:var(--brass);font-size:.7rem;font-weight:900}.rc93-profile-card h3,.rc93-learning-card h3,.rc93-focus-grid h3{margin:.5rem 0}.rc93-profile-card p,.rc93-learning-card p,.rc93-focus-grid p,.rc93-route-grid span,.rc93-home-path-grid p{color:var(--muted);line-height:1.8}.rc93-profile-card a,.rc93-learning-card a,.rc93-route-grid b{color:var(--jade);font-weight:900}.rc93-route-grid>a{display:grid;gap:5px}.rc93-home-path-grid>a{min-height:190px;display:flex;flex-direction:column}.rc93-home-path-grid h3{margin:.75rem 0 .3rem}.rc93-home-path-grid p{margin:0}.rc93-home-path-grid span{margin-bottom:auto}
.rc93-source-banner{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:26px;border:1px solid color-mix(in srgb,var(--brass) 42%,var(--stone));border-radius:18px;background:var(--brass-faint)}.rc93-source-banner span{color:var(--brass);font-weight:900;font-size:.72rem}.rc93-source-banner h2,.rc93-source-banner h3{margin:.35rem 0}.rc93-source-banner p{margin:0;color:var(--muted)}
.rc93-branch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.rc93-branch-grid>a{display:grid;gap:4px;padding:17px 18px;border-inline-start:3px solid var(--brass);background:var(--paper);border-radius:12px;box-shadow:var(--sh-1)}.rc93-branch-grid b{color:var(--ink)}.rc93-branch-grid span{font-size:.77rem;color:var(--muted)}
.rc93-concept-chain{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.rc93-concept-chain a{padding:9px 13px;border:var(--rule);border-radius:999px;background:var(--paper);color:var(--jade);font-weight:800;font-size:.78rem}.rc93-concept-chain span{color:var(--brass)}
.rc93-three-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.rc93-three-levels article{padding:22px;border:var(--rule);border-radius:16px;background:var(--paper)}.rc93-three-levels span{color:var(--brass);font-size:.67rem;font-weight:900;letter-spacing:.04em}.rc93-three-levels h3{margin:.6rem 0}.rc93-three-levels p{margin:0;color:var(--muted)}.rc93-source-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.rc93-source-list a{padding:9px 12px;border:var(--rule);border-radius:999px;color:var(--jade);font-size:.74rem;font-weight:800;background:var(--paper)}
.rc93-orbit{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.rc93-orbit a{display:grid;place-items:center;min-height:118px;padding:14px;border:var(--rule);border-radius:50% 50% 44% 44% / 56% 56% 44% 44%;background:var(--paper);text-align:center}.rc93-orbit b{color:var(--jade)}.rc93-orbit span{font-size:.7rem;color:var(--muted)}
.rc93-bookshelf{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:end;margin-bottom:24px}.rc93-book-spine{min-height:230px;padding:18px 14px;border:1px solid var(--stone);border-top:4px solid var(--brass);border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,var(--paper),var(--paper-warm));display:flex;flex-direction:column}.rc93-book-spine:nth-child(2n){min-height:255px}.rc93-book-spine span{font-size:.65rem;color:var(--brass);font-weight:900}.rc93-book-spine h3{font-size:1rem;margin:1.2rem 0 .4rem}.rc93-book-spine p{font-size:.78rem;color:var(--jade);margin:0 0 auto}.rc93-book-spine small{display:block;padding-top:18px;color:var(--muted);line-height:1.6}
.rc93-term-graph{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.rc93-term-graph>div{padding:20px;border:var(--rule);border-radius:16px;background:var(--paper)}.rc93-term-graph h3{margin-top:0}.rc93-term-graph a{display:inline-flex;margin:4px;padding:6px 9px;border-radius:999px;background:var(--jade-soft);color:var(--jade);font-size:.74rem;font-weight:800}
.rc93-principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.rc93-principles article{padding:20px;border:var(--rule);border-radius:16px;background:var(--paper)}.rc93-principles b{color:var(--brass)}.rc93-principles h3{margin:.6rem 0}.rc93-principles p{margin:0;color:var(--muted)}
/* theme parity */
html[data-theme="dark"] .rc93-time-index,html[data-theme="dark"] .rc93-focus-grid article,html[data-theme="dark"] .rc93-profile-card,html[data-theme="dark"] .rc93-learning-card,html[data-theme="dark"] .rc93-route-grid>a,html[data-theme="dark"] .rc93-home-path-grid>a,html[data-theme="dark"] .rc93-branch-grid>a,html[data-theme="dark"] .rc93-three-levels article,html[data-theme="dark"] .rc93-source-list a,html[data-theme="dark"] .rc93-orbit a,html[data-theme="dark"] .rc93-term-graph>div,html[data-theme="dark"] .rc93-principles article{background:#151E1A}
html[data-theme="soft"] .rc93-focus-grid article,html[data-theme="soft"] .rc93-profile-card,html[data-theme="soft"] .rc93-learning-card,html[data-theme="soft"] .rc93-route-grid>a,html[data-theme="soft"] .rc93-home-path-grid>a,html[data-theme="soft"] .rc93-three-levels article,html[data-theme="soft"] .rc93-orbit a,html[data-theme="soft"] .rc93-term-graph>div,html[data-theme="soft"] .rc93-principles article{background:rgba(255,255,255,.76)}
@media(max-width:980px){.rc93-focus-grid{grid-template-columns:repeat(2,1fr)}.rc93-learning-grid,.rc93-route-grid,.rc93-home-path-grid,.rc93-principles{grid-template-columns:repeat(2,1fr)}.rc93-orbit{grid-template-columns:repeat(3,1fr)}.rc93-bookshelf{grid-template-columns:repeat(3,1fr)}.rc93-source-banner{grid-template-columns:1fr}.rc93-branch-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.rc93-profile-grid,.rc93-focus-grid,.rc93-learning-grid,.rc93-route-grid,.rc93-home-path-grid,.rc93-branch-grid,.rc93-three-levels,.rc93-term-graph,.rc93-principles{grid-template-columns:1fr}.rc93-timeline-item{grid-template-columns:50px 1fr;gap:14px}.rc93-time-index{width:50px;height:38px}.rc93-timeline-item:before{inset-inline-start:24px}.rc93-orbit{grid-template-columns:repeat(2,1fr)}.rc93-orbit a{border-radius:18px;min-height:95px}.rc93-bookshelf{grid-template-columns:repeat(2,1fr)}.rc93-book-spine,.rc93-book-spine:nth-child(2n){min-height:210px}.rc93-source-list{display:grid}.rc93-hero-actions{display:grid}.rc93-hero-actions .button{width:100%}}
@media(max-width:360px){.rc93-bookshelf{grid-template-columns:1fr}.rc93-orbit{grid-template-columns:1fr}.rc93-orbit a{min-height:80px}.rc93-timeline-item{grid-template-columns:42px 1fr}.rc93-time-index{width:42px;font-size:.68rem}.rc93-timeline-item:before{inset-inline-start:20px}}
@media(prefers-reduced-motion:reduce){.rc93-focus-grid article,.rc93-profile-card,.rc93-learning-card,.rc93-route-grid>a,.rc93-home-path-grid>a{transition:none!important;transform:none!important}}

/* RC93 visual QA fixes */
:root[data-theme="dark"] .rc93-hero h1,:root[data-theme="dark"] .rc93-hero h2,:root[data-theme="dark"] .rc93-hero h3{color:var(--ink)!important}
:root[data-theme="dark"] .rc93-hero .button.ghost{color:var(--ink)!important;border-color:#52635b!important;background:rgba(255,255,255,.025)!important}
:root[data-theme="dark"] .rc93-hero .button.ghost:hover{background:rgba(139,193,171,.09)!important;border-color:var(--jade)!important}
:root[data-theme="dark"] .rc93-timeline-item h3,:root[data-theme="dark"] .rc93-timeline~* h2,:root[data-theme="dark"] #timeline h2{color:var(--ink)!important}
:root[data-theme="dark"] #timeline{background:var(--paper)!important;color:var(--ink)!important}
:root[data-theme="dark"] #timeline .section-heading p,:root[data-theme="dark"] #timeline .rc93-timeline-item p{color:var(--muted)!important}
.rc93-source-link,.rc93-kicker{color:var(--jade)!important}
.anchor-target{position:relative;scroll-margin-top:150px}

/* RC94 EXPANSION */
.rc94-expansion{margin-block:clamp(2.5rem,6vw,5rem)}
.rc94-expansion .section-heading{max-width:780px;margin-bottom:1.35rem}
.question-chip-grid{display:flex;flex-wrap:wrap;gap:.65rem}.question-chip{display:inline-flex;padding:.72rem 1rem;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);text-decoration:none}.question-chip:hover{transform:translateY(-1px);border-color:var(--accent)}
.compact-link-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.compact-link-list a{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border:1px solid var(--border);border-radius:var(--radius-md);text-decoration:none;background:var(--surface)}.compact-link-list span{color:var(--text-muted);font-size:.9rem}
@media(max-width:700px){.compact-link-list{grid-template-columns:1fr}.compact-link-list a{align-items:flex-start;flex-direction:column}}


/* === RC95 visual and language refinements === */
:root{
  --muted-strong:#52615b;
  --theme-panel:#ffffff;
  --hero-soft:#eef4ea;
}
:root[data-theme="dark"]{
  --muted-strong:#D0D8D2;
  --theme-panel:#151E1A;
  --hero-soft:#121b18;
}
html[data-theme="soft"]{
  --muted:#44564f;
  --muted-light:#667770;
  --theme-panel:#f8fbf5;
  --hero-soft:#edf4e7;
}

/* improve contrast in all themes */
.section-heading>p:not(.eyebrow),
.topic-hub-card p,
.five-pillars-grid p,
.path-timeline p,
.rc93-timeline-item p,
.rc93-profile-card p,
.rc93-route-grid a span,
.rc82-library-card p,
.resource-card p,
.resource-card ul,
.lead,
.global-search-result span,
.translation-principles p,
.language-card span,
.rc80-question div p,
.question-chip-grid a,
.callout p,
.library-warning,
.editorial-note,
.rc94-question-expansion p,
.verification-card p{
  color:var(--muted-strong)!important;
}

/* stronger hero text visibility */
.topic-hero,
.pillar-hero,
.rc93-soft,
.verified-overview,
.language-hero,
.v21-hero,
.quran-hero,
.pillar-hero,
.source-example-section{
  color:var(--ink);
}
.topic-hero .lead,
.pillar-hero .lead,
.language-hero .lead,
.v21-lead,
.verified-overview p,
.quran-hero p,
.section-heading .lead{
  color:var(--muted-strong)!important;
  opacity:1!important;
}
html[data-theme="dark"] .source-example-section,
:root[data-theme="dark"] .source-example-grid>div>p:not(.eyebrow),
html[data-theme="dark"] .v21-hero,
html[data-theme="dark"] .v21-hero .v21-lead,
html[data-theme="dark"] .v21-hero .rc82-search-note,
html[data-theme="dark"] .verified-overview,
html[data-theme="dark"] .verified-overview p,
html[data-theme="dark"] .question-topic-list,
html[data-theme="dark"] .question-topic-list p,
html[data-theme="dark"] .question-topic-list h3,
html[data-theme="dark"] .rc80-question,
html[data-theme="dark"] .rc80-question p,
html[data-theme="dark"] .rc80-question strong,
html[data-theme="dark"] .rc80-question summary,
html[data-theme="dark"] .topic-hero,
html[data-theme="dark"] .pillar-hero,
html[data-theme="dark"] .language-hero,
html[data-theme="dark"] .quran-hero,
html[data-theme="dark"] .quran-hero p{
  color:var(--inverse-text)!important;
}
html[data-theme="dark"] .v21-hero a,
html[data-theme="dark"] .verified-overview a,
html[data-theme="dark"] .question-topic-list a,
html[data-theme="dark"] .source-example-section a,
html[data-theme="dark"] .topic-hero a,
html[data-theme="dark"] .pillar-hero a,
html[data-theme="dark"] .quran-hero a,
html[data-theme="dark"] .language-hero a{
  color:var(--brass-muted)!important;
}
html[data-theme="soft"] .v21-hero,
html[data-theme="soft"] .topic-hero,
html[data-theme="soft"] .pillar-hero,
html[data-theme="soft"] .language-hero,
html[data-theme="soft"] .quran-hero,
html[data-theme="soft"] .verified-overview,
html[data-theme="soft"] .question-topic-list,
html[data-theme="soft"] .source-example-section{
  color:var(--ink)!important;
}
html[data-theme="soft"] .v21-hero .lead,
html[data-theme="soft"] .topic-hero .lead,
html[data-theme="soft"] .pillar-hero .lead,
html[data-theme="soft"] .language-hero .lead,
html[data-theme="soft"] .quran-hero p,
html[data-theme="soft"] .verified-overview p,
html[data-theme="soft"] .question-topic-list p,
html[data-theme="soft"] .source-example-grid>div>p:not(.eyebrow){
  color:var(--muted-strong)!important;
  opacity:1!important;
}

/* eyebrow / section label spacing */
.eyebrow,
.v21-eyebrow,
.section-heading .eyebrow,
.rc93-kicker,
.mini-label{
  display:inline-flex;
  align-items:center;
  gap:12px!important;
  line-height:1.75!important;
}
.eyebrow::before,
.v21-eyebrow span,
.section-heading .eyebrow::before{
  flex:0 0 auto;
}
[dir="rtl"] .eyebrow,
[dir="rtl"] .v21-eyebrow,
[dir="rtl"] .section-heading .eyebrow{
  padding-inline-end:2px;
}
.section-heading .eyebrow,
.topic-hero .eyebrow,
.language-hero .eyebrow,
.verified-overview .eyebrow,
.rc93-kicker{
  color:var(--jade)!important;
}
html[data-theme="dark"] .eyebrow,
html[data-theme="dark"] .v21-eyebrow,
html[data-theme="dark"] .section-heading .eyebrow,
html[data-theme="dark"] .rc93-kicker,
html[data-theme="dark"] .mini-label{
  color:var(--brass-muted)!important;
}
html[data-theme="dark"] .eyebrow::before,
html[data-theme="dark"] .section-heading .eyebrow::before,
html[data-theme="dark"] .v21-eyebrow span{
  background:rgba(226,201,143,.82)!important;
}

/* language switcher with flags */
.language-switcher{position:relative;display:inline-flex;align-items:center}
.language-switcher summary{
  min-height:40px!important;
  padding:8px 14px!important;
  gap:9px!important;
  border-radius:999px!important;
  background:var(--theme-panel)!important;
  box-shadow:var(--sh-1);
}
.language-switcher[open] summary{border-color:var(--brass)!important;box-shadow:0 0 0 3px var(--brass-soft)}
.language-badge,
.language-flag{
  display:inline-grid;place-items:center;flex:0 0 auto;
}
.language-flag{
  width:24px;height:24px;border-radius:50%;font-size:15px;
  background:var(--paper-warm);box-shadow:inset 0 0 0 1px var(--stone-light);
}
.language-label{font-weight:800}
.language-code{color:var(--muted);font-size:.67rem;font-weight:800;letter-spacing:.04em}
.language-menu{min-width:210px!important;padding:8px!important;border-radius:14px!important;background:var(--theme-panel)!important}
.language-menu a,.language-menu span{padding:11px 12px!important;border-radius:10px!important;align-items:center!important}
.language-menu .lang-copy{display:grid;gap:1px;justify-items:start}
.language-menu .lang-copy strong{font-size:.82rem;line-height:1.2}
.language-menu .lang-copy small{font-size:.66rem;line-height:1.15;color:var(--muted-strong)!important}
.language-menu .is-current{background:var(--paper-warm)!important;border:1px solid var(--stone-light)}
.language-switcher .language-name-long{display:inline-block!important}
@media(max-width:980px){.language-switcher .language-name-long{display:none!important}.language-switcher summary{padding-inline:10px!important}}
@media(max-width:720px){.language-menu{top:78px!important;inset-inline:14px!important;min-width:auto!important}}

/* question and verified sections contrast in dark/soft */
html[data-theme="dark"] .verified-overview,
html[data-theme="dark"] .rc80-question,
html[data-theme="dark"] .question-topic-list .card,
html[data-theme="dark"] .rc93-route-grid>a,
html[data-theme="dark"] .rc93-profile-card,
html[data-theme="dark"] .rc93-term-graph>div,
html[data-theme="dark"] .rc82-library-card,
html[data-theme="dark"] .rc93-book-spine,
html[data-theme="dark"] .topic-hub-card,
html[data-theme="dark"] .language-card,
html[data-theme="dark"] .translation-principles article{
  background:#151E1A!important;
}
html[data-theme="soft"] .verified-overview,
html[data-theme="soft"] .rc80-question,
html[data-theme="soft"] .question-topic-list .card,
html[data-theme="soft"] .rc82-library-card,
html[data-theme="soft"] .rc93-book-spine,
html[data-theme="soft"] .language-card,
html[data-theme="soft"] .translation-principles article{
  background:rgba(255,255,255,.84)!important;
}


/* RC97 FINALIZATION PATCH */
.language-switcher summary{gap:8px!important}
.language-switcher .language-flag{display:inline-block!important;font-size:1.12rem!important;line-height:1!important;filter:none!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;min-width:auto!important;height:auto!important;border-radius:0!important}
.language-switcher .language-code{font:800 10.5px/1 var(--font-body);letter-spacing:.06em;color:var(--muted-strong,var(--muted));background:none!important;border:0!important;padding:0!important}
.language-menu{min-width:205px!important}
.language-menu>a,.language-menu>.is-current{display:grid!important;grid-template-columns:24px minmax(0,1fr) auto!important;align-items:center!important;gap:11px!important;padding:12px 13px!important}
.language-menu strong{font-family:var(--font-body);font-size:.9rem;line-height:1.35}
.language-menu .language-symbol,.language-switcher summary .language-symbol{display:none!important}
html[data-theme="dark"] .language-menu strong,html[data-theme="dark"] .language-code{color:#f4f0e7!important}
html[data-theme="soft"] .language-menu strong,html[data-theme="light"] .language-menu strong{color:var(--ink)!important}

/* readable secondary text across the three themes */
html[data-theme="dark"] .lead,html[data-theme="dark"] .section-heading p,html[data-theme="dark"] .editorial-note,html[data-theme="dark"] .resource-card p,html[data-theme="dark"] .rc82-library-card p,html[data-theme="dark"] .rc93-profile-card p,html[data-theme="dark"] .rc93-route-grid span,html[data-theme="dark"] .verified-issue-card p,html[data-theme="dark"] .card p{color:#d9e3dc!important;opacity:1!important}
html[data-theme="soft"] .lead,html[data-theme="soft"] .section-heading p,html[data-theme="soft"] .editorial-note,html[data-theme="soft"] .resource-card p,html[data-theme="soft"] .rc82-library-card p,html[data-theme="soft"] .rc93-profile-card p,html[data-theme="soft"] .rc93-route-grid span,html[data-theme="soft"] .verified-issue-card p,html[data-theme="soft"] .card p{color:#29453d!important;opacity:1!important}
html[data-theme="light"] .lead,html[data-theme="light"] .section-heading p,html[data-theme="light"] .editorial-note,html[data-theme="light"] .resource-card p,html[data-theme="light"] .rc82-library-card p,html[data-theme="light"] .rc93-profile-card p,html[data-theme="light"] .rc93-route-grid span,html[data-theme="light"] .verified-issue-card p,html[data-theme="light"] .card p{color:#40544d!important;opacity:1!important}
html[data-theme="dark"] .eyebrow,html[data-theme="dark"] .mini-label,html[data-theme="dark"] .source-chip{color:#e1c883!important;opacity:1!important}
html[data-theme="soft"] .eyebrow,html[data-theme="soft"] .mini-label,html[data-theme="soft"] .source-chip,html[data-theme="light"] .eyebrow,html[data-theme="light"] .mini-label,html[data-theme="light"] .source-chip{color:#715812!important;opacity:1!important}

/* keep decorative rails away from copy */
.eyebrow,.mini-label,.knowledge-kicker{padding-inline:.8rem!important;margin-inline-end:.25rem}
.section-heading>.eyebrow,.topic-hero .eyebrow{max-width:100%;line-height:1.55}

/* richer knowledge lists without turning pages into tables */
.rc96-keyword-cloud,.question-chip-grid{display:flex!important;flex-wrap:wrap!important;gap:9px!important}
.rc96-keyword-cloud a,.question-chip-grid a{display:inline-flex!important;align-items:center!important;min-height:38px;padding:8px 13px!important;border:1px solid var(--stone-light)!important;border-radius:999px!important;background:var(--paper-warm)!important;color:var(--ink)!important;text-decoration:none!important;line-height:1.35!important}
.rc96-keyword-cloud a:hover,.question-chip-grid a:hover{border-color:var(--brass)!important;color:var(--jade)!important;transform:translateY(-1px)}

@media(max-width:720px){
 .language-switcher summary{padding-inline:9px!important}
 .language-switcher .language-name-long{display:none!important}
 .language-menu{top:70px!important;inset-inline:12px!important}
 .language-menu>a,.language-menu>.is-current{grid-template-columns:24px minmax(0,1fr) auto!important}
 .rc96-keyword-cloud a,.question-chip-grid a{width:auto;max-width:100%}
}


/* =========================================================
   RC100 — FINAL LAUNCH HARDENING
   Contrast, theme parity, controls, responsive resilience
   ========================================================= */
:root{
  --launch-gold:#E3BF6E;
  --launch-gold-2:#F0D48E;
  --launch-gold-text:#10271F;
  --launch-dark-text:#F3EFE6;
  --launch-dark-muted:#D6E0DA;
  --launch-light-text:#17342C;
  --launch-light-muted:#405B51;
}

/* Primary CTAs must remain readable in every theme */
.v21-primary-cta{
  background:linear-gradient(135deg,var(--launch-gold),var(--launch-gold-2))!important;
  color:var(--launch-gold-text)!important;
  border:1px solid rgba(91,69,19,.28)!important;
  opacity:1!important;text-shadow:none!important;
}
.v21-primary-cta:hover,.v21-primary-cta:focus-visible{
  color:#071B15!important;filter:brightness(.97);box-shadow:0 7px 22px rgba(111,82,21,.18);
}
:root[data-theme="dark"] .button.primary,:root[data-theme="dark"] .header-lesson-cta{
  color:#071D16!important;text-shadow:none!important;
}
:root[data-theme="dark"] .button.primary:hover,:root[data-theme="dark"] .header-lesson-cta:hover{
  color:#F7F3EA!important;
}
.button:disabled,[aria-disabled="true"]{opacity:.72!important}
:root[data-theme="dark"] .button:disabled{color:#BFCAC3!important}

/* Dark theme: no dark green text on dark green surfaces */
:root[data-theme="dark"] .home-knowledge-landscape,
:root[data-theme="dark"] .home-knowledge-landscape h2,
:root[data-theme="dark"] .home-knowledge-landscape h3,
:root[data-theme="dark"] .home-knowledge-landscape strong,
:root[data-theme="dark"] .home-knowledge-landscape summary,
:root[data-theme="dark"] .home-knowledge-landscape a,
:root[data-theme="dark"] .verified-overview,
:root[data-theme="dark"] .verified-overview h2,
:root[data-theme="dark"] .verified-overview h3,
:root[data-theme="dark"] .verified-overview strong,
:root[data-theme="dark"] .verified-overview summary,
:root[data-theme="dark"] .verified-overview a{color:var(--launch-dark-text)!important}
:root[data-theme="dark"] .home-knowledge-landscape p,
:root[data-theme="dark"] .home-knowledge-landscape small,
:root[data-theme="dark"] .home-knowledge-landscape span:not(.knowledge-path-icon):not(.knowledge-kicker),
:root[data-theme="dark"] .verified-overview p,
:root[data-theme="dark"] .verified-overview small,
:root[data-theme="dark"] .verified-overview .verified-meta{color:var(--launch-dark-muted)!important;opacity:1!important}
:root[data-theme="dark"] .knowledge-path em,
:root[data-theme="dark"] .knowledge-kicker,
:root[data-theme="dark"] .knowledge-feature-side span,
:root[data-theme="dark"] .verified-open{color:#B8E9D6!important}
:root[data-theme="dark"] .knowledge-proof strong{color:#F0D892!important}

/* Light + calm themes: keep text genuinely dark */
html[data-theme="light"] .home-knowledge-landscape,
html[data-theme="light"] .home-knowledge-landscape h2,
html[data-theme="light"] .home-knowledge-landscape h3,
html[data-theme="light"] .home-knowledge-landscape strong,
html[data-theme="light"] .home-knowledge-landscape summary,
html[data-theme="light"] .home-knowledge-landscape a,
html[data-theme="soft"] .home-knowledge-landscape,
html[data-theme="soft"] .home-knowledge-landscape h2,
html[data-theme="soft"] .home-knowledge-landscape h3,
html[data-theme="soft"] .home-knowledge-landscape strong,
html[data-theme="soft"] .home-knowledge-landscape summary,
html[data-theme="soft"] .home-knowledge-landscape a,
html[data-theme="light"] .verified-overview,
html[data-theme="light"] .verified-overview h2,
html[data-theme="light"] .verified-overview h3,
html[data-theme="soft"] .verified-overview,
html[data-theme="soft"] .verified-overview h2,
html[data-theme="soft"] .verified-overview h3{color:var(--launch-light-text)!important}
html[data-theme="light"] .home-knowledge-landscape p,
html[data-theme="light"] .home-knowledge-landscape small,
html[data-theme="light"] .verified-overview p,
html[data-theme="soft"] .home-knowledge-landscape p,
html[data-theme="soft"] .home-knowledge-landscape small,
html[data-theme="soft"] .verified-overview p{color:var(--launch-light-muted)!important;opacity:1!important}

/* Prevent overly dark section backgrounds leaking into light/calm themes */
html[data-theme="light"] .home-knowledge-landscape,html[data-theme="soft"] .home-knowledge-landscape{
  background:linear-gradient(180deg,var(--paper),var(--paper-warm))!important;
}
html[data-theme="light"] .knowledge-path,html[data-theme="light"] .knowledge-feature-side>a,
html[data-theme="soft"] .knowledge-path,html[data-theme="soft"] .knowledge-feature-side>a{background:var(--paper)!important}
html[data-theme="light"] .knowledge-feature-main,html[data-theme="soft"] .knowledge-feature-main{
  background:linear-gradient(145deg,var(--brass-faint),var(--paper))!important;
}

/* Button and pill consistency */
.button,.v21-primary-cta,.v21-secondary-cta,.header-lesson-cta,.global-search-trigger,.reading-tool{
  font-weight:800!important;
}
.v21-secondary-cta{color:#F8F3E8!important}
html[data-theme="light"] .v21-secondary-cta,html[data-theme="soft"] .v21-secondary-cta{
  color:#17342C!important;background:rgba(255,255,255,.62)!important;border-color:rgba(128,100,46,.42)!important;
}

/* Better visible focus states */
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{
  outline:3px solid color-mix(in srgb,var(--brass) 82%,#fff 18%)!important;outline-offset:3px!important;
}

/* Mobile and zoom safety */
img,svg,video,canvas{max-width:100%;height:auto}
main,section,.container{min-width:0}
.knowledge-path,.verified-issue-card,.rc93-profile-card,.resource-card,.rc82-library-card{min-width:0}
.knowledge-path strong,.knowledge-path small,.verified-issue-card h3,.verified-issue-card p{overflow-wrap:anywhere}
@media(max-width:430px){
  .v21-hero-actions{display:grid!important;grid-template-columns:1fr!important;width:100%}
  .v21-primary-cta,.v21-secondary-cta{width:100%!important;min-height:46px!important}
  .knowledge-intro h2{font-size:clamp(1.55rem,8.2vw,2rem)!important}
  .knowledge-path{grid-template-columns:38px minmax(0,1fr) auto!important;gap:.7rem!important}
  .knowledge-path-icon{width:38px!important;height:38px!important}
  .language-menu{max-width:calc(100vw - 24px)!important}
}
@media(max-width:360px){
  .container{padding-inline:14px!important}
  .v21-hero-shell{padding-inline:0!important}
  .knowledge-path{grid-template-columns:34px minmax(0,1fr)!important}
  .knowledge-path>i{display:none!important}
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}

/* RC100 specificity guard: hero links must not override CTA text contrast */
html[data-theme="dark"] .v21-hero a.v21-primary-cta{
  color:var(--launch-gold-text)!important;
}
html[data-theme="dark"] .v21-hero a.v21-primary-cta:hover,
html[data-theme="dark"] .v21-hero a.v21-primary-cta:focus-visible{
  color:#071B15!important;
}

/* RC100 home hero continuity: shell stays dark in all three themes so content never crosses onto an unreadable surface */
.v21-hero-shell{
  background:radial-gradient(circle at 22% 14%,rgba(226,199,127,.10),transparent 23rem),linear-gradient(120deg,#062B24 0%,#0B3B32 51%,#0B493C 100%)!important;
  border-radius:28px!important;
}
.v21-hero .v21-lead,
.v21-hero .rc82-search-note,
.v21-hero .rc82-browse-strip>span{color:#D5E3DD!important;opacity:1!important}
.v21-hero .rc82-browse-strip a{color:#EEF5F1!important;border-color:rgba(240,212,145,.34)!important;background:rgba(255,255,255,.055)!important}
.v21-hero .v21-chips>span{color:#DBE7E2!important}
.v21-hero .v21-chips button{color:#EDF4F1!important;border-color:rgba(255,255,255,.18)!important;background:rgba(255,255,255,.055)!important}
.v21-hero a.v21-secondary-cta{color:#F8F3E8!important;background:rgba(255,255,255,.025)!important;border-color:rgba(240,212,145,.45)!important}
html[data-theme="light"] .v21-hero a.v21-secondary-cta,
html[data-theme="soft"] .v21-hero a.v21-secondary-cta{color:#F8F3E8!important;background:rgba(255,255,255,.025)!important;border-color:rgba(240,212,145,.45)!important}

/* RC105 — visitor feedback entry point */
.asl-feedback-button{
  position:fixed;
  inset-inline-end:18px;
  bottom:18px;
  z-index:220;
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  min-height:44px;
  max-width:min(260px,calc(100vw - 32px));
  padding:.66rem .9rem;
  border:1px solid color-mix(in srgb,var(--brass) 48%,transparent);
  border-radius:999px;
  background:color-mix(in srgb,var(--paper) 94%,transparent);
  color:var(--ink);
  box-shadow:0 14px 42px rgba(0,0,0,.24);
  font:inherit;
  font-size:.88rem;
  font-weight:800;
  line-height:1.2;
  cursor:pointer;
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);
}
.asl-feedback-button:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--brass) 82%,transparent);
  box-shadow:0 18px 52px rgba(0,0,0,.3);
}
.asl-feedback-button:focus-visible{outline:3px solid color-mix(in srgb,var(--brass) 82%,#fff 18%)!important;outline-offset:3px!important}
.asl-feedback-icon{
  display:grid;
  place-items:center;
  width:1.7rem;
  height:1.7rem;
  flex:0 0 1.7rem;
  border-radius:50%;
  background:var(--brass-faint);
  color:var(--brass);
  font-size:1rem;
  font-weight:900;
}
.asl-feedback-button.is-unavailable{display:none}
html[data-theme="dark"] .asl-feedback-button{
  background:rgba(16,23,19,.94);
  color:#F4F0E7;
  border-color:rgba(226,199,127,.36);
}
html[data-theme="dark"] .asl-feedback-icon{background:rgba(226,199,127,.12);color:#E2C77F}
@media(max-width:760px){
  .asl-feedback-button{
    inset-inline-end:12px;
    bottom:76px;
    min-height:42px;
    padding:.58rem .72rem;
    font-size:.82rem;
  }
}
@media(max-width:390px){
  .asl-feedback-label{display:none}
  .asl-feedback-button{padding:.52rem;width:44px;height:44px;justify-content:center}
  .asl-feedback-icon{width:1.8rem;height:1.8rem;flex-basis:1.8rem}
}



/* RC106 — full-theme contrast, actionable books, and device clarity */
html[data-theme="light"] .verified-issue-card,
html[data-theme="soft"] .verified-issue-card{
  background:var(--paper-warm)!important;
  color:var(--ink)!important;
  border-color:var(--stone)!important;
}
html[data-theme="light"] .verified-issue-card h3,
html[data-theme="soft"] .verified-issue-card h3{color:var(--ink)!important}
html[data-theme="light"] .verified-issue-card p,
html[data-theme="soft"] .verified-issue-card p,
html[data-theme="light"] .verified-meta,
html[data-theme="soft"] .verified-meta,
html[data-theme="light"] .verified-cat,
html[data-theme="soft"] .verified-cat{color:var(--muted-strong)!important;opacity:1!important}
html[data-theme="light"] .verified-badge,
html[data-theme="soft"] .verified-badge{background:#E3F2EC!important;color:#245F4D!important;border-color:#9CCAB8!important}
html[data-theme="light"] .verified-open,
html[data-theme="soft"] .verified-open{color:var(--jade)!important}
html[data-theme="light"] .verified-stats strong,
html[data-theme="soft"] .verified-stats strong{color:var(--brass)!important}
html[data-theme="light"] .verified-chip-row b,
html[data-theme="light"] .verified-filterbar span,
html[data-theme="soft"] .verified-chip-row b,
html[data-theme="soft"] .verified-filterbar span{color:var(--jade)!important}

.rc106-book-spine-link{position:relative;color:var(--ink)!important;text-decoration:none!important;cursor:pointer;transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)!important}
.rc106-book-spine-link:hover,.rc106-book-spine-link:focus-visible{transform:translateY(-3px);border-color:var(--jade)!important;box-shadow:var(--sh-2);outline:none}
.rc106-book-spine-link:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--jade) 26%,transparent),var(--sh-2)}
.rc106-book-cta{display:block;margin-top:14px;padding-top:10px;border-top:1px solid var(--stone-light);color:var(--jade)!important;font-size:.72rem;font-weight:900}
.rc106-read-link,.rc106-official-link{display:inline-flex!important;margin-inline-end:12px!important;margin-top:10px!important}
.rc82-library-card a[href^="http"],.resource-card a[href^="http"]{text-decoration-thickness:1px;text-underline-offset:3px}

/* Keep readable tap targets and prevent long external URLs/text from forcing horizontal overflow. */
.resource-card,.rc82-library-card,.verified-issue-card,.source-list li{min-width:0}
.resource-card a,.rc82-library-card a,.source-list a{overflow-wrap:anywhere}
@media(max-width:640px){
  .rc106-book-spine-link{min-height:190px!important}
  .rc106-book-cta{font-size:.76rem}
  .resource-card a[href^="http"],.rc82-library-card a[href^="http"]{min-height:42px;align-items:center}
}


/* RC107 — verified books, useful diacritics control, authentic-dua garden */
[data-diacritics-toggle] .reading-font-label{min-width:4.6rem;text-align:center;font-weight:800}
a[data-book-link="true"]{position:relative}
a[data-book-link="true"]::after{content:"✓";display:inline-grid;place-items:center;width:1.15rem;height:1.15rem;margin-inline-start:.35rem;border:1px solid currentColor;border-radius:999px;font-size:.72rem;opacity:.72}
.rc107-dua-entry{padding-block:1rem 0}.rc107-dua-entry-card{display:grid;gap:.35rem;padding:1rem 1.2rem;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,var(--surface),var(--surface-soft));text-decoration:none}.rc107-dua-entry-card span,.rc107-dua-entry-card b{color:var(--accent)}.rc107-dua-entry-card strong{font-size:clamp(1.15rem,2vw,1.55rem)}.rc107-dua-entry-card small{color:var(--muted);line-height:1.8}
.rc107-dua-garden{position:relative;overflow:hidden}.rc107-dua-garden::before{content:"";position:absolute;inset:4% auto auto 4%;width:14rem;height:14rem;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:50%;opacity:.35;pointer-events:none}.rc107-dua-head{max-width:52rem}.rc107-dua-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.rc107-dua-grid article{display:grid;gap:.75rem;padding:1.15rem;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 14px 40px rgba(0,0,0,.05)}.rc107-dua-grid article>span{width:max-content;padding:.25rem .65rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-size:.82rem;font-weight:800}.rc107-dua-grid h3{margin:0;font-size:1.08rem}.rc107-dua-grid p{margin:0;line-height:2;color:var(--ink)}.rc107-dua-grid a{width:max-content;color:var(--accent);font-weight:800;text-decoration:none}.rc107-dua-grid a:hover{text-decoration:underline}
@media (max-width:760px){.rc107-dua-grid{grid-template-columns:1fr}.rc107-dua-grid article{padding:1rem}.rc107-dua-entry-card{border-radius:16px}}


/* ==========================================================
   RC109.3 — THREE-THEME CONTRAST HARDENING
   Purpose: readable text in Light / Dark / Calm without changing content.
   All primary/secondary semantic text tokens meet WCAG AA against the
   theme's paper and paper-warm surfaces.
   ========================================================== */
:root[data-theme="light"]{
  --ink:#101815;
  --ink-soft:#24352E;
  --muted:#46564F;
  --muted-light:#5F6D66;
  --muted-strong:#344A41;
  --jade:#17483D;
  --brass:#6B501D;
  --text-muted:var(--muted);
}
:root[data-theme="soft"]{
  --ink:#142B22;
  --ink-soft:#243C33;
  --muted:#455D53;
  --muted-light:#5F7168;
  --muted-strong:#334C42;
  --jade:#245E45;
  --brass:#6B501D;
  --text-muted:var(--muted);
}
:root[data-theme="dark"]{
  --ink:#F3EFE5;
  --ink-soft:#E2DDD3;
  --muted:#C4CCC7;
  --muted-light:#AEB8B2;
  --muted-strong:#D4DBD6;
  --jade:#A7D8C4;
  --brass:#E2C27E;
  --text-muted:var(--muted);
}

/* Secondary copy must not rely on opacity for hierarchy. */
html[data-theme] :where(.lead,.editorial-note,.visual-note,.privacy-note,.library-warning,.quran-cache-note,.quran-license-note,.quran-audio-guide,.quran-audio-status,.quran-companion-source,.global-search-intro,.global-search-status,.global-search-safety){
  opacity:1!important;
}

/* Qur'an reader: theme-aware contrast. The reader used to receive stale
   fixed inline colors after switching themes; colors now come only from
   semantic theme tokens. */
.asl-quran-reader-runtime .asl-quran-text-visible{
  color:inherit!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  text-shadow:none!important;
}
.quran-panel,.quran-book,.quran-companion,.quran-index-card,.quran-search-result{color:var(--ink)!important}
.quran-surah-heading h2{color:var(--ink)!important;opacity:1!important;text-shadow:none!important}
.quran-surah-heading p,.quran-tap-hint{color:var(--muted)!important;opacity:1!important;text-shadow:none!important}
.quran-controls label,.quran-side-title small,.quran-index-card small,.quran-empty,.quran-cache-note,.quran-license-note,.quran-companion-source,.quran-audio-guide,.quran-audio-status{
  color:var(--muted)!important;opacity:1!important;text-shadow:none!important
}
.quran-side-title h3,.quran-index-card strong,.quran-toolbar button,.quran-toolbar a,.quran-controls select,.quran-controls input,.quran-search-box input,.quran-index-filter,.quran-selected-ayah{
  color:var(--ink)!important;opacity:1!important;text-shadow:none!important
}
.quran-status,.quran-search-result strong,.quran-meaning-item strong{color:var(--jade)!important;opacity:1!important}
.quran-text,.quran-search-result span,.quran-tafsir-text,.quran-meanings-text{color:var(--ink)!important;opacity:1!important;text-shadow:none!important}
.quran-basmala{color:var(--brass)!important;opacity:1!important}

/* Controls sitting on accent backgrounds keep an explicit inverse color. */
.quran-companion-tabs button[aria-selected="true"],
.quran-audio-controls button.primary-audio,
.quran-ayah-marker:hover,.quran-ayah-marker:focus-visible,
.button.primary,.header-lesson-cta{color:#fff!important}
html[data-theme="dark"] .button.primary,html[data-theme="dark"] .header-lesson-cta{color:#0E211B!important}

/* Common information cards: remove accidental faded descendants while
   preserving deliberately inverse/featured surfaces. */
html[data-theme] :where(.resource-card,.rc82-library-card,.rc93-profile-card,.verified-issue-card,.quran-panel,.quran-book,.quran-companion) :where(p,small,span){
  opacity:1;
}

/* Focus is part of readability too. */
html[data-theme] :where(a,button,input,select,textarea):focus-visible{
  outline:3px solid color-mix(in srgb,var(--brass) 72%,#fff 28%);
  outline-offset:2px;
}

/* RC121 targeted fix: HTML hidden must supersede flex display on filtered fatwa cards. */
.verified-issue-card[hidden]{display:none!important}

/* RC125 — phone header fit (≤430px): brand text and action buttons never overlap or clip. */
@media(max-width:430px){
  .rc73-header .header-primary-inner{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important}
  .rc73-header .brand{min-width:0;gap:8px}
  .rc73-header .brand img{flex:0 0 36px;width:36px;height:36px}
  .rc73-header .brand-copy{min-width:0}
  .rc73-header .brand-copy strong{font-size:15px!important;white-space:nowrap}
  .rc73-header .header-actions{gap:4px}
  .rc73-header .global-search-trigger,.rc73-header .menu-toggle,.rc73-header .rc75-quran-menu>summary{width:38px;min-width:38px;height:38px}
  .rc73-header .rc73-quran-action{width:38px;height:38px;flex-basis:38px}
  .rc73-header .language-switcher summary{padding-inline:7px}
  /* the tools bar is anchored to the header (backdrop-filter), so keep it clear of the button row above it */
  .rc73-header .reading-tools{bottom:5px}
}

/* RC125 — /start result card keeps its deep-green surface in Light and Calm, so its labels, secondary buttons and note must stay light. */
html[data-theme="light"] .smart-guide-result .button.ghost,html[data-theme="soft"] .smart-guide-result .button.ghost{color:#fff!important;border-color:rgba(255,255,255,.42)!important;background:transparent}
html[data-theme="light"] .smart-guide-result .button.ghost:hover,html[data-theme="soft"] .smart-guide-result .button.ghost:hover{background:rgba(255,255,255,.1)!important}
html[data-theme="light"] .smart-guide-result .archival-label,html[data-theme="soft"] .smart-guide-result .archival-label{color:#e1c883!important}
html[data-theme="light"] .smart-guide-result small,html[data-theme="soft"] .smart-guide-result small{color:rgba(255,255,255,.82)!important}
.smart-source-results{margin-top:16px}
.smart-source-results h3{margin:0 0 10px}

/* RC125 — narrow phones (≤380px): compact header controls so the brand never collides with them. */
@media(max-width:380px){
  .rc73-header .brand{gap:6px}
  .rc73-header .brand img{flex:0 0 32px;width:32px;height:32px}
  .rc73-header .brand-copy strong{font-size:13.5px!important}
  .rc73-header .header-actions{gap:3px}
  .rc73-header .global-search-trigger,.rc73-header .menu-toggle,.rc73-header .rc75-quran-menu>summary{width:34px;min-width:34px;height:34px}
  .rc73-header .rc73-quran-action{width:34px;height:34px;flex-basis:34px}
  .rc73-header .language-switcher .language-flag{display:none}
}
/* RC125 — 120%/132% reading size on phones: the reading-tools bar becomes its own row under the header controls. */
@media(max-width:430px){
  html[data-font-size="3"] .rc73-header .header-primary-inner,html[data-font-size="4"] .rc73-header .header-primary-inner{grid-template-columns:minmax(0,1fr) repeat(4,auto)!important;column-gap:4px!important;row-gap:6px!important}
  html[data-font-size="3"] .rc73-header .header-actions,html[data-font-size="4"] .rc73-header .header-actions{display:contents}
  html[data-font-size="3"] .rc73-header .header-primary-inner>.brand,html[data-font-size="4"] .rc73-header .header-primary-inner>.brand{grid-column:1;grid-row:1}
  html[data-font-size="3"] .rc73-header .reading-tools,html[data-font-size="4"] .rc73-header .reading-tools{grid-column:1/-1;grid-row:2;justify-self:center;margin:0!important}
}
@media(max-width:380px){
  .rc73-header .language-switcher summary{padding:6px 8px!important;gap:5px!important;min-height:34px!important}
  .rc73-header .language-switcher .language-flag{display:none!important}
}
@media(max-width:380px){
  .rc73-header .brand img{flex-basis:30px;width:30px;height:30px}
  .rc73-header .brand-copy strong{font-size:13px!important}
}
@media(max-width:340px){
  .rc73-header .brand{gap:5px}
  .rc73-header .brand img{flex-basis:28px;width:28px;height:28px}
  .rc73-header .brand-copy strong{font-size:12.5px!important}
  .rc73-header .header-actions{gap:2px}
  .rc73-header .global-search-trigger,.rc73-header .menu-toggle,.rc73-header .rc75-quran-menu>summary,.rc73-header .rc73-quran-action{width:32px;min-width:32px;height:32px;flex-basis:32px}
}
/* RC125 — size overrides need !important to beat the earlier header image/trigger rules. */
@media(max-width:430px){.rc73-header .brand img{width:36px!important;height:36px!important}}
@media(max-width:380px){.rc73-header .brand img{width:30px!important;height:30px!important}.rc73-header .global-search-trigger{width:34px!important;padding-inline:0!important}}
@media(max-width:340px){.rc73-header .brand img{width:28px!important;height:28px!important}.rc73-header .global-search-trigger{width:32px!important}}
/* RC125 — compact header controls: keep the menu bars inside the smaller button and the search button square. */
@media(max-width:380px){
  .rc73-header .menu-toggle{padding:0!important}
  .rc73-header .menu-toggle span:not(.sr-only){margin:3px 0}
  .rc73-header .global-search-trigger{height:34px!important}
}
@media(max-width:340px){
  .rc73-header .global-search-trigger,.rc73-header .menu-toggle{height:32px!important}
}
@media(max-width:380px){.rc73-header .global-search-trigger{min-height:34px!important}}
@media(max-width:340px){.rc73-header .global-search-trigger{min-height:32px!important}}

/* ===== FINAL VISUAL QA — shared contrast fixes (v2) ===== */
.skip-link{color:#0B1210!important;background:#F3EFE5!important;border:2px solid #17483D}
html[data-theme="dark"] .rc82-ruqyah-icon,
html[data-theme="dark"] .rc79-course-dots a.is-current,
html[data-theme="dark"] .rc82-course-dots a.is-current,
html[data-theme="dark"] .rc80-filterbar button.is-active,
html[data-theme="dark"] .summary-block .block-number,
html[data-theme="dark"] .step-indicator span.is-active,
html[data-theme="dark"] .choice-card.is-active .choice-number,
html[data-theme="dark"] .header-lesson-cta,
html[data-theme="dark"] .curriculum-lessons b,
html[data-theme="dark"] .service-icon,
html[data-theme="dark"] .ordered-learning-list li::before,
html[data-theme="dark"] .rc79-course-dots a.is-current *,
html[data-theme="dark"] .rc82-course-dots a.is-current *{color:#0B1210!important}
html[data-theme="soft"] .language-card.ready,html[data-theme="soft"] .language-card.ready *{color:var(--ink)!important}
html[data-theme="dark"] .lesson-card-featured,
html[data-theme="dark"] .new-muslim-home-card,
html[data-theme="dark"] .welcome-card,
html[data-theme="dark"] .rc82-newmuslim-guidance{background:linear-gradient(145deg,#17483D,#0F2A24)!important}
html[data-theme] .lesson-card-featured,
html[data-theme] .new-muslim-home-card,
html[data-theme] .welcome-card,
html[data-theme] .rc82-newmuslim-guidance{color:#F7F3EA}
html[data-theme] .lesson-card-featured p,
html[data-theme] .new-muslim-home-card p,
html[data-theme] .welcome-card p,
html[data-theme] .rc82-newmuslim-guidance p,
html[data-theme] .lesson-card-featured small,
html[data-theme] .new-muslim-home-card small,
html[data-theme] .welcome-card small,
html[data-theme] .rc82-newmuslim-guidance small,
html[data-theme] .lesson-card-featured .lesson-card-meta span,
html[data-theme] .lesson-card-featured b,
html[data-theme] .welcome-card b{color:rgba(247,243,234,.9)!important}
html[data-theme] .lesson-card-featured h2,
html[data-theme] .new-muslim-home-card h2,
html[data-theme] .welcome-card h2,
html[data-theme] .rc82-newmuslim-guidance h2,
html[data-theme] .lesson-card-featured h3,
html[data-theme] .new-muslim-home-card h3,
html[data-theme] .welcome-card h3,
html[data-theme] .rc82-newmuslim-guidance h3,
html[data-theme] .lesson-card-featured strong,
html[data-theme] .welcome-card strong,
html[data-theme] .new-muslim-home-card strong{color:#FBF9F2!important}
html[data-theme] .lesson-card-featured .eyebrow,
html[data-theme] .new-muslim-home-card .eyebrow,
html[data-theme] .welcome-card .eyebrow,
html[data-theme] .rc82-newmuslim-guidance .eyebrow,
html[data-theme] .lesson-card-featured .archival-label,
html[data-theme] .new-muslim-home-card .archival-label,
html[data-theme] .welcome-card .archival-label,
html[data-theme] .rc82-newmuslim-guidance .archival-label,
html[data-theme] .lesson-card-featured .mini-label,
html[data-theme] .new-muslim-home-card .mini-label,
html[data-theme] .welcome-card .mini-label,
html[data-theme] .rc82-newmuslim-guidance .mini-label{color:#E6CF94!important}
html[data-theme] .lesson-card-featured a,
html[data-theme] .new-muslim-home-card a:not(.button),
html[data-theme] .welcome-card a:not(.button){color:#E6CF94}
html[data-theme] .lesson-card-featured .button.ghost,
html[data-theme] .new-muslim-home-card .button.ghost,
html[data-theme] .welcome-card .button.ghost,
html[data-theme] .rc82-newmuslim-guidance .button.ghost{color:#F7F3EA!important;border-color:rgba(247,243,234,.6)!important;background:transparent}
html[data-theme] .lesson-card-featured .button.ghost:hover,
html[data-theme] .new-muslim-home-card .button.ghost:hover,
html[data-theme] .welcome-card .button.ghost:hover,
html[data-theme] .rc82-newmuslim-guidance .button.ghost:hover,
html[data-theme] .lesson-card-featured .button.ghost:focus-visible,
html[data-theme] .new-muslim-home-card .button.ghost:focus-visible,
html[data-theme] .welcome-card .button.ghost:focus-visible,
html[data-theme] .rc82-newmuslim-guidance .button.ghost:focus-visible{background:rgba(247,243,234,.16)!important;color:#fff!important}
html[data-theme] .new-muslim-home-card .button.secondary,
html[data-theme] .welcome-card .button.secondary{color:#0F2A24!important}
html[data-theme="light"] .topic-hub-card.featured *,html[data-theme="soft"] .topic-hub-card.featured *{color:#F7F3EA!important}
html[data-theme="dark"] .course-mini-sequence li.is-current a span{color:#0B1210!important}
html[data-theme="light"] .course-next-copy span,html[data-theme="soft"] .course-next-copy span{color:#6B501D!important}
html[data-theme="light"] .quiz-card .mini-label,html[data-theme="soft"] .quiz-card .mini-label{color:#E6CF94!important}
html[data-theme] .quiz-card p,html[data-theme] .quiz-card small{color:rgba(247,243,234,.88)!important}
html[data-theme="light"] .source-example-section h2,html[data-theme="light"] .source-example-section h3,html[data-theme="soft"] .source-example-section h2,html[data-theme="soft"] .source-example-section h3{color:#FBF9F2!important}
html[data-theme="light"] .source-example-section .eyebrow,html[data-theme="soft"] .source-example-section .eyebrow{color:#E6CF94!important}
html[data-theme="light"] .methodology .eyebrow,html[data-theme="soft"] .methodology .eyebrow,html[data-theme="light"] .global-note-card .eyebrow,html[data-theme="soft"] .global-note-card .eyebrow{color:#E6CF94!important}
html[data-theme] .methodology small,html[data-theme] .source-ladder small,html[data-theme] .global-note-card small{color:rgba(247,243,234,.82)!important}
html[data-theme="light"] .smart-result-empty p,html[data-theme="soft"] .smart-result-empty p{color:#3F5048!important}
html[data-theme="light"] .language-card.ready span,html[data-theme="light"] .language-card.ready small{color:rgba(251,249,242,.9)!important}
html[data-theme] .lesson-card-featured :focus-visible,html[data-theme] .new-muslim-home-card :focus-visible,html[data-theme] .welcome-card :focus-visible,html[data-theme] .rc82-newmuslim-guidance :focus-visible,html[data-theme] .quiz-card :focus-visible,html[data-theme] .methodology :focus-visible,html[data-theme] .global-note-card :focus-visible,html[data-theme] .source-example-section :focus-visible,html[data-theme] .v21-hero :focus-visible,html[data-theme] .v21-method-card :focus-visible{outline:2px solid #E6CF94;outline-offset:2px}
html[data-theme] .smart-guide-result .smart-result-empty p{color:rgba(247,243,234,.9)!important}
html[data-theme="dark"] .quran-source-details summary{color:#8BC1AB!important}
html[data-theme="light"] .asl-pathfinder-choice-arrow,html[data-theme="soft"] .asl-pathfinder-choice-arrow{color:#5A4218!important}
/* ===== end FINAL VISUAL QA v2 ===== */

/* ChatGPT RC126: scholarly directory filters */
.asl-scholar-controls{margin:18px 0;padding:18px;border:1px solid var(--border,#8b9e96);border-radius:16px;background:var(--surface,rgba(50,90,75,.10));color:inherit}.asl-scholar-controls label{display:block;margin:0 0 8px;font-weight:700}.asl-scholar-controls input,.asl-scholar-controls select{width:100%;max-width:480px;border:1px solid #829c95;border-radius:10px;padding:11px;background:#fff;color:#183b32;font:inherit}.asl-scholar-controls .asl-controls-grid{display:flex;gap:16px;flex-wrap:wrap}.asl-scholar-controls .asl-controls-grid>div{flex:1 1 230px}.asl-scholar-controls output{display:block;margin-top:12px;font-weight:700}.asl-scholar-controls .asl-controls-note{font-size:.9em;margin-top:8px;opacity:.85}.asl-library-shortcut{display:inline-block;margin:12px 0;padding:10px 15px;border:2px solid currentColor;border-radius:12px;font-weight:700;text-decoration:none}.asl-library-shortcut:focus-visible{outline:3px solid #edb747;outline-offset:3px}