/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:"Inter Tight", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, monospace;--text-xs:.78rem;--text-sm:.875rem;--text-base:1.0625rem;--text-3xl:2.25rem;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-encre-950:#0b0c10;--color-encre-900:#101218;--color-encre-850:#14161c;--color-encre-600:#3c414d;--color-encre-500:#5a606e;--color-encre-400:#838a99;--color-encre-300:#a9aeb8;--color-encre-100:#e6e8ec;--color-encre-50:#f4f5f7;--color-papier:#f7f7f5;--color-papier-2:#efefec;--color-bleu-500:#2a78d6;--color-bleu-400:#5aa0ff;--color-or-600:#9c7c3a;--color-or-500:#c8a24a;--color-or-400:#e8c25f;--color-sahih:#2d6a4f;--color-hausse:#0ca30c;--color-baisse:#d03b3b;--font-display:"Fraunces", "Iowan Old Style", Georgia, serif;--font-ar:"Amiri", "Scheherazade New", serif;--font-quran:"Amiri Quran", "Amiri", serif;--text-titre:clamp(2rem, 4.2vw, 3.4rem);--tracking-serre:-.035em;--tracking-large:.22em;--radius-xl2:32px;--radius-pilule:999px;--shadow-douce:0 1px 2px #0b0c100a, 0 8px 24px -12px #0b0c101a;--shadow-levee:0 2px 6px #0b0c1014, 0 30px 60px -30px #0b0c1059;--shadow-lueur-bleu:0 0 80px -20px #2a78d68c;--shadow-lueur-or:0 0 80px -20px #c8a24a8c;--ease-sortie:cubic-bezier(.2, .8, .3, 1);--duree-rapide:.18s;--duree-douce:.32s;--duree-ample:.7s}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.bandeau{isolation:isolate;padding-inline:max(1.25rem, calc(50vw - var(--largeur-colonne,590px)));background:radial-gradient(110% 120% at 88% 0%, var(--accent) 0%, transparent 58%), var(--bandeau-fond);margin-inline:calc(50% - 50vw);margin-bottom:clamp(1.75rem,4vh,3rem);padding-block:clamp(2.5rem,6vh,4.5rem) clamp(2rem,5vh,3.25rem);position:relative}@supports (color:color-mix(in lab, red, red)){.bandeau{background:radial-gradient(110% 120% at 88% 0%, color-mix(in oklab, var(--accent) var(--bandeau-voile), transparent) 0%, transparent 58%), var(--bandeau-fond)}}.bandeau{color:var(--bandeau-texte);border-bottom:1px solid var(--trait);overflow:hidden}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.static{position:static}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--accent:var(--color-bleu-500);--accent-clair:var(--color-bleu-400);--accent-contraste:#fff;--lueur:var(--shadow-lueur-bleu);--fond:var(--color-papier);--fond-2:var(--color-papier-2);--surface:#fff;--texte:var(--color-encre-950);--texte-2:var(--color-encre-600);--texte-3:var(--color-encre-500);--trait:#0b0c101a}@supports (color:color-mix(in lab, red, red)){:root{--trait:color-mix(in oklab, var(--color-encre-950) 10%, transparent)}}:root{--trait-fort:#0b0c102e}@supports (color:color-mix(in lab, red, red)){:root{--trait-fort:color-mix(in oklab, var(--color-encre-950) 18%, transparent)}}:root{--bandeau-fond:linear-gradient(180deg, var(--color-papier-2) 0%, var(--color-papier) 100%);--bandeau-texte:var(--color-encre-950);--bandeau-texte-2:var(--color-encre-600);--bandeau-voile:14%;--bandeau-trame:var(--color-encre-950);--bandeau-trame-opacite:.05}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--fond:var(--color-encre-950);--fond-2:var(--color-encre-900);--surface:var(--color-encre-850);--texte:var(--color-encre-50);--texte-2:var(--color-encre-300);--texte-3:var(--color-encre-400);--trait:oklab(100% 0 5.96046e-8/.12);--trait-fort:oklab(100% 0 5.96046e-8/.22);--accent-contraste:var(--color-encre-950);--bandeau-fond:var(--color-encre-950);--bandeau-texte:var(--color-encre-50);--bandeau-texte-2:var(--color-encre-300);--bandeau-voile:30%;--bandeau-trame:#fff;--bandeau-trame-opacite:.035}}:root[data-theme=dark]{--fond:var(--color-encre-950);--fond-2:var(--color-encre-900);--surface:var(--color-encre-850);--texte:var(--color-encre-50);--texte-2:var(--color-encre-300);--texte-3:var(--color-encre-400);--trait:oklab(100% 0 5.96046e-8/.12);--trait-fort:oklab(100% 0 5.96046e-8/.22);--accent-contraste:var(--color-encre-950);--bandeau-fond:var(--color-encre-950);--bandeau-texte:var(--color-encre-50);--bandeau-texte-2:var(--color-encre-300);--bandeau-voile:30%;--bandeau-trame:#fff;--bandeau-trame-opacite:.035}html{scroll-behavior:smooth}body{background:var(--fond);color:var(--texte);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.65}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:var(--tracking-serre);text-wrap:balance;font-weight:700;line-height:1.04}p{text-wrap:pretty}:where(a){color:inherit}::selection{background:var(--accent);color:var(--accent-contraste)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.surtitre{font-size:var(--text-xs);letter-spacing:var(--tracking-large);text-transform:uppercase;color:var(--accent);font-weight:600}.btn{border-radius:var(--radius-pilule);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:transform var(--duree-rapide) var(--ease-sortie), background var(--duree-rapide) var(--ease-sortie), border-color var(--duree-rapide) var(--ease-sortie), box-shadow var(--duree-rapide) var(--ease-sortie);border:1px solid #0000;align-items:center;gap:.6rem;padding:.85rem 1.5rem;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--plein{background:var(--accent);color:var(--accent-contraste)}.btn--plein:hover{box-shadow:var(--lueur)}.btn--contour{border-color:var(--trait-fort);color:var(--texte)}.btn--contour:hover{background:var(--fond-2);border-color:var(--accent)}.btn--fantome{color:var(--texte-2)}.btn--fantome:hover{background:var(--fond-2);color:var(--texte)}.btn svg{width:1rem;height:1rem}.carte{background:var(--surface);border:1px solid var(--trait);border-radius:var(--radius-lg);transition:transform var(--duree-douce) var(--ease-sortie), box-shadow var(--duree-douce) var(--ease-sortie), border-color var(--duree-douce) var(--ease-sortie)}a.carte,button.carte{cursor:pointer;text-decoration:none;display:block}a.carte:hover,button.carte:hover{box-shadow:var(--shadow-levee);border-color:var(--accent);transform:translateY(-4px)}@supports (color:color-mix(in lab, red, red)){a.carte:hover,button.carte:hover{border-color:color-mix(in oklab, var(--accent) 45%, transparent)}}.carte__corps{padding:1.75rem 1.75rem 1.9rem}.tag{border-radius:var(--radius-pilule);background:var(--fond-2);color:var(--texte-2);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.35rem;padding:.35rem .7rem;font-weight:500;display:inline-flex}.chiffre b{font-family:var(--font-display);font-weight:500;font-size:var(--text-3xl);letter-spacing:var(--tracking-serre);font-variant-numeric:tabular-nums;line-height:1;display:block}.chiffre span{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--texte-3);margin-top:.45rem;display:block}.barre{z-index:50;background:var(--fond);align-items:center;gap:1.25rem;padding:.75rem clamp(1rem,4vw,3rem);display:flex;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.barre{background:color-mix(in oklab, var(--fond) 78%, transparent)}}.barre{-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);border-bottom:1px solid var(--trait)}.portail{border:1px solid var(--trait);border-radius:var(--radius-pilule);font-size:var(--text-xs);color:var(--texte-2);transition:background var(--duree-rapide) var(--ease-sortie), color var(--duree-rapide) var(--ease-sortie), border-color var(--duree-rapide) var(--ease-sortie);flex:none;align-items:center;gap:.5rem;padding:.45rem .75rem .45rem .6rem;font-weight:600;text-decoration:none;display:inline-flex}.portail svg{opacity:.7;width:.95rem;height:.95rem}.portail:hover{background:var(--fond-2);color:var(--texte);border-color:var(--accent)}@media (max-width:900px){.portail span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.portail{padding:.45rem}}.apparait{opacity:0;transform:translateY(24px)}.apparait.vu{opacity:1;transition:opacity var(--duree-ample) var(--ease-sortie), transform var(--duree-ample) var(--ease-sortie);transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.apparait,.apparait.vu{opacity:1;transition:none;transform:none}.btn:hover,a.carte:hover{transform:none}}body{background-image:radial-gradient(120% 60% at 50% -10%, var(--accent) 0%, transparent 60%)}@supports (color:color-mix(in lab, red, red)){body{background-image:radial-gradient(120% 60% at 50% -10%, color-mix(in oklab, var(--accent) 7%, transparent) 0%, transparent 60%)}}body{background-repeat:no-repeat;background-attachment:fixed}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) body{background-image:none}}:root[data-theme=dark] body{background-image:none}@layer ancien{:root{--ground:#fafaf6;--surface:#fff;--surface-2:#f3f1ea;--surface-3:#ece8de;--ink:#1c1b18;--ink-2:#57534a;--ink-3:#85806f;--line:#e7e3d9;--line-strong:#d6cfc0;--gold:#7a5f2c;--gold-2:#b4914f;--gold-wash:#f5efe0;--on-gold:#fff;--sahih:#2d6a4f;--sahih-bg:#e5f0e9;--hasan:#2b5f73;--hasan-bg:#e3edf1;--daif:#8a5310;--daif-bg:#f6ead7;--mawdu:#9b2c2c;--mawdu-bg:#f6e2df;--neutral-bg:#efece4;--shadow-pop:0 18px 40px -18px #30261247, 0 2px 8px #3026120f;--shadow-soft:0 1px 2px #3026120d;--f-quran:"Amiri Quran", "Amiri", "Scheherazade New", "Noto Naskh Arabic", serif;--f-riwaya:"Scheherazade New", "Amiri Quran", "Noto Naskh Arabic", serif;--f-ar:"Amiri", "Scheherazade New", "Noto Naskh Arabic", serif;--f-ar-ui:"IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;--f-display:"Cormorant Garamond", "Iowan Old Style", Georgia, serif;--f-text:"Source Sans 3", "Segoe UI", system-ui, -apple-system, sans-serif;--quran-size:1.95rem;--radius:14px;--radius-sm:9px;--gutter:clamp(16px, 4vw, 40px);--topbar-h:64px;--ease-out:cubic-bezier(.2, .7, .2, 1);--t-fast:.14s;--t-med:.26s;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#121210;--surface:#1a1916;--surface-2:#211f1b;--surface-3:#2a2823;--ink:#eeeae0;--ink-2:#b9b3a5;--ink-3:#8c8779;--line:#2d2a25;--line-strong:#3d3a33;--gold:#db7;--gold-2:#b8975a;--gold-wash:#2a2419;--on-gold:#1a1916;--sahih:#86c9a6;--sahih-bg:#172720;--hasan:#83bbd0;--hasan-bg:#15232a;--daif:#e3ae62;--daif-bg:#2c2114;--mawdu:#ec918a;--mawdu-bg:#2f1a19;--neutral-bg:#26241f;--shadow-pop:0 18px 40px -16px #0009, 0 2px 8px #0000004d;--shadow-soft:0 1px 2px #0000004d;color-scheme:dark}}:root[data-theme=dark]{--ground:#121210;--surface:#1a1916;--surface-2:#211f1b;--surface-3:#2a2823;--ink:#eeeae0;--ink-2:#b9b3a5;--ink-3:#8c8779;--line:#2d2a25;--line-strong:#3d3a33;--gold:#db7;--gold-2:#b8975a;--gold-wash:#2a2419;--on-gold:#1a1916;--sahih:#86c9a6;--sahih-bg:#172720;--hasan:#83bbd0;--hasan-bg:#15232a;--daif:#e3ae62;--daif-bg:#2c2114;--mawdu:#ec918a;--mawdu-bg:#2f1a19;--neutral-bg:#26241f;--shadow-pop:0 18px 40px -16px #0009, 0 2px 8px #0000004d;--shadow-soft:0 1px 2px #0000004d;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--topbar-h) + 72px)}body{background:var(--ground);color:var(--ink);font:400 1.0625rem/1.65 var(--f-text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;margin:0;display:flex}html[lang=ar] body{font-family:var(--f-ar-ui);font-size:1rem;line-height:1.8}img{max-width:100%;height:auto;display:block}a{color:inherit;-webkit-text-decoration-color:var(--gold-2);-webkit-text-decoration-color:var(--gold-2);text-decoration-color:var(--gold-2);text-underline-offset:3px}button,input,select,textarea{font:inherit;color:inherit}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--gold-2);outline-offset:2px;border-radius:4px}::selection{background:var(--gold-wash);color:var(--ink)}h1,h2,h3,h4{text-wrap:balance;margin:0;font-weight:600;line-height:1.2}p{margin:0}.ar,[lang=ar]{font-family:var(--f-ar)}.lat{font-family:var(--f-text)}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.num{font-variant-numeric:tabular-nums}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:100;background:var(--ink);color:var(--ground);inset-inline-start:12px;border-radius:8px;padding:8px 14px;text-decoration:none;position:absolute;top:-60px}.skip:focus{top:10px}.shell{width:100%;max-width:1180px;padding-inline:var(--gutter);margin-inline:auto}.reading{width:100%;max-width:820px;padding-inline:var(--gutter);margin-inline:auto}main{outline:none;flex:1}.topbar{top:env(safe-area-inset-top,0px);z-index:50;background:var(--ground);position:sticky}@supports (color:color-mix(in lab, red, red)){.topbar{background:color-mix(in srgb, var(--ground) 86%, transparent)}}.topbar{-webkit-backdrop-filter:saturate(1.2)blur(14px);backdrop-filter:saturate(1.2)blur(14px);border-bottom:1px solid var(--line)}.topbar__inner{max-width:1180px;padding-inline:var(--gutter);height:var(--topbar-h);align-items:center;gap:28px;margin-inline:auto;display:flex}.brand{flex:none;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand__star{width:26px;height:26px}.brand__star g{fill:var(--gold-2)}.brand__star circle{fill:var(--ground)}.brand__ar{font-family:var(--f-ar);font-size:1.7rem;font-weight:700;line-height:1;transform:translateY(2px)}.brand__lat{font-family:var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);border-inline-start:1px solid var(--line-strong);padding-inline-start:10px;font-size:1.05rem;font-weight:600;line-height:1.1}.mainnav{gap:4px;margin-inline-end:auto;display:flex}.mainnav a{color:var(--ink-2);transition:color var(--t-fast) var(--ease-out), background-color var(--t-fast) var(--ease-out);border-radius:8px;padding:7px 12px;font-size:.95rem;font-weight:500;text-decoration:none}html[lang=ar] .mainnav a{font-size:1rem}.mainnav a:hover{color:var(--ink);background:var(--surface-2)}.mainnav a[aria-current=page]{color:var(--ink);background:var(--gold-wash);box-shadow:inset 0 -2px 0 var(--gold-2)}.tools{flex:none;align-items:center;gap:8px;display:flex}.icon-btn{border:1px solid var(--line);cursor:pointer;width:38px;height:38px;color:var(--ink-2);transition:background-color var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out), border-color var(--t-fast);background:0 0;border-radius:10px;place-items:center;display:inline-grid}.icon-btn:hover{color:var(--ink);background:var(--surface-2);border-color:var(--line-strong)}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.icon-btn:active{transform:scale(.96)}#themeBtn .i-moon,:root[data-theme=dark] #themeBtn .i-sun{display:none}:root[data-theme=dark] #themeBtn .i-moon{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) #themeBtn .i-sun{display:none}:root:not([data-theme=light]) #themeBtn .i-moon{display:block}}.flag-wrap{flex:none;line-height:0;display:inline-flex}.flag-wrap .flag{border-radius:3px;display:block}.flag-ar{background:var(--ink);width:24px;height:18px;color:var(--ground);font-family:var(--f-ar);border-radius:3px;place-items:center;padding-bottom:2px;font-size:15px;line-height:1;display:inline-grid}.langpick{position:relative}.langpick__btn{cursor:pointer;height:38px;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);transition:border-color var(--t-fast), color var(--t-fast);border-radius:10px;align-items:center;gap:7px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.langpick__btn:hover{color:var(--ink);border-color:var(--line-strong)}.langpick__code{letter-spacing:.04em;font-family:var(--f-text)}.langpick__chev{opacity:.7;width:11px;height:11px;transition:transform var(--t-fast)}.langpick__btn[aria-expanded=true] .langpick__chev{transform:rotate(180deg)}.langpick__menu{z-index:60;background:var(--surface);border:1px solid var(--line-strong);min-width:188px;box-shadow:var(--shadow-pop);inset-inline-end:0;border-radius:12px;margin:0;padding:5px;list-style:none;position:absolute;top:calc(100% + 6px)}.langpick__item{cursor:pointer;color:var(--ink-2);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:flex}.langpick__item:hover,.langpick__item:focus-visible{background:var(--surface-2);color:var(--ink);outline:none}.langpick__item[aria-selected=true]{color:var(--ink);font-weight:600}.langpick__item[aria-selected=true]:after{content:"";border-right:2px solid var(--gold-2);border-bottom:2px solid var(--gold-2);width:6px;height:10px;margin-inline-start:auto;transform:rotate(45deg)translate(-1px,-1px)}.langpick__name[lang=ar]{font-family:var(--f-ar-ui);font-size:15px}.btn{cursor:pointer;border:1px solid var(--line-strong);background:var(--surface);min-height:40px;color:var(--ink);transition:background-color var(--t-fast), border-color var(--t-fast), transform var(--t-fast);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:active{transform:scale(.98)}.btn--gold{background:var(--gold);border-color:var(--gold);color:var(--on-gold)}.btn--gold:hover{background:var(--gold)}@supports (color:color-mix(in lab, red, red)){.btn--gold:hover{background:color-mix(in srgb, var(--gold) 88%, #000)}}.btn--ghost{color:var(--ink-2);background:0 0;border-color:#0000}.btn--ghost:hover{color:var(--ink);background:var(--surface-2)}.btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}html[dir=rtl] .flip-rtl{transform:scaleX(-1)}.select,.input{border:1px solid var(--line-strong);background:var(--surface);height:40px;color:var(--ink);border-radius:10px;min-width:0;max-width:100%;padding:0 12px}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%2385806F' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;background-size:12px;padding-inline-end:30px}html[dir=rtl] .select{background-position:11px}.input::placeholder{color:var(--ink-3)}.field{gap:6px;display:grid}.field__label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:.78rem;font-weight:600}html[lang=ar] .field__label{letter-spacing:0;font-size:.85rem}.chip{border:1px solid var(--line-strong);background:var(--surface);min-height:34px;color:var(--ink-2);cursor:pointer;transition:all var(--t-fast) var(--ease-out);border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:.9rem;font-weight:600;display:inline-flex}.chip:hover{color:var(--ink);border-color:var(--gold-2)}.chip[aria-pressed=true]{background:var(--gold-wash);border-color:var(--gold-2);color:var(--ink)}.chip[aria-pressed=true]:before{content:"";background:var(--gold-2);border-radius:50%;width:7px;height:7px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-size:.78rem;font-weight:700;display:inline-block}html[lang=ar] .eyebrow{letter-spacing:0;font-size:.9rem}.page-head{padding-block:clamp(36px,6vw,64px) clamp(20px,3vw,32px)}.page-head__ar{font-family:var(--f-ar);color:var(--ink);font-size:clamp(2.4rem,5vw,3.4rem);font-weight:700;line-height:1.3}.page-head__title{font-family:var(--f-display);margin-top:4px;font-size:clamp(2rem,4.2vw,2.9rem);font-weight:600;line-height:1.1}html[lang=ar] .page-head__title{font-family:var(--f-ar);color:var(--ink-2);font-size:1.35rem;font-weight:400}.page-head__lede{max-width:64ch;color:var(--ink-2);margin-top:14px;font-size:1.08rem}.crumbs{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:6px;padding-top:22px;font-size:.9rem;display:flex}.crumbs a{color:var(--ink-2);text-decoration:none}.crumbs a:hover{color:var(--ink);text-decoration:underline}.crumbs span[aria-hidden]{opacity:.6}.notice{border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink-2);gap:12px;padding:14px 16px;font-size:.95rem;line-height:1.55;display:flex}.notice svg{fill:none;width:20px;height:20px;stroke:var(--gold);stroke-width:1.7px;stroke-linecap:round;flex:none;margin-top:2px}.notice strong{color:var(--ink)}.notice--warn{background:var(--daif-bg)}.notice--warn svg{stroke:var(--daif)}.loading{color:var(--ink-3);align-items:center;gap:12px;padding:40px 0;display:flex}.loading:before{content:"";border:2px solid var(--line-strong);border-top-color:var(--gold-2);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-box{border-radius:var(--radius);border:1px solid var(--mawdu-bg);background:var(--mawdu-bg);color:var(--ink);justify-items:start;gap:10px;padding:20px;display:grid}.star-num{width:42px;height:42px;color:var(--gold);font-size:.82rem;font-weight:700;font-family:var(--f-text);flex:none;place-items:center;display:inline-grid;position:relative}.star-num:before,.star-num:after{content:"";border:1.3px solid var(--gold-2);opacity:.75;border-radius:3px;position:absolute;inset:7px}.star-num:after{transform:rotate(45deg)}.section-title{font-family:var(--f-display);font-size:1.7rem;font-weight:600}html[lang=ar] .section-title{font-family:var(--f-ar);font-size:1.7rem;font-weight:700}.section-sub{color:var(--ink-2);max-width:64ch;margin-top:6px}.epigraph{isolation:isolate;text-align:center;padding-block:clamp(48px,9vw,96px) clamp(40px,6vw,64px);position:relative;overflow:hidden}.epigraph:before{content:"";z-index:-1;opacity:.55;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88'%3E%3Cg fill='none' stroke='%23B4914F' stroke-width='.7' opacity='.45'%3E%3Crect x='26' y='26' width='36' height='36'/%3E%3Crect x='26' y='26' width='36' height='36' transform='rotate(45 44 44)'/%3E%3Cpath d='M0 44h18M70 44h18M44 0v18M44 70v18'/%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 75% at 50% 45%,#000 10%,#0000 75%);mask-image:radial-gradient(70% 75% at 50% 45%,#000 10%,#0000 75%)}.epigraph__verse{font-family:var(--f-quran);max-width:30ch;color:var(--ink);direction:rtl;min-height:4.3em;margin-inline:auto;font-size:clamp(1.65rem,3.6vw,2.55rem);line-height:2.15}.epigraph__verse.is-loading{color:var(--ink-3)}.epigraph__tr{max-width:60ch;color:var(--ink-2);font-size:1.05rem;font-family:var(--f-display);margin:18px auto 0;font-size:1.28rem;font-style:italic;line-height:1.5}.epigraph__ref{color:var(--gold);letter-spacing:.06em;margin-top:14px;font-size:.88rem}.epigraph__ref a{text-decoration:none}.epigraph__ref a:hover{text-decoration:underline}.fihris{border-top:1px solid var(--line)}.fihris__row{border-bottom:1px solid var(--line);color:inherit;transition:background-color var(--t-med) var(--ease-out);border-radius:4px;grid-template-columns:minmax(150px,230px) 1fr auto;align-items:center;gap:8px 32px;margin-inline:-12px;padding-block:26px;padding-inline:12px;text-decoration:none;display:grid}.fihris__row:hover{background:var(--surface)}.fihris__row:hover .fihris__arrow{color:var(--gold);transform:translate(4px)}html[dir=rtl] .fihris__row:hover .fihris__arrow{transform:translate(-4px)scaleX(-1)}.fihris__ar{font-family:var(--f-ar);font-size:clamp(1.9rem,3.6vw,2.5rem);font-weight:700;line-height:1.35}.fihris__title{font-family:var(--f-display);font-size:1.55rem;font-weight:600;line-height:1.15}html[lang=ar] .fihris__title{display:none}.fihris__desc{color:var(--ink-2);max-width:58ch;margin-top:4px}.fihris__meta{color:var(--ink-3);flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:.86rem;display:flex}.fihris__meta span{align-items:center;gap:6px;display:inline-flex}.fihris__meta span:before{content:"";background:var(--gold-2);width:4px;height:4px;transform:rotate(45deg)}.fihris__arrow{width:22px;height:22px;color:var(--ink-3);transition:transform var(--t-med) var(--ease-out), color var(--t-med);fill:none;stroke:currentColor;stroke-width:1.6px}html[dir=rtl] .fihris__arrow{transform:scaleX(-1)}.continue{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px;padding:14px 18px;display:flex}.continue__label{color:var(--ink-3);font-size:.85rem}.continue__name{font-family:var(--f-ar);font-size:1.35rem}.pledge{grid-template-columns:repeat(3,1fr);gap:28px;padding-block:56px 72px;display:grid}.pledge__item h3{align-items:center;gap:10px;font-size:1.05rem;font-weight:700;display:flex}.pledge__item h3:before{content:"";border:1.5px solid var(--gold-2);flex:none;width:9px;height:9px;transform:rotate(45deg)}.pledge__item p{color:var(--ink-2);margin-top:8px;font-size:.98rem}.toolrow{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;padding-block:8px 20px;display:flex}.tabs{background:var(--surface-2);border-radius:11px;gap:2px;padding:3px;display:inline-flex}.tabs button{cursor:pointer;color:var(--ink-2);background:0 0;border:0;border-radius:8px;padding:7px 14px;font-size:.93rem;font-weight:600}.tabs button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-soft)}.search{flex:260px;max-width:360px;position:relative}.search svg{fill:none;width:17px;height:17px;stroke:var(--ink-3);stroke-width:1.8px;inset-inline-start:12px;position:absolute;top:50%;transform:translateY(-50%)}.search .input{width:100%;padding-inline-start:38px}.surah-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;padding-bottom:72px;display:grid}.surah{border-bottom:1px solid var(--line);color:inherit;border-radius:4px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 8px;text-decoration:none;display:grid}.surah:hover{background:var(--surface)}.surah:hover .star-num:before,.surah:hover .star-num:after{opacity:1;border-color:var(--gold)}.surah__lat{font-weight:600;line-height:1.25}.surah__tr{color:var(--ink-3);font-size:.86rem;line-height:1.3}.surah__ar{font-family:var(--f-ar);text-align:end;font-size:1.45rem;line-height:1.2}.surah__meta{color:var(--ink-3);text-align:end;font-size:.76rem}.juz-list{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;padding-bottom:72px;display:grid}.juz{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);align-items:center;gap:12px;padding:14px;text-decoration:none;display:flex}.juz:hover{border-color:var(--gold-2)}.juz__label{font-weight:700}.juz__start{color:var(--ink-3);font-size:.86rem}.reader-bar{top:calc(env(safe-area-inset-top,0px) + var(--topbar-h));z-index:40;background:var(--ground);position:sticky}@supports (color:color-mix(in lab, red, red)){.reader-bar{background:color-mix(in srgb, var(--ground) 90%, transparent)}}.reader-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.reader-bar__inner{max-width:1180px;padding:10px var(--gutter);flex-wrap:wrap;align-items:center;gap:8px 10px;margin-inline:auto;display:flex}.reader-bar .select{height:36px;font-size:.92rem}.reader-bar__sep{background:var(--line);align-self:stretch;width:1px;margin-inline:2px}.reader-bar__spacer{flex:1}.reader-bar .chip{min-height:36px}.sizer{border:1px solid var(--line-strong);background:var(--surface);border-radius:10px;display:inline-flex;overflow:hidden}.sizer button{cursor:pointer;width:36px;height:34px;color:var(--ink-2);background:0 0;border:0;font-weight:700}.sizer button+button{border-inline-start:1px solid var(--line)}.sizer button:hover{background:var(--surface-2);color:var(--ink)}.settings-pop{z-index:45;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);width:min(360px,100vw - 32px);box-shadow:var(--shadow-pop);gap:14px;margin-top:6px;padding:16px;display:grid;position:absolute;inset-inline-end:var(--gutter)}.settings-pop h4{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:.8rem;font-weight:700}html[lang=ar] .settings-pop h4{letter-spacing:0;font-size:.9rem}.settings-pop .select{width:100%}.settings-row{grid-template-columns:34px 1fr;align-items:center;gap:10px;display:grid}.settings-row .tag{justify-self:start}.surah-head{text-align:center;padding-block:44px 18px}.cartouche{min-width:min(460px,100%);color:var(--ink);justify-content:center;align-items:center;margin-inline:auto;padding:14px 54px;display:inline-flex;position:relative}.cartouche svg{width:100%;height:100%;position:absolute;inset:0}.cartouche svg path,.cartouche svg rect{fill:none;stroke:var(--gold-2);stroke-width:1.2px;vector-effect:non-scaling-stroke}.cartouche__name{font-family:var(--f-ar);font-size:clamp(1.9rem,4.5vw,2.6rem);font-weight:700;line-height:1.5;position:relative}.surah-head__lat{font-family:var(--f-display);margin-top:14px;font-size:1.6rem;font-weight:600}html[lang=ar] .surah-head__lat{font-family:var(--f-text);color:var(--ink-2);font-size:1.1rem;font-weight:500}.surah-head__meta{color:var(--ink-3);flex-wrap:wrap;justify-content:center;gap:6px 14px;margin-top:4px;font-size:.93rem;display:flex}.riwaya-note{text-align:start;max-width:680px;margin:18px auto 0}.basmala{text-align:center;font-family:var(--f-quran);font-size:calc(var(--quran-size) * 1.05);color:var(--ink);direction:rtl;padding-block:16px 8px;line-height:2.2}.riwaya-font .basmala,.riwaya-font .ayah__ar,.riwaya-font .mushaf{font-family:var(--f-riwaya)}.ayahs{padding-bottom:40px}.ayah{border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--topbar-h) + 80px);padding-block:22px}.ayah:target,.ayah.is-flash{background:linear-gradient(90deg, transparent, var(--gold-wash) 12%, var(--gold-wash) 88%, transparent)}.ayah__ar{font-family:var(--f-quran);font-size:var(--quran-size);text-align:right;color:var(--ink);word-spacing:.04em;direction:rtl;line-height:2.25}.ayah__mark{font-family:var(--f-quran);color:var(--gold);white-space:nowrap;padding-inline:.18em;font-size:.78em;display:inline-block}.ayah__tr{color:var(--ink-2);grid-template-columns:auto 1fr;align-items:baseline;gap:12px;margin-top:12px;font-size:1.04rem;line-height:1.65;display:grid}.ayah__tr[dir=ltr]{text-align:left}.ayah__tr p{color:var(--ink);opacity:.86}.ayah__tr .fn{color:var(--gold);font-size:.8em}.ayah__notes{color:var(--ink-3);white-space:pre-line;border-inline-start:2px solid var(--line);grid-column:2;margin-top:4px;padding-inline-start:10px;font-size:.86rem}.tag{min-width:30px;height:20px;font:700 .68rem/1 var(--f-text);letter-spacing:.06em;background:var(--surface-2);color:var(--ink-2);border-radius:5px;place-items:center;padding:0 6px;display:inline-grid}.ayah__foot{direction:ltr;justify-content:flex-start;align-items:center;gap:4px;margin-top:10px;display:flex}html[dir=rtl] .ayah__foot{direction:rtl}.ayah__ref{color:var(--ink-3);font-variant-numeric:tabular-nums;margin-inline-end:6px;font-size:.8rem;font-weight:600;text-decoration:none}.mini-btn{width:30px;height:30px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:inline-grid}.mini-btn:hover{background:var(--surface-2);color:var(--ink)}.mini-btn svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.mini-btn--text{letter-spacing:.02em;width:auto;color:var(--gold);padding:0 10px;font-size:.8rem;font-weight:700}.reader-bar__label{font-size:.85rem}.ayah__tafsir{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);margin-top:14px}.ayah__tafsir summary{cursor:pointer;color:var(--gold);font-size:.86rem;font-weight:600;font-family:var(--f-text);align-items:center;gap:8px;padding:9px 12px;list-style:none;display:flex}.ayah__tafsir summary::-webkit-details-marker{display:none}.ayah__tafsir summary:after{content:"+";margin-inline-start:auto;font-size:1.1rem;line-height:1}.ayah__tafsir[open] summary:after{content:"−"}.ayah__tafsir[open] summary{border-bottom:1px solid var(--line)}.ayah__tafsir>p,.ayah__tafsir>.tafsir__html{color:var(--ink-2);padding:12px 14px 14px;font-size:1rem;line-height:1.75}.ayah__tafsir[dir=rtl]>p,.ayah__tafsir[dir=rtl]>.tafsir__html{font-family:var(--f-ar);text-align:right;font-size:1.22rem;line-height:2}.tafsir__html{gap:10px;display:grid}.tafsir__range{color:var(--gold);letter-spacing:.02em;font-size:.82rem;font-weight:700}.tafsir__html h4{color:var(--ink);margin-top:6px;font-size:1rem}.mushaf{font-family:var(--f-quran);font-size:var(--quran-size);text-align:justify;text-align-last:center;color:var(--ink);direction:rtl;padding:28px clamp(8px,3vw,36px) 40px;line-height:2.35}.mushaf .ayah__mark{font-size:.72em}.surah-nav{flex-wrap:wrap;justify-content:space-between;gap:12px;padding-block:12px 80px;display:flex}.surah-nav a{flex:220px}.surah-nav__link{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);gap:2px;padding:16px 18px;text-decoration:none;display:grid}.surah-nav__link:hover{border-color:var(--gold-2)}.surah-nav__link small{color:var(--ink-3);font-size:.82rem}.surah-nav__link span{font-family:var(--f-ar);font-size:1.3rem}.surah-nav__next{text-align:end}.col-group{padding-block:22px 8px}.col-group__head{border-bottom:1px solid var(--line-strong);flex-wrap:wrap;align-items:baseline;gap:14px;padding-bottom:10px;display:flex}.col-group__head h2{font-family:var(--f-ar);font-size:1.6rem;font-weight:700}.col-group__head p{color:var(--ink-3);font-size:.95rem}.col-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:0 28px;display:grid}.col{border-bottom:1px solid var(--line);color:inherit;grid-template-columns:1fr auto;gap:4px 12px;padding:18px 6px;text-decoration:none;display:grid}.col:hover{background:var(--surface)}.col__ar{font-family:var(--f-ar);font-size:1.5rem;font-weight:700;line-height:1.3}.col__lat{font-size:.98rem;font-weight:600}.col__by{color:var(--ink-3);grid-column:1/-1;font-size:.86rem}.col__count{color:var(--gold);font-variant-numeric:tabular-nums;align-self:start;font-size:.8rem;font-weight:700}.book-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;padding-bottom:64px;display:grid}.book{border-bottom:1px solid var(--line);color:inherit;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:11px 6px;text-decoration:none;display:grid}.book:hover{background:var(--surface)}.book__name{font-weight:600;line-height:1.3}.book__range{color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.8rem}.jump{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.jump .input{width:130px}.hadith{border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--topbar-h) + 24px);padding-block:26px}.hadith__head{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:14px;display:flex}.hadith__num{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:700;text-decoration:none}.hadith__ref{color:var(--ink-3);font-size:.85rem}.hadith__ar{font-family:var(--f-ar);text-align:right;color:var(--ink);direction:rtl;font-size:1.42rem;line-height:2.05}.hadith__ar .isnad{color:var(--ink-3)}.hadith__tr{grid-template-columns:auto 1fr;align-items:baseline;gap:12px;margin-top:14px;display:grid}.hadith__tr p{line-height:1.7}.hadith__warn{color:var(--ink-3);grid-column:2;font-size:.8rem;font-style:italic}.hadith__empty{color:var(--ink-3);font-style:italic}.grades{flex-wrap:wrap;gap:6px;display:flex}.grade{background:var(--neutral-bg);color:var(--ink-2);border-radius:999px;align-items:center;gap:6px;padding:3px 9px 3px 7px;font-size:.8rem;font-weight:600;line-height:1.35;display:inline-flex}.grade:before{content:"";background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.grade small{opacity:.8;font-weight:500}.grade--sahih{background:var(--sahih-bg);color:var(--sahih)}.grade--hasan{background:var(--hasan-bg);color:var(--hasan)}.grade--daif{background:var(--daif-bg);color:var(--daif)}.grade--mawdu{background:var(--mawdu-bg);color:var(--mawdu)}.grade--consensus{background:var(--sahih-bg);color:var(--sahih)}.more{justify-content:center;padding-block:28px 64px;display:flex}.legend{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px 28px;padding-block:12px 64px;display:grid}.legend__item{border-top:1px solid var(--line);align-content:start;gap:8px;padding-top:14px;display:grid}.legend__item h3{flex-wrap:wrap;align-items:center;gap:10px;font-size:1.05rem;display:flex}.legend__item p{color:var(--ink-2);font-size:.97rem}.legend__ar{font-family:var(--f-ar);font-size:1.3rem;font-weight:700}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;padding-bottom:32px;display:grid}.cat{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:inherit;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;text-decoration:none;display:flex}.cat:hover{border-color:var(--gold-2)}.cat__name{font-weight:600;line-height:1.35}.cat__count{color:var(--gold);white-space:nowrap;font-size:.8rem;font-weight:700}.enc-list{display:grid}.enc-item{border-bottom:1px solid var(--line);color:inherit;grid-template-columns:auto 1fr;align-items:start;gap:14px;padding:16px 4px;text-decoration:none;display:grid}.enc-item:hover{background:var(--surface)}.enc-item__title{line-height:1.5}.enc-detail{gap:22px;padding-bottom:64px;display:grid}.enc-detail h3{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;font-size:.8rem;font-weight:700}html[lang=ar] .enc-detail h3{letter-spacing:0;font-size:1rem}.enc-detail ul{gap:8px;margin:0;padding-inline-start:1.2em;display:grid}.enc-detail__meta{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.pager{justify-content:center;align-items:center;gap:10px;padding-block:24px 64px;display:flex}.guide-hero{position:relative}.guide-hero__grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(24px,4vw,56px);padding-block:clamp(28px,5vw,56px);display:grid}.guide-hero__ar{font-family:var(--f-ar);font-size:clamp(3rem,7vw,4.6rem);font-weight:700;line-height:1.2}.guide-hero__title{font-family:var(--f-display);margin-top:2px;font-size:clamp(2rem,4vw,2.8rem);font-weight:600;line-height:1.05}html[lang=ar] .guide-hero__title{display:none}.guide-hero__lede{color:var(--ink-2);max-width:52ch;margin-top:16px;font-size:1.12rem}.guide-hero__facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:0;margin-top:26px;display:flex}.fact{border-inline-end:1px solid var(--line);margin-inline-end:18px;padding:12px 18px 12px 0}html[dir=rtl] .fact{padding:12px 0 12px 18px}.fact:last-child{border-inline-end:0;margin-inline-end:0}.fact__v{font-family:var(--f-display);color:var(--gold);font-variant-numeric:lining-nums;font-size:1.9rem;font-weight:700;line-height:1}.fact__k{color:var(--ink-3);margin-top:4px;font-size:.82rem}.guide-hero__photo{margin:0}.guide-hero__photo img{aspect-ratio:4/3.4;object-fit:cover;border-radius:3px 3px 120px;width:100%;max-width:100%}html[dir=rtl] .guide-hero__photo img{border-radius:3px 3px 3px 120px}.guide{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,64px);padding-block:24px 80px;display:grid}.toc{top:calc(var(--topbar-h) + 20px);max-height:calc(100vh - var(--topbar-h) - 40px);padding-bottom:8px;position:sticky;overflow:auto}.toc__label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px;font-size:.75rem;font-weight:700}html[lang=ar] .toc__label{letter-spacing:0;font-size:.88rem}.toc ol{counter-reset:toc;gap:1px;margin:0;padding:0;list-style:none;display:grid}.toc a{color:var(--ink-2);border-inline-start:2px solid #0000;border-radius:8px;grid-template-columns:22px 1fr;gap:8px;padding:7px 10px;font-size:.93rem;line-height:1.35;text-decoration:none;display:grid}.toc a:hover{color:var(--ink);background:var(--surface-2)}.toc a.is-active{color:var(--ink);background:var(--gold-wash);border-inline-start-color:var(--gold-2)}.toc__n{color:var(--gold);font-variant-numeric:tabular-nums;padding-top:2px;font-size:.75rem;font-weight:700}.step{scroll-margin-top:calc(var(--topbar-h) + 16px);padding-block:8px 44px}.step+.step{border-top:1px solid var(--line);padding-top:44px}.step__head{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.step__index{font-family:var(--f-display);color:var(--gold-2);font-variant-numeric:lining-nums;min-width:1.2ch;font-size:2.6rem;font-weight:600;line-height:.9}.step__ar{font-family:var(--f-ar);color:var(--gold);font-size:1.25rem;line-height:1.3}.step__title{font-family:var(--f-display);font-size:clamp(1.7rem,3vw,2.2rem);font-weight:600;line-height:1.1}html[lang=ar] .step__title{font-family:var(--f-ar);font-size:clamp(1.7rem,3vw,2.1rem);font-weight:700;line-height:1.4}html[lang=ar] .step__ar{display:none}.step__sum{color:var(--ink-2);max-width:62ch;margin-top:6px}.blocks{gap:18px;max-width:72ch;display:grid}.blocks>.wide,.step .blocks{max-width:none}.step .blocks>*{max-width:72ch}.step .blocks>.wide,.step .blocks>figure,.step .blocks>.diagram,.step .blocks>.table-wrap,.step .blocks>.pillars,.step .blocks>.dodont,.step .blocks>.timeline,.step .blocks>.duo{max-width:none}.blocks p{line-height:1.75}html[lang=ar] .blocks p,html[lang=ar] .blocks li{font-family:var(--f-ar);font-size:1.2rem;line-height:1.95}.blocks h4{margin-top:6px;font-size:1.12rem;font-weight:700}html[lang=ar] .blocks h4{font-family:var(--f-ar);font-size:1.35rem}.blocks ul,.blocks ol{gap:8px;margin:0;padding-inline-start:1.3em;display:grid}.blocks li::marker{color:var(--gold-2)}.blocks ol.steps-list{counter-reset:s;gap:12px;padding:0;list-style:none}.blocks ol.steps-list>li{counter-increment:s;grid-template-columns:30px 1fr;gap:10px;display:grid}.blocks ol.steps-list>li:before{content:counter(s);border:1.3px solid var(--gold-2);width:26px;height:26px;color:var(--gold);font:700 .8rem/1 var(--f-text);border-radius:50%;place-items:center;margin-top:3px;display:grid}.term{font-family:var(--f-ar);color:var(--gold);white-space:nowrap;font-size:1.12em}html[lang=ar] .term{font-size:1em}.callout{border-radius:var(--radius-sm);background:var(--surface-2);grid-template-columns:auto 1fr;gap:12px;padding:16px 18px;display:grid}.callout svg{fill:none;width:20px;height:20px;stroke:var(--gold);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;margin-top:3px}.callout--warn{background:var(--daif-bg)}.callout--warn svg{stroke:var(--daif)}.callout--ok{background:var(--sahih-bg)}.callout--ok svg{stroke:var(--sahih)}.callout--scholar{border:1px dashed var(--line-strong);background:0 0}.callout__title{margin-bottom:2px;font-weight:700}html[lang=ar] .callout__title{font-family:var(--f-ar);font-size:1.2rem}.dua{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);gap:12px;padding:24px clamp(18px,3vw,30px);display:grid;position:relative}.dua:before{content:"";border:1px solid var(--gold-wash);border-radius:calc(var(--radius) - 5px);pointer-events:none;position:absolute;inset:6px}.dua__label{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-size:.75rem;font-weight:700}html[lang=ar] .dua__label{letter-spacing:0;font-size:.95rem}.dua__ar{font-family:var(--f-ar);text-align:center;color:var(--ink);direction:rtl;font-size:clamp(1.5rem,3vw,1.9rem);line-height:2}.dua__tl{color:var(--ink-2);text-align:center;font-size:.98rem;font-style:italic}.dua__tr{text-align:center;color:var(--ink)}html[lang=ar] .dua__tl,html[lang=ar] .dua__tr{display:none}.dua__refs{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.verse-block{border-inline-start:3px solid var(--gold-2);background:var(--surface);border-radius:0 var(--radius-sm) var(--radius-sm) 0;gap:10px;padding:20px 22px;display:grid}html[dir=rtl] .verse-block{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.verse-block__ar{font-family:var(--f-quran);text-align:right;direction:rtl;font-size:1.65rem;line-height:2.15}.verse-block__tr{color:var(--ink-2)}.verse-block__ref{font-size:.85rem}.refs{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.refs__label{color:var(--ink-3);margin-inline-end:2px;font-size:.8rem}.ref{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-2);cursor:pointer;font-size:.82rem;font-weight:600;line-height:1.5;font-family:var(--f-text);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;display:inline-flex}.ref:hover{border-color:var(--gold-2);color:var(--ink)}.ref svg{fill:none;width:13px;height:13px;stroke:var(--gold);stroke-width:1.8px}.ref--q svg{stroke:var(--gold)}figure.photo{gap:8px;margin:0;display:grid}figure.photo img{border-radius:var(--radius-sm);background:var(--surface-2);object-fit:cover;width:100%;max-height:520px}figure.photo figcaption{color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;gap:4px 10px;font-size:.85rem;display:flex}figure.photo figcaption a{color:var(--ink-3)}.duo{grid-template-columns:1fr 1fr;gap:16px;display:grid}.duo figure.photo img{aspect-ratio:4/3}.pillars{border-top:2px solid var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid}.pillars__col{border-bottom:1px solid var(--line);padding:16px 18px 18px}.pillars__col+.pillars__col{border-inline-start:1px solid var(--line)}.pillars__kind{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.pillars__kind strong{font-size:1.1rem}.pillars__kind .term{font-size:1.25rem}.pillars__rule{color:var(--ink-3);margin-top:4px;font-size:.88rem;line-height:1.45}.pillars__col ul{margin-top:12px}html[lang=ar] .pillars__col li{font-size:1.12rem}.dodont{grid-template-columns:1fr 1fr;gap:16px;display:grid}.dodont__col{border-radius:var(--radius-sm);padding:18px}.dodont__col--do{background:var(--sahih-bg)}.dodont__col--dont{background:var(--mawdu-bg)}.dodont__col h4{align-items:center;gap:8px;margin:0 0 10px;display:flex}.dodont__col--do h4{color:var(--sahih)}.dodont__col--dont h4{color:var(--mawdu)}.dodont__col h4 svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.dodont__col ul{gap:10px}.dodont__col li{color:var(--ink)}.table-wrap{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);overflow-x:auto}table.grid-table{border-collapse:collapse;width:100%;min-width:560px;font-size:.95rem}.grid-table th,.grid-table td{text-align:start;vertical-align:top;border-bottom:1px solid var(--line);padding:11px 14px}.grid-table th{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);background:var(--surface-2);font-size:.78rem;font-weight:700}html[lang=ar] .grid-table th{letter-spacing:0;font-size:.92rem}.grid-table tr:last-child td{border-bottom:0}.grid-table td:first-child{font-weight:600}.timeline{gap:0;display:grid;position:relative}.tl{grid-template-columns:92px 1fr;gap:18px;padding-bottom:20px;display:grid;position:relative}.tl:before{content:"";background:var(--line-strong);inset-inline-start:45px;width:1px;position:absolute;top:34px;bottom:0}.tl:last-child:before{display:none}.tl__day{border:1px solid var(--line-strong);background:var(--surface);z-index:1;border-radius:10px;align-content:center;place-items:center;width:92px;height:60px;display:grid;position:relative}.tl__day b{font-family:var(--f-display);color:var(--gold);font-size:1.5rem;line-height:1}.tl__day small{color:var(--ink-3);letter-spacing:.04em;font-size:.7rem}.tl__body h4{margin:4px 0 2px}.tl__place{color:var(--gold);font-size:.85rem;font-weight:600}.tl__body p{color:var(--ink-2)}html[lang=ar] .tl__body p{font-size:1.1rem}.diagram{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);gap:8px;padding:14px;display:grid}.diagram__scroll{overflow-x:auto}.diagram svg{width:100%;min-width:520px;height:auto;display:block}.diagram figcaption,.diagram__cap{color:var(--ink-3);font-size:.86rem}.diagram--legend{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;column-gap:22px}.diagram--legend .diagram__title,.diagram--legend figcaption{grid-column:1/-1}.diagram--legend svg{min-width:0}.dg-legend{gap:9px;margin:0;padding:0;font-size:.95rem;list-style:none;display:grid}.dg-legend li{grid-template-columns:26px 1fr;align-items:start;gap:10px;line-height:1.45;display:grid}html[lang=ar] .dg-legend li{font-family:var(--f-ar);font-size:1.1rem}.dg-legend__n{background:var(--gold);width:24px;height:24px;color:var(--on-gold);font:700 .78rem/1 var(--f-text);border-radius:50%;place-items:center;display:grid}.dg-legend__n.is-ok{background:var(--sahih)}.dg-legend__n.is-arrow{color:var(--gold);border:1.5px solid var(--gold-2);background:0 0;font-family:system-ui,sans-serif;font-size:1rem}@media (max-width:760px){.diagram--legend{grid-template-columns:1fr}}.diagram__title{font-size:.95rem;font-weight:700}.dg-line{stroke:var(--line-strong);fill:none}.dg-ink{fill:var(--ink)}.dg-ink2{fill:var(--ink-2)}.dg-ink3{fill:var(--ink-3)}.dg-gold{fill:var(--gold)}.dg-gold-s{stroke:var(--gold-2);fill:none}.dg-surface{fill:var(--surface-2)}.dg-ground{fill:var(--ground)}.dg-kaaba{fill:#16140f;stroke:var(--gold-2);stroke-width:1.5px}.dg-green{fill:var(--sahih)}.dg-green-s{stroke:var(--sahih);fill:none}.dg-label{font-family:var(--f-text);font-size:13px}.dg-label-ar{font-family:var(--f-ar);font-size:16px}.dg-small{font-size:11px}.dg-bold{font-weight:700}.counter{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:auto 1fr;align-items:center;gap:18px 22px;padding:18px;display:grid}.counter__dial{width:116px;height:116px;position:relative}.counter__dial svg{width:100%;height:100%;transform:rotate(-90deg)}.counter__dial circle{fill:none;stroke-width:7px}.counter__track{stroke:var(--surface-3)}.counter__arc{stroke:var(--gold-2);stroke-linecap:round;transition:stroke-dashoffset var(--t-med) var(--ease-out)}.counter__value{font-family:var(--f-display);align-content:center;place-items:center;font-size:2.3rem;font-weight:700;line-height:1;display:grid;position:absolute;inset:0}.counter__value small{font-family:var(--f-text);color:var(--ink-3);margin-top:2px;font-size:.7rem;font-weight:600}.counter__body{gap:10px;display:grid}.counter__hint{color:var(--ink-2);min-height:3em;font-size:.95rem}.counter__actions{flex-wrap:wrap;gap:8px;display:flex}.checklist{gap:22px;display:grid}.checklist fieldset{border:0;gap:4px;margin:0;padding:0;display:grid}.checklist legend{margin-bottom:6px;font-size:1.02rem;font-weight:700}.check{cursor:pointer;border-radius:8px;grid-template-columns:22px 1fr;align-items:start;gap:10px;padding:8px 10px;display:grid}.check:hover{background:var(--surface-2)}.check input{appearance:none;border:1.5px solid var(--line-strong);background:var(--surface);cursor:pointer;border-radius:6px;place-items:center;width:20px;height:20px;margin:2px 0 0;display:grid}.check input:after{content:"";border-right:2px solid var(--on-gold);border-bottom:2px solid var(--on-gold);opacity:0;width:5px;height:10px;transform:rotate(45deg)translate(-1px,-1px)}.check input:checked{background:var(--gold);border-color:var(--gold)}.check input:checked:after{opacity:1}.check input:checked+span{color:var(--ink-3);text-decoration:line-through;-webkit-text-decoration-color:var(--line-strong);-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong)}.checklist__bar{background:var(--surface-3);border-radius:4px;height:4px;overflow:hidden}.checklist__bar span{background:var(--gold-2);height:100%;transition:width var(--t-med) var(--ease-out);display:block}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;gap:12px;padding:14px 0;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--gold);font-size:1.3rem;line-height:1}.faq details[open] summary:after{content:"−"}.faq details>div{gap:10px;padding-bottom:16px;display:grid}html[lang=ar] .faq summary{font-family:var(--f-ar);font-size:1.2rem}.drawer{z-index:90;position:fixed;inset:0}.drawer__scrim{animation:fade var(--t-med) var(--ease-out);background:#14100861;position:absolute;inset:0}.drawer__panel{background:var(--ground);width:min(560px,100%);box-shadow:var(--shadow-pop);animation:slide-in var(--t-med) var(--ease-out);padding-top:env(safe-area-inset-top,0px);grid-template-rows:auto 1fr;display:grid;position:absolute;inset-block:0;inset-inline-end:0}html[dir=rtl] .drawer__panel{animation-name:slide-in-rtl}@keyframes fade{0%{opacity:0}}@keyframes slide-in{0%{opacity:0;transform:translate(40px)}}@keyframes slide-in-rtl{0%{opacity:0;transform:translate(-40px)}}@keyframes sheet-up{0%{opacity:0;transform:translateY(60px)}}.drawer__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.drawer__title{font-size:1.05rem;font-weight:700}.drawer__body{padding:22px 20px calc(40px + env(safe-area-inset-bottom,0px));align-content:start;gap:18px;display:grid;overflow:auto}.drawer__ar{font-family:var(--f-ar);text-align:right;direction:rtl;font-size:1.4rem;line-height:2}.drawer__quran{font-family:var(--f-quran);text-align:right;direction:rtl;font-size:1.75rem;line-height:2.2}.drawer__tr{grid-template-columns:auto 1fr;align-items:baseline;gap:10px;display:grid}.drawer__tr p{line-height:1.7}.drawer__foot{flex-wrap:wrap;gap:8px;display:flex}.tafsir-tools{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.tafsir-tools .field{flex:220px}.tafsir-tools .select{width:100%}.tafsir-nav{gap:6px;display:flex}.tafsir-nav .btn{min-width:44px;padding:0 12px}.tafsir-nav .btn:disabled{opacity:.4;cursor:default}.tafsir-verse{border-bottom:1px solid var(--line);gap:10px;padding-bottom:14px;display:grid}.tafsir-verse:empty{display:none}.riwaya-text{font-family:var(--f-riwaya)}.is-clickable{cursor:pointer;transition:background-color var(--t-fast) var(--ease-out);border-radius:10px}.ayah__ar.is-clickable{margin-inline:-10px;padding-inline:10px}@media (hover:hover){.is-clickable:hover{background:var(--gold-wash)}.ayah-inline.is-clickable:hover{box-shadow:0 0 0 4px var(--gold-wash)}}.is-clickable:focus-visible{background:var(--gold-wash)}.consent{z-index:85;inset-inline:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);max-width:760px;box-shadow:var(--shadow-pop);animation:fade var(--t-med) var(--ease-out);grid-template-columns:1fr auto;align-items:center;gap:14px 22px;margin-inline:auto;padding:18px 20px;display:grid;position:fixed}.consent__title{margin-bottom:4px;font-weight:700}.consent__text{color:var(--ink-2);font-size:.92rem;line-height:1.55}.consent__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.resume-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.resume{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:1fr auto;align-items:center;gap:2px 12px;padding:16px 18px;text-decoration:none;display:grid}.resume:hover{border-color:var(--gold-2)}.resume__k{color:var(--gold);letter-spacing:.04em;font-size:.8rem;font-weight:700}.resume__v{grid-column:1;font-weight:600;line-height:1.35}.resume__arrow{fill:none;width:20px;height:20px;stroke:var(--ink-3);stroke-width:1.7px;grid-area:1/2/span 2}html[dir=rtl] .resume__arrow{transform:scaleX(-1)}.home-resume{margin-top:28px}.bm-list{display:grid}.bm{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 4px;display:grid}.bm__label{font-weight:500;text-decoration:none}.bm__label:hover{text-decoration:underline}.mini-btn[aria-pressed=true]{color:var(--gold)}.player{z-index:70;padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom,0px));background:var(--surface);inset-inline:0;position:fixed;bottom:0}@supports (color:color-mix(in lab, red, red)){.player{background:color-mix(in srgb, var(--surface) 94%, transparent)}}.player{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line-strong);box-shadow:0 -10px 30px -20px #00000040}.player__inner{align-items:center;gap:14px;max-width:820px;margin-inline:auto;display:flex}.player__play{background:var(--gold);width:46px;height:46px;color:var(--on-gold);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.player__play svg{fill:currentColor;width:20px;height:20px}.player__play .i-pause{display:none}.player.is-playing .player__play .i-pause{display:block}.player.is-playing .player__play .i-play{display:none}.player__meta{flex:1;gap:2px;min-width:0;display:grid}.player__title{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.player__sub{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.player__seek{width:100%;accent-color:var(--gold);height:16px;margin:2px 0 0}.player__time{color:var(--ink-3);font-variant-numeric:tabular-nums;text-align:end;min-width:42px;font-size:.82rem}body.has-player{padding-bottom:88px}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:95;background:var(--ink);color:var(--ground);box-shadow:var(--shadow-pop);animation:fade var(--t-med) var(--ease-out);border-radius:10px;padding:10px 16px;font-size:.92rem;position:fixed;transform:translate(-50%)}body.has-player .toast{bottom:104px}.site-footer{border-top:1px solid var(--line);background:var(--surface-2);margin-top:20px}.site-footer__inner{grid-template-columns:auto 1fr;align-items:start;gap:16px 40px;padding-block:34px 40px;display:grid}.site-footer__brand .brand__ar{font-size:2rem}.site-footer__brand p{color:var(--ink-2);margin-top:6px;font-size:.95rem}.site-footer__links{flex-wrap:wrap;justify-content:flex-end;gap:8px 22px;display:flex}.site-footer__links a{color:var(--ink-2);font-weight:500;text-decoration:none}.site-footer__links a:hover{color:var(--ink);text-decoration:underline}.site-footer__note{color:var(--ink-3);border-top:1px solid var(--line);grid-column:1/-1;padding-top:16px;font-size:.88rem}.prose{gap:16px;max-width:72ch;padding-bottom:72px;display:grid}.prose h2{font-family:var(--f-display);margin-top:24px;font-size:1.7rem}html[lang=ar] .prose h2{font-family:var(--f-ar)}.prose p,.prose li{color:var(--ink-2);line-height:1.75}.prose ul{gap:8px;margin:0;padding-inline-start:1.2em;display:grid}.prose a{color:var(--ink)}.credit-list{gap:6px;font-size:.92rem;display:grid}@media (max-width:1060px){.surah-list{grid-template-columns:repeat(2,minmax(0,1fr))}.guide{grid-template-columns:1fr}.toc{top:calc(var(--topbar-h) - 1px);z-index:30;background:var(--ground);max-height:none;position:sticky;overflow:auto hidden}@supports (color:color-mix(in lab, red, red)){.toc{background:color-mix(in srgb, var(--ground) 92%, transparent)}}.toc{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-inline:calc(var(--gutter) * -1);padding:8px var(--gutter);border-bottom:1px solid var(--line);scrollbar-width:none}.toc::-webkit-scrollbar{display:none}.toc__label{display:none}.toc ol{gap:4px;display:flex}.toc a{white-space:nowrap;border-inline-start:0;grid-template-columns:auto auto}.reader-bar{top:calc(env(safe-area-inset-top,0px) + var(--topbar-h))}}@media (max-width:860px){:root{--topbar-h:58px;--quran-size:1.7rem}.topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--ground)}.topbar__inner{gap:12px}.brand__lat{display:none}.mainnav{z-index:60;background:var(--surface);inset-inline:0;justify-content:space-around;gap:0;margin:0;position:fixed;bottom:0}@supports (color:color-mix(in lab, red, red)){.mainnav{background:color-mix(in srgb, var(--surface) 95%, transparent)}}.mainnav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line-strong);padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px))}.mainnav a{text-align:center;flex:1;padding:9px 4px;font-size:.9rem}body{padding-bottom:64px}.player{bottom:calc(58px + env(safe-area-inset-bottom,0px));padding-bottom:10px}body.has-player{padding-bottom:150px}.tools{margin-inline-start:auto}.guide-hero__grid{grid-template-columns:1fr}.guide-hero__photo{order:-1}.guide-hero__photo img{aspect-ratio:16/10;border-radius:var(--radius-sm)}html[dir=rtl] .guide-hero__photo img{border-radius:var(--radius-sm)}.fihris__row{grid-template-columns:1fr auto}.fihris__ar{grid-column:1/-1}.fihris__arrow{grid-area:2/2}.pledge{grid-template-columns:1fr;gap:18px;padding-block:36px 48px}.book-list,.pillars{grid-template-columns:1fr}.pillars__col+.pillars__col{border-inline-start:0}.dodont,.duo,.site-footer__inner{grid-template-columns:1fr}.site-footer__links{justify-content:flex-start}.reader-bar__sep{display:none}}@media (max-width:600px){.drawer__panel{border-radius:18px 18px 0 0;width:100%;max-height:88vh;padding-top:0;inset-block:auto 0;inset-inline:0;animation-name:sheet-up!important}.drawer__head{padding-top:22px;position:relative}.drawer__head:before{content:"";background:var(--line-strong);border-radius:4px;width:42px;height:4px;margin-left:-21px;position:absolute;top:8px;left:50%}.consent{inset-inline:10px;bottom:calc(70px + env(safe-area-inset-bottom,0px));grid-template-columns:1fr}.consent__actions{justify-content:stretch}.consent__actions .btn{flex:1}.surah-list{grid-template-columns:1fr}.ayah__tr,.hadith__tr,.drawer__tr{grid-template-columns:1fr;gap:4px}.ayah__notes,.hadith__warn{grid-column:1}.counter{text-align:center;grid-template-columns:1fr;justify-items:center}.counter__actions{justify-content:center}.fact{margin-inline-end:12px;padding-inline-end:12px}.fact__v{font-size:1.5rem}.tl{grid-template-columns:70px 1fr;gap:12px}.tl__day{width:70px}.tl:before{inset-inline-start:34px}.cartouche{padding:12px 34px}.reader-bar .select{max-width:46vw}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.topbar,.reader-bar,.player,.site-footer,.toc,.mainnav,.ayah__foot{display:none!important}body{color:#000;background:#fff}}.dg-legend__n.is-ink{background:var(--ink);color:var(--ground)}.dg-legend__n.is-mute{background:var(--ink-3);color:var(--ground)}.search-big{background:var(--surface);border:1px solid var(--line-strong);width:100%;box-shadow:var(--shadow-soft);transition:border-color var(--t-fast), box-shadow var(--t-fast);border-radius:16px;align-items:center;gap:8px;padding:7px 7px 7px 14px;display:flex;position:relative}html[dir=rtl] .search-big{padding:7px 14px 7px 7px}.search-big:focus-within{border-color:var(--gold-2);box-shadow:0 0 0 4px var(--gold-wash)}.search-big__icon{fill:none;width:20px;height:20px;stroke:var(--ink-3);stroke-width:1.8px;flex:none}.search-big__input{background:0 0;border:0;flex:1;min-width:0;height:44px;padding-inline:4px;font-size:1.02rem}.search-big__input:focus-visible{outline:none}.search-big__btn{border-radius:11px;flex:none;height:44px}.search-ideas{flex-wrap:wrap;align-items:center;gap:8px;padding-block:16px 60px;font-size:.92rem;display:flex}.search-ideas .chip{text-decoration:none}.understood{flex-wrap:wrap;align-items:center;gap:8px;padding-block:18px 6px;font-size:.92rem;display:flex}.understood__ar{font-family:var(--f-ar);color:var(--gold);font-size:1.1em}.result-group{padding-block:26px 10px}.result-group__head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin-bottom:4px;padding-bottom:8px;display:flex}.result-list{display:grid}.result{border-bottom:1px solid var(--line);padding-block:18px}.result__head{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:8px;display:flex}.result__ref{color:var(--gold);font-size:.95rem;font-weight:700;text-decoration:none}.result__ref:hover{text-decoration:underline}.result__ar{font-family:var(--f-quran);text-align:right;font-size:1.6rem;line-height:2.1}.result__tr{color:var(--ink-2);margin-top:8px;line-height:1.7}.result__tr--ar{font-family:var(--f-ar);text-align:right;font-size:1.25rem;line-height:2}.result mark,.drawer__body mark{background:var(--gold-wash);color:var(--ink);box-shadow:inset 0 -2px 0 var(--gold-2);border-radius:3px;padding:0 .12em}.search-page{padding-bottom:72px}.ayah__tl{color:var(--ink-2);letter-spacing:.01em;margin-top:8px;font-size:1rem;font-style:italic}.ayah.is-reciting,.ayah-inline.is-reciting{background:var(--gold-wash);box-shadow:0 0 0 6px var(--gold-wash);border-radius:12px}.ayah--memo .is-veiled{filter:blur(7px);opacity:.55;transition:filter var(--t-med) var(--ease-out), opacity var(--t-med);-webkit-user-select:none;user-select:none}.ayah--memo.is-revealed .is-veiled{filter:none;opacity:1}.mini-btn--memo[aria-pressed=true]{color:var(--sahih);background:var(--sahih-bg)}.hifz-bar{text-align:start;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);gap:8px;max-width:680px;margin:18px auto 0;padding:14px 16px;display:grid}.hifz-bar__head{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.hifz-total{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);align-items:center;gap:20px;padding:20px 22px;display:flex}.hifz-total__num{font-family:var(--f-display);color:var(--gold);font-size:2.6rem;font-weight:700;line-height:1}.hifz-total>div:last-child{flex:1}.hifz-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:4px 24px;display:grid}.hifz-item{border-bottom:1px solid var(--line);color:inherit;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:12px 6px;text-decoration:none;display:grid}.hifz-item:hover{background:var(--surface)}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.tool{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:inherit;transition:border-color var(--t-fast), transform var(--t-fast) var(--ease-out);grid-template-columns:auto 1fr;align-items:center;gap:4px 14px;padding:16px 18px;text-decoration:none;display:grid}.tool:hover{border-color:var(--gold-2);transform:translateY(-1px)}.tool__icon{background:var(--gold-wash);width:38px;height:38px;color:var(--gold);border-radius:11px;grid-row:1/span 2;place-items:center;display:grid}.tool__icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.tool__name{font-weight:600}.tool__desc{color:var(--ink-3);font-size:.86rem;line-height:1.4}.resume__bar{background:var(--surface-3);border-radius:4px;grid-column:1/-1;height:4px;margin-top:8px;display:block;overflow:hidden}.resume__bar>span{background:var(--gold-2);height:100%;display:block}.home-search{padding-top:8px}.quiz{padding-bottom:80px}.quiz__head{gap:8px;max-width:760px;margin-bottom:18px;display:grid}.quiz__progress{color:var(--gold);letter-spacing:.04em;font-size:.85rem;font-weight:600}.quiz-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);gap:16px;max-width:760px;padding:clamp(18px,3vw,28px);display:grid}.quiz__prompt{font-size:1.22rem;font-weight:600;line-height:1.45}html[lang=ar] .quiz__prompt{font-family:var(--f-ar);font-size:1.45rem}.quiz__ar{font-family:var(--f-quran);text-align:right;background:var(--surface-2);border-radius:var(--radius-sm);padding:14px 16px;font-size:1.6rem;line-height:2.1}.quiz__options{gap:10px;display:grid}.quiz__opt{text-align:start;border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;transition:border-color var(--t-fast), background-color var(--t-fast);border-radius:12px;padding:13px 16px;font-size:1rem;line-height:1.4}.quiz__opt:hover:not(:disabled){border-color:var(--gold-2);background:var(--gold-wash)}.quiz__opt:disabled{cursor:default;opacity:.75}.quiz__opt.is-right{border-color:var(--sahih);background:var(--sahih-bg);color:var(--ink);opacity:1;font-weight:600}.quiz__opt.is-wrong{border-color:var(--mawdu);background:var(--mawdu-bg);opacity:1}.quiz__foot{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px 14px;padding-top:14px;display:flex}.quiz__foot .btn:last-child{margin-inline-start:auto}.quiz__verdict{align-items:center;gap:7px;font-weight:700;display:inline-flex}.quiz__verdict svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:18px;height:18px}.quiz__verdict.is-ok{color:var(--sahih)}.quiz__verdict.is-no{color:var(--mawdu)}.quiz__result{text-align:center;justify-items:center;gap:12px;padding-block:18px;display:grid}.quiz__score{font-family:var(--f-display);color:var(--gold);font-size:3.4rem;font-weight:700;line-height:1}.quiz__score small{color:var(--ink-3);margin-inline-start:6px;font-size:1.2rem}.dl-row{flex-wrap:wrap;align-items:end;gap:12px;padding-block:12px;display:flex}.dl-row .field{flex:200px}.dl-row .select{width:100%}.dl-list{gap:10px;display:grid}.dl-item{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 18px;padding:16px 18px;display:flex}.dl-item__links{flex-wrap:wrap;gap:8px;display:flex}.consent__options{border-top:1px solid var(--line);gap:4px;margin-top:14px;padding-top:12px;display:grid}.consent__opt{align-items:start}.consent__opt input:disabled{opacity:.5}.consent__actions .btn{flex:none}.surah-nav__lat{color:var(--ink-2);font-size:.9rem}.prophet-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0 28px;display:grid}.prophet{border-bottom:1px solid var(--line);color:inherit;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:14px 6px;text-decoration:none;display:grid}.prophet:hover{background:var(--surface)}.prophet__ar{font-family:var(--f-ar);font-size:1.5rem;font-weight:700;line-height:1.3;display:block}.prophet__lat{font-size:.98rem;font-weight:600;display:block}.prophet__ep{color:var(--ink-3);font-size:.85rem;line-height:1.35;display:block}.sira-timeline .tl__day{width:92px}.sira-timeline .tl__day b{font-size:1.25rem}.caliph-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.caliph{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);align-content:start;gap:8px;padding:20px 22px;display:grid}.caliph__ar{font-family:var(--f-ar);direction:rtl;font-size:1.6rem;font-weight:700}.caliph__lat{font-family:var(--f-display);font-size:1.2rem;font-weight:600}.caliph__years{color:var(--gold);font-size:.85rem;font-weight:600}.caliph p{color:var(--ink-2);line-height:1.7}html[lang=ar] .caliph p,html[lang=ar] .prophet__ep{font-family:var(--f-ar);font-size:1.1rem}.story-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.story-card{color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;align-items:flex-start;gap:6px;padding:18px 20px 16px;text-decoration:none;transition:background .18s,border-color .18s,transform .18s;display:flex}.story-card:hover{background:var(--surface-2);border-color:var(--gold-2);transform:translateY(-1px)}.story-card__ar{font-family:var(--f-ar);color:var(--ink);font-size:1.24rem;line-height:1.6}.story-card__title{letter-spacing:-.01em;font-size:1rem;font-weight:600}.story-card__sum{color:var(--ink-2);font-size:.9rem;line-height:1.55}.story-card .grade{margin-top:4px}.story-p{margin:0 0 14px;font-size:1.08rem;line-height:1.85}a.caliph{color:inherit;text-decoration:none;transition:background .18s,border-color .18s;display:block}a.caliph:hover{background:var(--surface-2);border-color:var(--gold-2)}.caliph__more{color:var(--gold);align-items:center;gap:6px;margin-top:10px;font-size:.9rem;font-weight:600;display:inline-flex}.caliph__more svg{width:16px;height:16px}.portail{color:var(--ink-2);border:1px solid var(--line-strong);border-radius:999px;flex:none;align-items:center;gap:8px;margin-inline-end:6px;padding:7px 12px 7px 9px;font-size:.82rem;font-weight:600;text-decoration:none;transition:background .18s,color .18s,border-color .18s;display:inline-flex}.portail svg{opacity:.7;width:15px;height:15px}.portail:hover{background:var(--surface-2);color:var(--ink);border-color:var(--gold-2)}.portail:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media (max-width:900px){.portail span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.portail{padding:7px 9px}}}:root{--accent:var(--color-or-600);--accent-clair:var(--color-or-400);--lueur:var(--shadow-lueur-or)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--accent:var(--color-or-400)}}:root[data-theme=dark]{--accent:var(--color-or-400)}:root{--surface-2:var(--fond-2);--surface-3:var(--fond-2);--ink:var(--texte);--ink-2:var(--texte-2);--ink-3:var(--texte-3);--line:var(--trait);--line-strong:var(--trait-fort);--gold:var(--accent);--gold-2:var(--accent-clair);--shadow-soft:var(--shadow-douce);--shadow-pop:var(--shadow-levee);--radius:var(--radius-md);--radius-sm:10px;--radius-lg:24px}h1,h2,h3,.page-head__title,.section-title{font-family:var(--font-display);letter-spacing:var(--tracking-serre)}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] .page-head__title,html[lang=ar] .section-title{font-family:var(--font-ar);letter-spacing:0;line-height:1.5}.ayah__ar,.quran-text,.hero__ar,.mushaf{font-family:var(--f-quran,var(--font-quran))}.heros{background:radial-gradient(120% 90% at 85% 15%, var(--accent) 0%, transparent 60%), var(--bandeau-fond);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.heros{background:radial-gradient(120% 90% at 85% 15%, color-mix(in oklab, var(--accent) var(--bandeau-voile), transparent) 0%, transparent 60%), var(--bandeau-fond)}}.heros{color:var(--bandeau-texte);border-bottom:1px solid var(--trait);padding:clamp(3.5rem,9vh,7rem) 0 0}.heros:before{content:"";pointer-events:none;background-image:linear-gradient(var(--bandeau-trame) 1px, transparent 1px), linear-gradient(90deg, var(--bandeau-trame) 1px, transparent 1px);opacity:var(--bandeau-trame-opacite);background-size:110px 110px;position:absolute;inset:0}.heros__etoile{aspect-ratio:1;width:min(92vw,780px);color:var(--accent);opacity:.26;animation:120s linear infinite heros-tourne;position:absolute;inset:auto -14% -34% auto}@keyframes heros-tourne{to{transform:rotate(360deg)}}.heros__inner{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:end;gap:clamp(1.75rem,5vw,4.5rem);display:grid;position:relative}.heros .surtitre{color:var(--accent)}.heros__titre{color:var(--bandeau-texte);max-width:19ch;margin:1.4rem 0 0;font-size:clamp(2.1rem,4.4vw,3.9rem)}.heros__lede{max-width:46ch;color:var(--bandeau-texte-2);margin:1.4rem 0 0}.heros__boutons{flex-wrap:wrap;gap:.75rem;margin-top:2.25rem;display:flex}.heros .btn--plein{background:var(--accent);color:var(--accent-contraste)}.heros .btn--contour{border-color:var(--trait-fort);color:var(--bandeau-texte)}.heros .btn--contour:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.heros .btn--contour:hover{background:color-mix(in oklab, var(--accent) 10%, transparent)}}.heros__verset{border-inline-start:2px solid var(--accent);margin:0}@supports (color:color-mix(in lab, red, red)){.heros__verset{border-inline-start:2px solid color-mix(in oklab, var(--accent) 45%, transparent)}}.heros__verset{padding-inline-start:clamp(1rem,3vw,2rem)}.heros__ar{font-family:var(--font-quran);color:var(--accent);direction:rtl;margin:0;font-size:clamp(1.15rem,2.1vw,1.75rem);line-height:2.05}.heros__ar.is-loading{opacity:.45}.heros__tr{color:var(--bandeau-texte-2);font-size:var(--text-sm);margin:1rem 0 0;line-height:1.7}.heros__ref{font-size:var(--text-xs);letter-spacing:var(--tracking-large);text-transform:uppercase;margin:.6rem 0 0}.heros__ref a{color:var(--accent);text-decoration:none}.heros__ref a:hover{color:var(--accent-clair)}.heros__chiffres{border-top:1px solid var(--trait);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1rem 2rem;margin-top:clamp(2.5rem,6vh,4.5rem);padding-block:1.75rem clamp(2.5rem,6vh,4rem);display:grid;position:relative}.heros__chiffres .chiffre b{color:var(--bandeau-texte)}.heros__chiffres .chiffre span{color:var(--texte-3)}@media (max-width:900px){.heros__inner{grid-template-columns:1fr}.heros__verset{border-inline-start:0;border-top:2px solid #c8a24a73}@supports (color:color-mix(in lab, red, red)){.heros__verset{border-top:2px solid color-mix(in oklab, var(--color-or-500) 45%, transparent)}}.heros__verset{padding:1.5rem 0 0}}@media (prefers-reduced-motion:reduce){.heros__etoile{animation:none}}html,body{overflow-x:clip}.page-head{isolation:isolate;padding-inline:max(1.25rem, calc(50vw - var(--largeur-colonne,590px)));background:radial-gradient(110% 120% at 88% 0%, var(--accent) 0%, transparent 58%), var(--bandeau-fond);margin-inline:calc(50% - 50vw);margin-bottom:clamp(1.75rem,4vh,3rem);padding-block:clamp(2.5rem,6vh,4.5rem) clamp(2rem,5vh,3.25rem);position:relative}@supports (color:color-mix(in lab, red, red)){.page-head{background:radial-gradient(110% 120% at 88% 0%, color-mix(in oklab, var(--accent) var(--bandeau-voile), transparent) 0%, transparent 58%), var(--bandeau-fond)}}.page-head{color:var(--bandeau-texte);border-bottom:1px solid var(--trait);--largeur-colonne:590px;overflow:hidden}.page-head:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(var(--bandeau-trame) 1px, transparent 1px), linear-gradient(90deg, var(--bandeau-trame) 1px, transparent 1px);opacity:var(--bandeau-trame-opacite);background-size:96px 96px;position:absolute;inset:0}.reading .page-head{--largeur-colonne:410px}.page-head__ar{font-family:var(--font-ar);color:var(--accent);font-size:clamp(1.9rem,3.6vw,2.8rem);line-height:1.4}.page-head__title{font-family:var(--font-display);letter-spacing:var(--tracking-serre);color:var(--bandeau-texte);margin-top:.35rem;font-size:clamp(1.9rem,4vw,3.2rem);font-weight:700}.page-head__lede{color:var(--bandeau-texte-2);max-width:62ch;margin-top:1rem}.page-head .grade{color:var(--color-encre-100);background:oklab(100% 0 5.96046e-8/.1)}.crumbs{z-index:1;padding-top:1.25rem;position:relative}.crumbs a{color:var(--texte-3)}.tool,.surah,.prophet,.story-card,.caliph,.enc-item,.col,.cat,.quiz-card,.resume,.dl-item,.hifz-item,.bm{background:var(--surface);border:1px solid var(--trait);border-radius:var(--radius-lg);transition:transform var(--duree-douce) var(--ease-sortie), box-shadow var(--duree-douce) var(--ease-sortie), border-color var(--duree-douce) var(--ease-sortie)}a.tool:hover,a.surah:hover,a.prophet:hover,a.story-card:hover,a.caliph:hover,a.enc-item:hover,a.col:hover,a.cat:hover,a.resume:hover,a.dl-item:hover,a.bm:hover{box-shadow:var(--shadow-levee);border-color:var(--accent);transform:translateY(-4px)}@supports (color:color-mix(in lab, red, red)){a.tool:hover,a.surah:hover,a.prophet:hover,a.story-card:hover,a.caliph:hover,a.enc-item:hover,a.col:hover,a.cat:hover,a.resume:hover,a.dl-item:hover,a.bm:hover{border-color:color-mix(in oklab, var(--accent) 50%, transparent)}}.surah-list{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.85rem;display:grid}.surah{grid-template-columns:auto 1fr;align-items:center;gap:.25rem .9rem;padding:1rem 1.15rem;display:grid}.surah__ar{font-family:var(--font-ar);font-size:1.45rem;line-height:1.5}.surah__lat{letter-spacing:-.01em;font-weight:600}.surah__meta,.surah__tr{color:var(--texte-3);font-size:var(--text-xs)}.star-num{width:2.4rem;height:2.4rem;font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);color:var(--accent);background:var(--accent);flex:none;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.star-num{background:color-mix(in oklab, var(--accent) 12%, transparent)}}.star-num{border-radius:var(--radius-sm);font-variant-numeric:tabular-nums}.fihris{gap:.85rem;display:grid}.fihris__row{background:var(--surface);border:1px solid var(--trait);border-radius:var(--radius-lg);transition:transform var(--duree-douce) var(--ease-sortie), box-shadow var(--duree-douce) var(--ease-sortie), border-color var(--duree-douce) var(--ease-sortie);grid-template-columns:auto 1fr auto;align-items:center;gap:1.25rem;padding:1.5rem 1.6rem;text-decoration:none;display:grid}.fihris__row:hover{box-shadow:var(--shadow-levee);border-color:var(--accent);transform:translateY(-4px)}@supports (color:color-mix(in lab, red, red)){.fihris__row:hover{border-color:color-mix(in oklab, var(--accent) 50%, transparent)}}.fihris__ar{font-family:var(--font-ar);color:var(--accent);font-size:1.8rem}.fihris__title{font-family:var(--font-display);letter-spacing:var(--tracking-serre);font-size:1.35rem;font-weight:700}.fihris__desc{color:var(--texte-2)}.fihris__meta{color:var(--texte-3);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.fihris__arrow{color:var(--accent);transition:transform var(--duree-rapide) var(--ease-sortie)}.fihris__row:hover .fihris__arrow{transform:translate(4px)}.chip,.tabs button,.mini-btn{border-radius:var(--radius-pilule);border:1px solid var(--trait);color:var(--texte-2);transition:background var(--duree-rapide) var(--ease-sortie), color var(--duree-rapide) var(--ease-sortie), border-color var(--duree-rapide) var(--ease-sortie);background:0 0;font-weight:500}.chip:hover,.tabs button:hover,.mini-btn:hover{border-color:var(--accent);color:var(--texte)}.chip[aria-pressed=true],.tabs button[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-contraste)}.select,.input,.search-big__input{border-radius:var(--radius-pilule);border:1px solid var(--trait);background:var(--surface);color:var(--texte)}.search-big{border-radius:var(--radius-pilule);border:1px solid var(--trait);background:var(--surface);box-shadow:var(--shadow-douce)}.search-big:focus-within{border-color:var(--accent);box-shadow:var(--lueur)}.reader-bar{background:var(--fond)}@supports (color:color-mix(in lab, red, red)){.reader-bar{background:color-mix(in oklab, var(--fond) 72%, transparent)}}.reader-bar{-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);border-bottom:1px solid var(--trait)}.ayah{border-bottom:1px solid var(--trait);padding-block:1.6rem}.ayah:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ayah:hover{background:color-mix(in oklab, var(--accent) 4%, transparent)}}.ayah__mark{color:var(--accent)}.ayah__ref{color:var(--texte-3);font-variant-numeric:tabular-nums}.ayah--memo{background:#2d6a4f14}@supports (color:color-mix(in lab, red, red)){.ayah--memo{background:color-mix(in oklab, var(--color-sahih) 8%, transparent)}}.drawer__panel,.settings-pop{background:var(--surface);border:1px solid var(--trait);border-radius:var(--radius-xl2) 0 0 var(--radius-xl2);box-shadow:var(--shadow-levee)}.settings-pop{border-radius:var(--radius-lg)}.callout,.notice{border-radius:var(--radius-md);border:1px solid var(--trait)}.section-title{font-family:var(--font-display);letter-spacing:var(--tracking-serre);font-size:clamp(1.5rem,2.8vw,2.1rem)}.section-sub{color:var(--texte-3)}.topbar__inner{flex-wrap:nowrap;gap:.6rem}.brand{white-space:nowrap;flex:none}.mainnav{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;overflow-x:auto}.mainnav::-webkit-scrollbar{display:none}.mainnav a{white-space:nowrap}@media (max-width:1100px){.brand__lat{display:none}}.heros__chiffres .chiffre{display:block}.heros__chiffres .chiffre b{margin-bottom:.35rem;display:block}.heros__chiffres .chiffre span{display:block}@media (max-width:1100px){.mainnav{-webkit-mask-image:linear-gradient(90deg,#000 88%,#0000 100%);mask-image:linear-gradient(90deg,#000 88%,#0000 100%)}}.ayah.is-reciting,.ayah-inline.is-reciting{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ayah.is-reciting,.ayah-inline.is-reciting{background:color-mix(in oklab, var(--accent) 10%, transparent)}}.ayah.is-reciting,.ayah-inline.is-reciting{border-radius:var(--radius-md);box-shadow:0 0 0 8px var(--accent)}@supports (color:color-mix(in lab, red, red)){.ayah.is-reciting,.ayah-inline.is-reciting{box-shadow:0 0 0 8px color-mix(in oklab, var(--accent) 10%, transparent)}}.ayah.is-reciting,.ayah-inline.is-reciting{border-inline-start:3px solid var(--accent);transition:background var(--duree-douce) var(--ease-sortie);padding-inline-start:.9rem;scroll-margin-block:7rem}.ayah.is-reciting .ayah__mark{color:var(--accent)}.player__verse{display:none}.player.is-verse .player__verse{display:inline-flex}.player__verse svg{width:1.15rem;height:1.15rem}.player__verse[aria-pressed=true]{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.player__verse[aria-pressed=true]{background:color-mix(in oklab, var(--accent) 18%, transparent)}}.player__verse[aria-pressed=true]{color:var(--accent)}.player__inner{gap:.35rem}.reader-bar__affichage{flex-wrap:wrap;align-items:center;gap:8px 10px;min-width:0;display:flex}@media (max-width:720px){.reader-bar__inner{gap:8px;padding-block:8px}.reader-bar .select{flex:calc(50% - 4px);min-width:0;max-width:none}.reader-bar__affichage{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;flex:100%;padding-inline-end:14px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 22px),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 22px),#0000 100%)}.reader-bar__affichage::-webkit-scrollbar{display:none}.reader-bar__affichage>*{flex:none}.reader-bar__affichage .reader-bar__sep{align-self:stretch;display:block}.reader-bar__spacer{flex-basis:100%;height:0;margin:0}.reader-bar .btn{white-space:nowrap;flex:1;justify-content:center;padding-inline:.7rem;font-size:.88rem}.player__inner{flex-wrap:wrap;gap:6px}.player__meta{flex:100%;order:1}#playerPrev{order:2}.player__play{order:3;width:44px;height:44px}#playerNext{order:4}#playerRepeat{order:5}#playerChain{order:6}.player__time{order:7;margin-inline-start:auto}#playerClose{order:8}.player__verse{width:38px;height:38px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}
/* ==========================================================================
   Corrections du 1er octobre 2026
   Bloc ajouté en fin de feuille : il l'emporte sur les deux couches de style
   précédentes (« ancien » et la refonte), sans les réécrire.
   ========================================================================== */

