/* ==============================================
   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: #A88445;
  --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;
}


/* --- 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}
}


/* RC56 FULL STATIC — conservative expansion. Visual baseline is locked. */
/* ---------- English Sections dropdown: same visual language ---------- */
.asl-sections-menu{position:relative;display:inline-block}
.asl-sections-menu>summary{
  list-style:none;
  cursor:pointer;
  border-radius:var(--r-sm,8px);
  color:inherit;
  font-weight:700;
}
.asl-sections-menu>summary::-webkit-details-marker{display:none}
.asl-sections-menu>summary::after{content:" ▾";font-size:.72em;color:var(--brass,#a88445)}
.asl-sections-menu[open]>summary{background:var(--jade-soft,rgba(23,61,53,.08))}
.asl-sections-popover{
  position:absolute;
  z-index:90;
  top:calc(100% + 8px);
  inset-inline-start:0;
  min-width:230px;
  display:grid;
  gap:3px;
  padding:8px;
  border:1px solid var(--stone-light,#d9d4c8);
  border-radius:10px;
  background:var(--paper,#fbf9f2);
  box-shadow:var(--sh-3,0 10px 34px rgba(0,0,0,.16));
}
.asl-sections-popover a{
  display:block!important;
  padding:8px 10px!important;
  border-radius:7px!important;
  white-space:normal!important;
  font-size:.82rem!important;
}
.asl-sections-popover a:hover{background:var(--jade-soft,rgba(23,61,53,.08))}
@media(max-width:980px){
  .asl-sections-menu{display:block;width:100%}
  .asl-sections-menu>summary{padding:10px 12px}
  .asl-sections-popover{position:static;box-shadow:none;margin-top:4px}
}

/* ---------- Additive content system ---------- */
.asl-expansion-section{padding-block:clamp(46px,7vw,84px)}
.asl-expansion-section.asl-soft{background:var(--paper-warm,#f7f4eb)}
.asl-expansion-head{max-width:780px;margin-bottom:28px}
.asl-expansion-head .eyebrow{margin-bottom:10px}
.asl-expansion-head h1,.asl-expansion-head h2{
  margin:0 0 10px;
  font-size:clamp(1.45rem,3vw,2.15rem);
  line-height:1.45;
}
.asl-expansion-head p{margin:0;color:var(--muted,#68716b);line-height:1.9}
.asl-expansion-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.asl-expansion-grid.asl-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.asl-expansion-card{
  display:flex;
  flex-direction:column;
  gap:9px;
  min-height:184px;
  padding:21px;
  border:1px solid var(--stone-light,#d9d4c8);
  border-radius:var(--r-md,10px);
  background:var(--paper,#fbf9f2);
  color:inherit;
  text-decoration:none;
  transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.asl-expansion-card:hover{border-color:var(--brass,#a88445);transform:translateY(-1px);box-shadow:var(--sh-2,0 3px 16px rgba(0,0,0,.07))}
.asl-expansion-card .asl-chip{
  align-self:flex-start;
  padding:4px 8px;
  border-radius:999px;
  background:var(--brass-soft,rgba(168,132,69,.09));
  color:var(--brass,#a88445);
  font-size:.7rem;
  font-weight:800;
}
.asl-expansion-card h3{margin:0;font-size:1rem;line-height:1.5}
.asl-expansion-card p{margin:0;color:var(--muted,#68716b);font-size:.86rem;line-height:1.8}
.asl-expansion-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}
.asl-expansion-links a{
  padding:7px 9px;
  border:1px solid var(--stone-light,#d9d4c8);
  border-radius:7px;
  color:var(--jade,#173d35);
  font-size:.76rem;
  font-weight:700;
  text-decoration:none;
}
.asl-expansion-links a:hover{border-color:var(--brass,#a88445)}
.asl-source-note{
  margin-top:18px;
  padding:14px 16px;
  border-inline-start:3px solid var(--brass,#a88445);
  background:var(--paper-warm,#f7f4eb);
  color:var(--muted,#68716b);
  font-size:.84rem;
  line-height:1.85;
}
.asl-category-rail{
  display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0;list-style:none
}
.asl-category-rail a{
  display:inline-flex;padding:7px 11px;border:1px solid var(--stone-light,#d9d4c8);
  border-radius:999px;color:var(--jade,#173d35);font-weight:700;font-size:.77rem
}
.asl-category-rail a:hover{border-color:var(--brass,#a88445)}

/* ---------- Qur'an visibility: presentation only ---------- */
body.asl-quran-page .asl-quran-contrast-fix{
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}
body.asl-quran-page .asl-quran-contrast-fix.asl-quran-on-light{color:#173D35!important}
body.asl-quran-page .asl-quran-contrast-fix.asl-quran-on-dark{color:#F8F4EA!important}
body.asl-quran-page .ayah,
body.asl-quran-page .ayah-text,
body.asl-quran-page .verse-text,
body.asl-quran-page .quran-verse,
body.asl-quran-page [data-ayah],
body.asl-quran-page [data-verse]{
  opacity:1!important;
  visibility:visible!important;
}
body.asl-quran-page .verse-number,
body.asl-quran-page .ayah-number{
  opacity:1!important;
}

/* ---------- Search page ---------- */
.asl-search-shell{max-width:900px}
.asl-search-box{
  display:flex;gap:8px;padding:8px;border:1px solid var(--stone,#d6d0c3);
  border-radius:12px;background:var(--paper,#fbf9f2)
}
.asl-search-box input{
  flex:1;min-width:0;border:0;background:transparent;padding:10px 12px;outline:0;font-size:1rem
}
.asl-search-results{display:grid;gap:10px;margin-top:18px}
.asl-search-result{
  display:block;padding:16px 18px;border:1px solid var(--stone-light,#d9d4c8);
  border-radius:10px;background:var(--paper,#fbf9f2);color:inherit;text-decoration:none
}
.asl-search-result:hover{border-color:var(--brass,#a88445)}
.asl-search-result strong{display:block;margin-bottom:4px}
.asl-search-result small{color:var(--muted,#68716b)}
.asl-search-empty{padding:18px;color:var(--muted,#68716b)}

@media(max-width:1000px){
  .asl-expansion-grid.asl-four{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .asl-expansion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .asl-expansion-grid,.asl-expansion-grid.asl-four{grid-template-columns:1fr}
  .asl-expansion-card{min-height:auto}
}


/* RC56 Knowledge Expansion — visual identity stays inherited from baseline */
.asl-book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.asl-book-card{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:14px;border:1px solid var(--stone-light,#d9d4c8);border-radius:10px;background:var(--paper,#fbf9f2);min-width:0}
.asl-book-icon{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--brass,#a88445);border-radius:6px;color:var(--brass,#a88445);font-size:.72rem;line-height:1}
.asl-book-cat{font-size:.64rem;font-weight:800;color:var(--brass,#a88445)}
.asl-book-card h3{margin:2px 0 4px;font-size:.88rem;line-height:1.45}
.asl-book-card p{margin:0;color:var(--muted,#68716b);font-size:.74rem;line-height:1.55}
.asl-book-card a{display:inline-block;margin-top:7px;color:var(--jade,#173d35);font-size:.7rem;font-weight:800}
.asl-book-filter{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}
.asl-book-filter button{border:1px solid var(--stone-light,#d9d4c8);background:var(--paper,#fbf9f2);color:var(--jade,#173d35);padding:7px 10px;border-radius:999px;font:inherit;font-size:.72rem;font-weight:800;cursor:pointer}
.asl-book-filter button.is-active{border-color:var(--brass,#a88445);background:var(--brass-soft,rgba(168,132,69,.10))}
.asl-hadith-roadmap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.asl-hadith-step{padding:17px;border:1px solid var(--stone-light,#d9d4c8);border-top:2px solid var(--brass,#a88445);background:var(--paper,#fbf9f2)}
.asl-hadith-step>span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--jade-soft,rgba(23,61,53,.08));color:var(--jade,#173d35);font-size:.68rem;font-weight:800}
.asl-hadith-step h3{margin:12px 0 6px;font-size:.94rem}.asl-hadith-step p{margin:0;color:var(--muted,#68716b);font-size:.78rem;line-height:1.7}
.asl-kids-hero{padding:clamp(44px,7vw,80px) 0;background:linear-gradient(180deg,var(--paper,#fbf9f2),var(--paper-warm,#f7f4eb))}
.asl-kids-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.asl-kids-card{position:relative;display:block;min-height:175px;padding:20px;border:1px solid var(--stone-light,#d9d4c8);border-top:4px solid var(--kid,#8bc1ab);border-radius:16px;background:var(--paper,#fbf9f2);color:inherit;text-decoration:none;box-shadow:var(--sh-1,0 1px 4px rgba(0,0,0,.05))}
.asl-kids-card:hover{transform:translateY(-2px);box-shadow:var(--sh-2,0 4px 16px rgba(0,0,0,.09))}
.asl-kid-num{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--kid) 18%,transparent);color:var(--kid);font-weight:900;margin-bottom:16px}
.asl-kids-card h3{margin:0 0 8px;font-size:1rem}.asl-kids-card p{margin:0;color:var(--muted,#68716b);font-size:.82rem;line-height:1.75}
.kid-a{--kid:#4ea58a}.kid-b{--kid:#4d8cb8}.kid-c{--kid:#b99745}.kid-d{--kid:#7d71b5}.kid-e{--kid:#b86f7c}.kid-f{--kid:#698d54}
.asl-stage-list{display:grid;gap:10px}.asl-stage-list article{display:grid;grid-template-columns:150px 1fr;gap:14px;padding:14px 16px;border:1px solid var(--stone-light,#d9d4c8);background:var(--paper,#fbf9f2)}.asl-stage-list b{color:var(--jade,#173d35)}.asl-stage-list span{color:var(--muted,#68716b)}
.asl-qa-shell{max-width:960px}.asl-qa-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:18px}.asl-qa-toolbar input{flex:1;min-width:0;padding:11px 14px;border:1px solid var(--stone,#d6d0c3);border-radius:10px;background:var(--paper,#fbf9f2);color:inherit;font:inherit}.asl-qa-toolbar span{color:var(--muted,#68716b);font-size:.75rem}
.asl-qa-list{display:grid;gap:8px}.asl-qa-item{border:1px solid var(--stone-light,#d9d4c8);border-radius:10px;background:var(--paper,#fbf9f2)}.asl-qa-item summary{cursor:pointer;padding:14px 16px;font-weight:800;color:var(--ink,#101815);list-style:none}.asl-qa-item summary::-webkit-details-marker{display:none}.asl-qa-item summary::after{content:'＋';float:inline-end;color:var(--brass,#a88445)}.asl-qa-item[open] summary::after{content:'−'}.asl-qa-answer{padding:0 16px 16px;border-top:1px solid var(--stone-light,#d9d4c8)}.asl-qa-answer p{color:var(--muted,#68716b);line-height:1.85;margin:12px 0}


/* Reading scale architecture: header never receives more than the proven 110% scale. */
html[data-font-size="3"],html[data-font-size="4"]{font-size:110%!important}
html[data-font-size="3"] main{--asl-content-scale:1.091}
html[data-font-size="4"] main{--asl-content-scale:1.20}
html[data-font-size="3"] main :is(p,li,dd,dt,blockquote,td,th,.lead,.lesson-reading,.evidence-text,.source-placeholder,.quiz-card),
html[data-font-size="4"] main :is(p,li,dd,dt,blockquote,td,th,.lead,.lesson-reading,.evidence-text,.source-placeholder,.quiz-card){
  font-size:calc(1em * var(--asl-content-scale,1));
  line-height:1.95;
}
html[data-font-size="3"] main :is(.ayah,.ayah-text,.verse-text,.quran-verse,[data-ayah],[data-verse]),
html[data-font-size="4"] main :is(.ayah,.ayah-text,.verse-text,.quran-verse,[data-ayah],[data-verse]){
  font-size:calc(1em * var(--asl-content-scale,1));line-height:2.15
}
/* Keep the original header geometry stable at all reading sizes. */
html[data-font-size="3"] .site-header,html[data-font-size="4"] .site-header{font-size:1rem}
html[data-font-size="3"] .site-header .main-nav a,html[data-font-size="4"] .site-header .main-nav a{font-size:.875rem}
html[data-font-size="3"] .site-header .reading-tool,html[data-font-size="4"] .site-header .reading-tool{font-size:.8rem}
html[data-font-size="3"] .site-header .brand-copy strong,html[data-font-size="4"] .site-header .brand-copy strong{font-size:.875rem}
html[data-font-size="3"] .site-header .brand-copy small,html[data-font-size="4"] .site-header .brand-copy small{font-size:.6875rem}

/* Expanded doors dropdown, same visual language. */
.asl-doors-menu{position:relative;display:inline-block}
.asl-doors-menu>summary{list-style:none;cursor:pointer;padding:8px 12px;border-radius:var(--r-sm);font-weight:700;color:var(--muted)}
.asl-doors-menu>summary::-webkit-details-marker{display:none}
.asl-doors-menu>summary::after{content:' ▾';color:var(--brass);font-size:.72em}
.asl-doors-menu[open]>summary{background:var(--jade-soft);color:var(--jade)}
.asl-doors-popover{position:absolute;z-index:120;top:calc(100% + 7px);inset-inline-start:0;min-width:255px;display:grid;gap:2px;padding:8px;border:var(--rule);border-radius:var(--r-md);background:var(--paper);box-shadow:var(--sh-3)}
.asl-doors-popover a{padding:8px 10px!important;border-radius:6px!important;white-space:normal!important}
.asl-doors-popover a:hover{background:var(--jade-soft)!important}
.asl-header-search-link{display:inline-flex;align-items:center;gap:5px}
@media(max-width:980px){.asl-doors-menu{display:block;width:100%}.asl-doors-popover{position:static;box-shadow:none;margin-top:4px;min-width:0}}

/* Children section: cheerful but restrained; no living-creature imagery. */
.asl-kids-card{overflow:hidden}
.asl-kids-card::after{content:'';position:absolute;width:56px;height:56px;border:1px solid color-mix(in srgb,var(--kid) 45%,transparent);border-radius:14px;inset-inline-end:-22px;bottom:-22px;transform:rotate(18deg);opacity:.7;pointer-events:none}

@media(max-width:1100px){.asl-book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asl-hadith-roadmap{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.asl-kids-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.asl-book-grid,.asl-kids-grid,.asl-hadith-roadmap{grid-template-columns:1fr}.asl-stage-list article{grid-template-columns:1fr}.asl-qa-toolbar{align-items:stretch;flex-direction:column}}