/* --- Polices. La feuille demandait Fraunces et Inter Tight alors que la page
   chargeait Cormorant Garamond et Source Sans 3 : tout s'affichait en Georgia
   et Segoe UI. Les deux couches parlent désormais des mêmes polices, et
   l'arabe de l'interface (dont ﷺ) trouve une police qui le contient. */
:root{
  --font-sans:"Inter Tight","IBM Plex Sans Arabic",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-display:"Fraunces","Amiri","Iowan Old Style",Georgia,serif;
  --f-display:var(--font-display);
  --f-text:var(--font-sans);
}
html[lang=ar] body{font-family:"IBM Plex Sans Arabic","Inter Tight",system-ui,sans-serif}

/* --- Défilement. Un fond « fixed » et des flous sous les barres obligent le
   navigateur à repeindre toute la page à chaque pixel de défilement.
   Le défilement « doux » imposé à toute la page faisait aussi glisser
   lentement sur des milliers de pixels à l'ouverture d'un lien profond
   (section d'un guide, verset 255…) et remonter la page à chaque changement
   de page : on saute désormais directement, et seuls les gestes qui le
   demandent (sommaire, verset récité) défilent en douceur. */
body{background-attachment:scroll}
html{scroll-behavior:auto}
@media (max-width:860px){
  .mainnav{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 -10px 30px -22px rgb(0 0 0/.6);-webkit-mask-image:none;mask-image:none}
  .player{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media (max-width:1060px){
  .toc{background:var(--fond);-webkit-backdrop-filter:none;backdrop-filter:none}
}

/* --- Contrastes. En thème clair, l'or (#9c7c3a) n'atteignait pas 4,5:1 pour
   le petit texte et le texte blanc des boutons : un or plus profond. Les
   boutons dorés en lien (<a>) héritaient la couleur du texte — illisibles en
   sombre. Les badges de degré dans les bandeaux étaient forcés en gris clair,
   invisibles en thème clair. Le mot arabe d'une puce active prenait la
   couleur du fond de la puce. */
:root[data-theme=light]{--accent:#7f6330}
.btn--gold{background:var(--accent);border-color:var(--accent);color:var(--accent-contraste)}
.page-head .grade--sahih,.page-head .grade--consensus{background:var(--sahih-bg);color:var(--sahih)}
.page-head .grade--hasan{background:var(--hasan-bg);color:var(--hasan)}
.page-head .grade--daif{background:var(--daif-bg);color:var(--daif)}
.page-head .grade--mawdu{background:var(--mawdu-bg);color:var(--mawdu)}
.chip[aria-pressed=true] .understood__ar{color:inherit;opacity:.85}

/* --- Riwayat autres que Hafs : leur police (Scheherazade New, qui porte les
   signes propres à Warsh, Qalun, ad-Duri…) était écrasée par la refonte. */
.riwaya-font .basmala,.riwaya-font .ayah__ar,.riwaya-font .mushaf,.riwaya-font .page__corps,.riwaya-text{font-family:var(--f-riwaya)}

/* --- Accueil : le verset de la Lumière dans un arc de mihrab, sous une lampe. */
.heros__etoile{display:none}
.heros__verset{position:relative;border:0;padding:var(--mihrab-haut,220px) clamp(1.1rem,3vw,2.2rem) clamp(1.3rem,3vw,1.9rem)}
.heros__verset>:not(.mihrab){position:relative}
.mihrab{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;color:var(--accent)}
.mihrab__arc{fill:none;stroke:currentColor;stroke-width:1.4;opacity:.8}
.mihrab__arc--fin{stroke-width:.8;opacity:.42}
.mihrab__halo{fill:url(#halo-nour)}
.mihrab__trait{fill:none;stroke:currentColor;stroke-width:1.3;stroke-linejoin:round;stroke-linecap:round}
.mihrab__lampe path:first-of-type{fill:currentColor;fill-opacity:.13}
.mihrab__flamme{fill:currentColor}
.heros__ar{text-wrap:pretty}
.heros__inner{align-items:center}
@media (max-width:900px){.heros__verset{border:0;padding:var(--mihrab-haut,170px) 1.1rem 1.4rem}}

/* --- Accueil : le sommaire. La colonne arabe avait une largeur différente à
   chaque ligne, d'où des titres en zigzag. */
.fihris__row{grid-template-columns:minmax(0,11.5rem) minmax(0,1fr) auto}
.fihris__ar{text-align:center}
html[dir=rtl] .fihris__arrow{transform:scaleX(-1)}
html[dir=rtl] .fihris__row:hover .fihris__arrow{transform:translate(-4px) scaleX(-1)}
@media (max-width:640px){
  .fihris__row{grid-template-columns:minmax(0,1fr) auto}
  .fihris__ar{grid-column:1/-1;text-align:start}
  .fihris__arrow{grid-area:2/2}
}

/* --- Fil d'Ariane : il se pose sur le bandeau coloré au lieu de le décoller
   du haut de page (bande sombre et arête nette sur l'Encyclopédie). */
.crumbs + .page-head{margin-top:-2.75rem;padding-top:calc(clamp(2.5rem,6vh,4.5rem) + 2.75rem)}

/* --- Liste des sourates : le nom arabe à droite de la carte, pas sous le numéro. */
.surah-list{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr))}
.surah{grid-template-columns:auto minmax(0,1fr) auto}
.surah__ar{line-height:1.3}

/* --- Cartouche de sourate, façon mushaf : bandeau à double filet, médaillon
   pour le nom, rosace florale à chaque bout. Remplace l'ancien hexagone. */
.cartouche{display:none}
.cartouche-m{display:flex;align-items:center;gap:.7em;width:min(34rem,100%);margin-inline:auto;padding:.4em .55em;color:var(--accent);
  border:1px solid color-mix(in oklab,var(--accent) 70%,transparent);border-radius:.8em;
  box-shadow:inset 0 0 0 3px var(--fond),inset 0 0 0 4px color-mix(in oklab,var(--accent) 38%,transparent);
  background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--accent) 8%,transparent) 28%,color-mix(in oklab,var(--accent) 8%,transparent) 72%,transparent)}
.cartouche-m__bout{flex:none;display:grid;width:2.2em;height:2.2em}
.cartouche-m__bout svg{width:100%;height:100%}
.cartouche-m__nom{flex:1;min-width:0;text-align:center;font-family:var(--font-ar);font-weight:700;font-size:clamp(1.5rem,4vw,2.2rem);line-height:1.6;color:var(--texte);
  padding:0 .8em;border:1px solid color-mix(in oklab,var(--accent) 50%,transparent);border-radius:999px;background:var(--fond)}

/* --- Lecteur du Coran : réglages toujours visibles à côté du texte. */
.lecteur__grille{display:grid;grid-template-columns:19rem minmax(0,1fr);gap:clamp(1.5rem,3vw,3rem);align-items:start;max-width:1400px;margin-inline:auto;padding-inline:var(--gutter)}
.lecteur__texte{min-width:0;width:100%;max-width:820px;margin-inline:auto}
.lecteur.is-livre .lecteur__texte{max-width:none}
.lecteur__barre{display:none}
.reglages{position:sticky;top:calc(var(--topbar-h) + 1rem);max-height:calc(100vh - var(--topbar-h) - 2rem);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;
  display:grid;align-content:start;gap:1.1rem;margin-block:1.5rem;padding:1.1rem 1.15rem 1.4rem;background:var(--surface);border:1px solid var(--trait);border-radius:var(--radius-lg)}
.reglages__tete{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.reglages__nom{font-family:var(--font-display);font-weight:600;font-size:1.15rem;letter-spacing:-.01em}
.reglages__fermer{display:none}
.reglages__groupe{display:grid;gap:.65rem;padding-top:1rem;border-top:1px solid var(--trait)}
.reglages__titre{margin:0;font-family:var(--font-sans);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
html[lang=ar] .reglages__titre{letter-spacing:0;font-size:.9rem}
.reglages__champ{display:grid;gap:.3rem}
.reglages__champ--ligne{grid-template-columns:minmax(0,1fr) auto;align-items:center}
.reglages__label{font-size:.82rem;font-weight:500;color:var(--texte-3)}
.reglages .select{width:100%;height:38px;font-size:.9rem}
.reglages__champ--ligne .select{width:auto}
.reglages__puces{display:flex;flex-wrap:wrap;gap:.4rem}
.reglages__tailles{display:flex;align-items:center;gap:.45rem}
.reglages__raz{min-height:34px;padding:0 .7rem}
.reglages__apercu{margin-inline-start:auto;font-family:var(--f-quran);font-size:min(calc(var(--quran-size) * .8),2rem);line-height:1.5;color:var(--accent);white-space:nowrap}
.reglages__note{margin:0;font-size:.8rem;line-height:1.5;color:var(--texte-3)}
.reglages__ecoute{display:grid;gap:.45rem}
.reglages__ecoute .btn{width:100%;justify-content:center;padding:.62rem 1rem}
.reglages .check{padding:4px 0;font-size:.9rem}
.choix-mode{display:grid;grid-template-columns:1fr 1fr;width:100%}
.choix-mode button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem}
.reglages .choix-mode{border-radius:16px}
.reglages .choix-mode button{flex-direction:column;gap:.25rem;padding:.55rem .4rem;border-radius:12px;font-size:.84rem;line-height:1.2;white-space:nowrap}
.reglages .choix-mode .picto{width:20px;height:20px}
.picto{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:1099px){
  .lecteur__grille{grid-template-columns:minmax(0,1fr)}
  .lecteur__barre{display:block;position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--topbar-h));z-index:40;background:var(--fond);border-bottom:1px solid var(--trait)}
  .lecteur__barre-in{display:flex;align-items:center;gap:.5rem;max-width:900px;margin-inline:auto;padding:.5rem var(--gutter)}
  .lecteur__barre .select{flex:1 1 7rem;min-width:0;height:38px;font-size:.9rem}
  .lecteur__barre .choix-mode{width:auto;flex:none}
  .lecteur__barre .choix-mode button{padding:7px 10px}
  .lecteur__reglages{flex:none;padding:.55rem .85rem;font-size:.85rem}
  .reglages{position:fixed;inset:auto 0 0;z-index:70;margin:0;max-height:min(84vh,48rem);border-radius:var(--radius-lg) var(--radius-lg) 0 0;
    padding-bottom:calc(1.4rem + env(safe-area-inset-bottom,0px));box-shadow:0 -24px 60px -24px rgb(0 0 0/.6);
    transform:translateY(105%);visibility:hidden;transition:transform .28s cubic-bezier(.2,.7,.2,1),visibility 0s .28s}
  .reglages.is-ouvert{transform:none;visibility:visible;transition:transform .28s cubic-bezier(.2,.7,.2,1)}
  .reglages__fermer{display:inline-grid}
  .reglages-voile{position:fixed;inset:0;z-index:75;background:rgb(0 0 0/.45)}
  .reglages{z-index:80}
  body.reglages-ouverts{overflow:hidden}
}
@media (max-width:560px){
  .lecteur__barre .choix-mode button span,.lecteur__reglages span{display:none}
  .lecteur__reglages{padding:.55rem .7rem}
}
@media (min-width:1100px){.reglages-voile{display:none!important}}

/* --- Mode Livre : la sourate en pages, comme un mushaf. */
.surah-head--livre{padding-block:1.1rem .2rem}
.surah-head--livre .surah-head__lat{margin-top:0}
.livre__notices:empty{display:none}
@media (max-width:1099px){
  .surah-head--livre{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .livre{padding-top:.8rem}
  .livre__aide{display:none}
}
.livre{--papier:#fbf7ec;--encre:#1f1b14;--or:#a9843f;--or-doux:rgb(169 132 63/.5);--or-fonce:#87672b;--ombre:rgb(60 40 10/.09);
  display:grid;justify-items:center;gap:.9rem;padding-block:.6rem 1.6rem}
:root[data-theme=dark] .livre{--papier:#1a1711;--encre:#efe6d1;--or:#c9a55a;--or-doux:rgb(201 165 90/.42);--or-fonce:#d8b86b;--ombre:rgb(0 0 0/.38)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .livre{--papier:#1a1711;--encre:#efe6d1;--or:#c9a55a;--or-doux:rgb(201 165 90/.42);--or-fonce:#d8b86b;--ombre:rgb(0 0 0/.38)}}
.livre__scene{position:relative;display:grid;grid-template-columns:var(--page-w);justify-content:center;touch-action:pan-y;perspective:1600px}
.livre.is-double .livre__scene{grid-template-columns:repeat(2,var(--page-w))}
.livre.is-double .livre__scene:not(.is-seule)::after{content:"";position:absolute;top:1.5%;bottom:1.5%;left:50%;width:1px;background:linear-gradient(transparent,var(--or-doux),transparent);pointer-events:none}
.page{position:relative;box-sizing:border-box;width:var(--page-w);height:var(--page-h);padding:calc(var(--page-w) * .035);background:var(--papier);color:var(--encre);border-radius:6px;
  box-shadow:0 1px 1px rgb(0 0 0/.06),0 24px 46px -28px rgb(0 0 0/.6)}
.page{contain:strict}
.page.is-mesure{position:absolute;top:0;inset-inline-start:0;visibility:hidden}
.livre.is-calcul .livre__scene{min-height:var(--page-h)}
.livre.is-calcul .livre__scene::before{content:"";position:absolute;inset:0;margin:auto;width:28px;height:28px;border-radius:50%;border:2px solid var(--or-doux);border-top-color:var(--or);animation:spin .8s linear infinite}
.livre.is-calcul .livre__commandes{visibility:hidden}
.page--droite{border-radius:2px 7px 7px 2px;background-image:linear-gradient(to left,transparent 88%,var(--ombre))}
.page--gauche{border-radius:7px 2px 2px 7px;background-image:linear-gradient(to right,transparent 88%,var(--ombre))}
.livre:not(.is-double) .page{border-radius:7px;background-image:none}
.page__cadre{position:relative;box-sizing:border-box;height:100%;display:flex;flex-direction:column;border:1.5px solid var(--or);border-radius:3px;
  box-shadow:inset 0 0 0 3px var(--papier),inset 0 0 0 4px var(--or-doux);padding:calc(var(--page-fs) * .5) calc(var(--page-fs) * .75) calc(var(--page-fs) * .3)}
.page__coin{position:absolute;width:calc(var(--page-fs) * 1.1);height:calc(var(--page-fs) * 1.1);color:var(--or);pointer-events:none}
.page__coin svg{display:block;width:100%;height:100%}
.page__coin--hg{top:6px;left:6px}
.page__coin--hd{top:6px;right:6px;transform:scaleX(-1)}
.page__coin--bg{bottom:6px;left:6px;transform:scaleY(-1)}
.page__coin--bd{bottom:6px;right:6px;transform:scale(-1)}
.page__tete{display:flex;justify-content:space-between;align-items:baseline;gap:1em;margin:0 calc(var(--page-fs) * .55) .35em;padding-bottom:.1em;border-bottom:1px solid var(--or-doux);
  font-family:var(--font-ar);font-size:calc(var(--page-fs) * .46);line-height:1.6;color:var(--or-fonce)}
.page__corps{flex:1;min-height:0;overflow:hidden;font-family:var(--f-quran);font-size:var(--page-fs);line-height:2.12;color:var(--encre);text-align:justify;text-align-last:auto;word-spacing:.02em}
.riwaya-font .page__corps{font-family:var(--f-riwaya)}
.page__texte{margin:0}
.page__texte.is-fin{text-align-last:center}
.page__ouverture{display:grid;justify-items:center;gap:.05em;margin-bottom:.15em}
.page .cartouche-m{font-size:calc(var(--page-fs) * .58);width:100%;color:var(--or);border-color:var(--or);box-shadow:inset 0 0 0 3px var(--papier),inset 0 0 0 4px var(--or-doux)}
.page .cartouche-m__nom{font-size:1.45em;color:var(--encre);border-color:var(--or-doux);background:var(--papier)}
.page__basmala{margin:0;text-align:center;font-size:.95em;line-height:2}
.page__marque{color:var(--or);font-size:.95em;padding-inline:.06em}
.page__pied{text-align:center;padding-top:.2em}
.page__num{display:inline-grid;place-items:center;min-width:2.2em;height:2.2em;padding-inline:.45em;border:1px solid var(--or-doux);border-radius:999px;
  font-family:var(--font-ar);font-size:calc(var(--page-fs) * .5);line-height:1;color:var(--or-fonce)}
.page .ayah-inline{border:0;padding:0;border-radius:6px;box-shadow:none;transition:background-color .2s}
@media (hover:hover){.page .ayah-inline.is-clickable:hover{background:color-mix(in oklab,var(--or) 14%,transparent);box-shadow:none}}
.page .ayah-inline.is-reciting{background:color-mix(in oklab,var(--or) 26%,transparent);box-shadow:none;border:0;padding:0}
.page .ayah-inline.is-flash{background:color-mix(in oklab,var(--or) 30%,transparent)}
.livre__commandes{display:flex;align-items:center;gap:1rem;width:min(100%,34rem)}
.livre__fleche{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--trait-fort);background:var(--surface);color:var(--texte);cursor:pointer;transition:border-color .2s,color .2s}
.livre__fleche:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}
.livre__fleche:disabled{opacity:.35;cursor:default}
.livre__fleche .picto{width:22px;height:22px}
.livre__pager{flex:1;display:grid;gap:.25rem;text-align:center}
.livre__compteur{font-size:.85rem;color:var(--texte-2);font-variant-numeric:tabular-nums}
.livre__curseur{width:100%;accent-color:var(--accent)}
.livre__aide{margin:0;max-width:52ch;text-align:center;font-size:.82rem;color:var(--texte-3)}
.livre__scene.anim-suiv .page:not([hidden]){animation:page-suiv .36s cubic-bezier(.2,.7,.2,1)}
.livre__scene.anim-prec .page:not([hidden]){animation:page-prec .36s cubic-bezier(.2,.7,.2,1)}
@keyframes page-suiv{from{opacity:0;transform:translateX(-28px) rotateY(7deg)}}
@keyframes page-prec{from{opacity:0;transform:translateX(28px) rotateY(-7deg)}}
@media (prefers-reduced-motion:reduce){.livre__scene .page{animation:none!important}}