@font-face{font-family:Amiri;src:url('/assets/amiri-regular.ttf') format('truetype');font-display:swap}
:root{--burgundy:#632641;--gold:#eac776;--ink:#242331;--line:#d7d6e0;--arabic-size:40px;--poster-ink:#ffe1a0;--photo:none;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f4f2f8;color:var(--ink);font:18px/1.8 system-ui,Tahoma,sans-serif;padding-bottom:92px}button,input,select{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer;min-height:48px;padding:11px 20px;border:1px solid #b8a3b0;border-radius:13px;background:white;color:var(--burgundy);font-weight:750}button:hover{background:#f1e5ec}button:disabled{opacity:.45;cursor:default}.primary{background:var(--burgundy);color:white;border-color:var(--burgundy)}.primary:hover{background:#7a3153}a{color:var(--burgundy);text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #147e79;outline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;top:-100px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}.site-head{max-width:1260px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 28px}.site-head nav{display:flex;gap:18px;align-items:center}.brand{font-size:25px;font-weight:900;text-decoration:none}.brand span{display:block;font-size:12px;letter-spacing:.08em;direction:ltr}.site-head nav a{font-size:15px}main{max-width:1200px;margin:auto;padding:12px 28px}.intro{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:36px;padding:44px;border-radius:30px;background:radial-gradient(ellipse at top left,#95608155,transparent 55%),linear-gradient(135deg,#622842,#302448);color:white;border:2px solid #c1a16b;box-shadow:0 15px 45px #3d23451c}.eyebrow{font-size:15px;letter-spacing:.035em;color:#f0d8a0;font-weight:700}.intro h1{font-size:clamp(29px,4vw,46px);line-height:1.6;margin:12px 0}.intro-copy>p:last-of-type{color:#f3eaf2;max-width:690px;font-size:20px}.intro-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.intro-actions .primary{background:#efd296;color:#422036;border:0}.intro-actions button:not(.primary){background:transparent;color:white;border-color:#c1a0b5}.journey-card{align-self:center;background:#ffffff10;border:1px solid #c3a981;border-radius:22px;padding:24px;text-align:center;display:grid;gap:10px}.orbit{font-size:56px;color:#edcf91;line-height:1.2}.journey-card strong{font-size:29px;direction:ltr}.journey-card>span:not(.orbit),.journey-card p{font-size:15px;margin:0}progress{width:100%;height:11px;accent-color:#e8c377}.preferences{display:flex;gap:16px;align-items:end;flex-wrap:wrap;padding:22px 0}.preferences label{display:grid;gap:7px;flex:1 1 170px}.preferences label span{font-size:15px;font-weight:700}.preferences select{padding:10px 14px;min-height:48px;background:white;border:1px solid #b8a3b0;border-radius:12px;color:var(--ink);width:100%}.preferences input{min-height:48px;width:100%;accent-color:var(--burgundy)}#status{padding:20px;background:white;border-radius:16px;text-align:center}#lesson{outline:none}.lesson-top{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);padding-top:22px}.lesson-top>span{font-weight:800;color:var(--burgundy);font-size:20px}#lessonTitle{font-size:clamp(26px,3.5vw,37px);line-height:1.6;margin:26px 0 6px}.topic{margin:0 0 20px;color:#655869}.steps{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.steps button{flex:1 1 150px;font-size:16px;background:#fff;border-color:#d6cbd4}.steps button[aria-current]{background:#eadcea;border-color:#7e4d70;color:#4e213c}.learning-section{scroll-margin-top:24px;background:white;border:1px solid var(--line);border-radius:23px;padding:28px;margin:24px 0}.section-heading{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.learning-section h3{font-size:26px;margin:0 0 15px;color:var(--burgundy)}.section-heading h3{margin:0}.section-heading{margin-bottom:20px}.section-heading button{font-size:15px}.small-label{font-size:14px;padding:6px 12px;border-radius:20px;background:#e8f1ee;color:#27554a}.hadith-poster{isolation:isolate;position:relative;overflow:hidden;min-height:420px;border-radius:18px;border:4px double #dfbf7d;background:#172a30 var(--photo) center/cover no-repeat;color:var(--poster-ink)}.hadith-poster:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#09121bdd,#10141bdc 60%,#1d1424e8)}.poster-content{padding:clamp(25px,5vw,60px);text-align:center}.report-type{font-size:16px;letter-spacing:.04em;color:#f5deb0}.hadith-arabic{font:var(--arabic-size)/2 Amiri,'Traditional Arabic',serif;color:var(--poster-ink);text-align:center;font-weight:700;white-space:pre-line;text-shadow:0 2px 6px #000;margin:20px 0;overflow-wrap:anywhere}.hadith-english{font-size:22px;line-height:1.9;color:#fff6de;max-width:900px;margin:26px auto;text-align:left;white-space:pre-line}.poster-signature{font-size:14px;color:#edcf9c;margin:30px 0 0}.photo-credit{font-size:12px;color:#5d5664;margin:12px 0;overflow-wrap:anywhere}.photo-credit a{color:#5d3650}.gentle-note{font-size:14px;color:#6c6070;line-height:1.8;margin-bottom:0}.word-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.word-card{border:1px solid #c8d8d8;border-radius:17px;background:#eaf7f4;padding:18px}.word-card:nth-child(3n+2){background:#f0e8f8;border-color:#d6c2e3}.word-card:nth-child(3n){background:#e9efff;border-color:#c2cde1}.word-card summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:14px;font-size:24px;font-weight:800;line-height:1.6}.word-icon{color:#436a64;flex:0 0 50px}.word-icon svg{width:48px;height:48px}.word-card p{font-size:19px}.word-card blockquote{font-family:Amiri,serif;font-size:21px;border-inline-start:3px solid #9c7a48;margin:14px 0;padding:8px 14px;background:#ffffff99;border-radius:8px}.commentary{font-size:23px;line-height:2.1;white-space:pre-line}.sources,.original-benefits{margin-top:22px;border-top:1px solid #ddd5df;padding-top:16px}.sources summary,.original-benefits summary{cursor:pointer;color:var(--burgundy);font-weight:750}.sources a{display:block;margin:12px 0;font-size:16px}.sources p{font-size:16px}.reflection-card{display:flex;gap:20px;padding:26px;border-radius:18px;background:linear-gradient(120deg,#e4f4ed,#e9edfc);border:1px solid #b7ccca}.reflection-card>span{font-size:44px;color:#8a6632}.reflection-card h4{font-size:20px;margin:0;color:#354a44}.reflection-card p{font-size:23px;line-height:2;margin:10px 0}.original-benefits p{font-size:20px}.quiz-section{border:2px solid #c5a46e}.quiz-head{display:flex;gap:12px;align-items:center;justify-content:space-between}.quiz-head strong{color:var(--burgundy);font-size:20px}.quiz-head progress{width:45%;accent-color:var(--burgundy)}.question{font-size:25px;line-height:1.8;margin:22px 0}.answers{display:grid;gap:13px}.answer{display:flex;gap:16px;align-items:center;text-align:start;width:100%;border-color:#d3c5d0;color:#242331;background:#f9f7fb;font-size:21px;font-weight:650;line-height:1.8}.answer .choice-number{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:#e8deeb;font-size:16px}.answer:disabled{opacity:1}.answer.correct{background:#e2f6eb;border:2px solid #2d7a59}.answer.incorrect{background:#fff0ee;border:2px solid #af584c}.feedback{padding:22px;border-radius:15px;background:#f1f5ff;margin-top:18px}.feedback h5{font-size:22px;margin:0 0 10px}.feedback p{font-size:20px}.feedback blockquote{font:23px/1.9 Amiri,serif;direction:rtl;text-align:right;padding:16px;border-inline-start:4px solid #c4a260;background:#fff;border-radius:10px;margin:15px 0;white-space:pre-line}.finish{text-align:center;padding:32px;background:linear-gradient(130deg,#e7f5ec,#eee6f9);border-radius:20px;margin-top:20px}.finish .stars{font-size:40px;color:#967022;letter-spacing:8px}.finish h4{font-size:28px;margin:12px 0}.finish strong{display:block;font-size:34px;color:var(--burgundy);direction:ltr}.finish-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:20px}.lesson-actions{display:flex;gap:14px;flex-wrap:wrap}.lesson-actions>button{flex:1}.bottom-nav{position:fixed;bottom:0;inset-inline:0;z-index:20;display:flex;justify-content:center;gap:12px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:#ffffffed;border-top:1px solid #d0bfd0;backdrop-filter:blur(12px)}.bottom-nav button{max-width:240px;flex:1;font-size:16px}.bottom-nav .position-button{max-width:150px;direction:ltr}footer{padding:35px 0;text-align:center;color:#6d5c70;font-size:15px}footer button{border:0;background:transparent;font-size:15px;margin-inline-start:16px}dialog{width:min(1000px,95vw);max-height:90dvh;border:1px solid #c3a4b5;border-radius:24px;padding:28px;background:#f9f7fc;color:var(--ink)}dialog::backdrop{background:#1c1426bb;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.dialog-head h2{font-size:25px;color:var(--burgundy)}.search-label{display:grid;gap:8px}.search-label input{border:1px solid #baa5b4;border-radius:12px;padding:12px;background:white;width:100%}.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.directory-grid button{display:flex;gap:10px;text-align:start;align-items:center;font-size:16px;line-height:1.65}.directory-grid button strong{background:#eadce7;border-radius:10px;min-width:40px;padding:4px;text-align:center}.directory-grid button.done{border-color:#499b7a;background:#eef9f3}.directory-grid button[aria-current]{outline:2px solid var(--burgundy)}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.background-choice{padding:8px;background:white;overflow:hidden}.background-choice img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:9px;display:block}.background-choice strong{display:block;margin:8px 0;font-size:16px}.background-choice small{font-size:12px}.background-choice[aria-pressed=true]{outline:3px solid var(--burgundy)}.credit-item{padding:18px 0;border-bottom:1px solid #d3c7d5;font-size:15px}.credit-item a{overflow-wrap:anywhere}.hadith-poster:fullscreen{overflow:auto;border-radius:0;min-height:100vh;width:100vw}.hadith-poster:fullscreen .poster-content{max-width:1200px;margin:auto}.empty-words{grid-column:1/-1;background:#f1f5fb;padding:20px;border-radius:14px}
@media(max-width:760px){body{font-size:17px}.site-head{padding:14px 18px}.brand{font-size:21px}.site-head nav{gap:10px}.site-head nav a{display:none}main{padding:8px 14px}.intro{grid-template-columns:1fr;padding:26px 22px;gap:22px}.intro h1{font-size:31px}.intro-copy>p:last-of-type{font-size:18px}.journey-card{grid-template-columns:auto 1fr;gap:8px 18px;padding:18px}.journey-card .orbit{grid-row:span 2}.journey-card strong{font-size:26px}.journey-card progress,.journey-card p,.journey-card button{grid-column:1/-1}.preferences{gap:12px}.preferences label{flex-basis:140px}.preferences>button{flex:1}.lesson-top{gap:8px}.lesson-top button{font-size:14px;padding:9px 12px}.lesson-top>span{font-size:16px}.steps{gap:8px}.steps button{flex-basis:calc(33% - 8px);font-size:14px;padding:9px 5px}.learning-section{padding:20px 16px;border-radius:18px}.learning-section h3{font-size:23px}.poster-content{padding:24px 18px}.hadith-poster{min-height:350px}.hadith-english{font-size:19px}.word-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.word-card{padding:14px}.word-card summary{display:grid;font-size:23px}.word-card p{font-size:18px}.commentary,.reflection-card p{font-size:21px}.reflection-card{padding:20px 16px;gap:12px}.reflection-card>span{font-size:30px}.question{font-size:22px}.answer{font-size:19px;padding:13px;gap:10px}.feedback{padding:16px}.feedback p{font-size:18px}.bottom-nav{gap:8px;padding-inline:10px}.bottom-nav button{font-size:14px;padding:10px}.bottom-nav .position-button{max-width:85px}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}dialog{padding:20px 16px}.dialog-head h2{font-size:22px}.dialog-head button{padding:8px 12px}.lesson-actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{.site-head,.preferences,.steps,.lesson-top,.bottom-nav,.intro,.quiz-section,.lesson-actions,footer,.photo-credit,button{display:none!important}body{padding:0;background:white}.learning-section{break-inside:avoid;border:1px solid #ccc}.hadith-poster{background:white!important;color:#111;border-color:#aaa}.hadith-poster:before{display:none}.hadith-arabic,.hadith-english,.report-type,.poster-signature{color:#111;text-shadow:none}.hadith-arabic{font-size:28px}}
/* Twenty-lesson journeys, connected meaning maps, and encouraging feedback. */
body{padding-bottom:0}.brand span{font-size:23px;letter-spacing:0;direction:inherit}.intro{background:radial-gradient(circle at 85% 15%,#ac70b93b,transparent 45%),linear-gradient(125deg,#642344,#373375 75%,#244b68)}.intro-actions button{box-shadow:0 5px 0 #20172b44}.journey-card .orbit{filter:drop-shadow(0 0 12px #eac77677)}
.group-navigation{background:linear-gradient(110deg,#eee7fc,#e2f5f1);border:2px solid #9b77a6;border-radius:24px;padding:22px;margin:26px 0;box-shadow:0 8px 25px #4b285612}.group-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.group-heading h2{margin:0;font-size:27px;color:#60243f}.group-heading>span{font-size:19px;font-weight:800}.group-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:20px 0}.group-tabs button{font-size:14px;padding:10px 5px;background:#fff;line-height:1.6}.group-tabs button[aria-current]{background:#652743;color:#fff;border:2px solid #b99645;box-shadow:0 4px 0 #47203b}.hadith-jumps{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}.hadith-jumps button{padding:7px 2px;background:#fff;border-color:#99bdb8;font-size:19px;direction:ltr}.group-arrows{display:flex;gap:14px;justify-content:space-between;margin-top:20px}.group-arrows button{flex:1;max-width:300px}.lesson-card{position:relative;padding:28px;border:2px solid #b08ca2;border-top:7px solid #8d4d79;border-radius:28px;background:#f3eaf9;margin:36px 0 54px;box-shadow:0 8px 30px #58274e12;scroll-margin-top:16px;outline:none}.lesson-card:nth-child(4n+2){background:#e7f5f1;border-color:#83b7a9;border-top-color:#2b8473}.lesson-card:nth-child(4n+3){background:#eaf0ff;border-color:#94a6d2;border-top-color:#526cc1}.lesson-card:nth-child(4n){background:#fff0f6;border-color:#c992ae;border-top-color:#af4e7c}.lesson-number{display:inline-block;background:#60243f;color:white;padding:6px 20px;border-radius:12px;font-size:20px;font-weight:800;box-shadow:0 4px 0 #d2b46f}.lesson-card [data-slot=lessonTitle]{font-size:clamp(26px,3.5vw,37px);line-height:1.6;margin:24px 0 8px}.lesson-card .learning-section{box-shadow:0 4px 12px #3e244305}.lesson-card .hadith-poster{min-height:0}.lesson-card .hadith-poster:before{background:linear-gradient(180deg,#09121bcf,#10141bd9 60%,#1d1424df)}.meaning-section{background:linear-gradient(135deg,#f5f2ff,#eefbfa)}.meaning-map{padding:20px 0}.map-root{position:relative;width:fit-content;max-width:90%;margin:auto;padding:16px 30px;border:2px solid #a98745;border-radius:18px;background:#642b4c;color:#fff;font-weight:800;font-size:24px;text-align:center;box-shadow:0 6px 0 #dcd1ee}.map-root:after{content:'';position:absolute;top:100%;left:50%;height:28px;width:2px;background:#947aab}.map-branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:54px;position:relative}.map-branches:before{content:'';position:absolute;top:-27px;left:16.66%;right:16.66%;height:2px;background:#947aab}.map-branch{position:relative;background:#e5f5ee;border:2px solid #92b9ac;border-radius:18px;padding:18px}.map-branch:before{content:'';position:absolute;top:-28px;left:50%;height:26px;width:2px;background:#947aab}.map-branch:nth-child(2){background:#ede7fc;border-color:#b6a0db}.map-branch:nth-child(3){background:#e5efff;border-color:#98b6df}.map-branch summary{cursor:pointer;text-align:center;font-weight:800;font-size:21px;list-style:none;display:grid;justify-items:center;gap:6px}.map-branch summary:after{content:'+';font:700 22px/1 system-ui;display:grid;place-items:center;width:30px;height:30px;border:1px solid currentColor;border-radius:50%;margin-top:8px}.map-branch[open] summary:after{content:'−'}.map-branch p{font-size:19px;line-height:1.9}.original-term{display:block;margin-top:10px;color:#4f4658;font-size:20px}.evidence{font-size:18px!important;line-height:1.9;padding:14px;border-inline-start:4px solid #b69b58;border-radius:10px;background:#ffffffc9;white-space:pre-line}.feedback{position:relative;overflow:hidden}.success-feedback{background:linear-gradient(120deg,#dff6eb,#e6ecff);border:2px solid #78b297}.retry-feedback{background:#f0edff;border:2px solid #b6a1d9}.feedback-symbol{font-size:43px;color:#397a61;line-height:1.3}.retry-feedback .feedback-symbol{color:#7553a0}.finish{border:2px solid #ae8e4b}.celebrate{isolation:isolate}.celebration{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:3;border-radius:inherit}.celebration span{position:absolute;left:var(--x);top:5%;font-size:22px;color:#ab6a12;animation:confetti-rise 1.6s ease-out both;animation-delay:calc(var(--i)*.025s)}.celebration span:nth-child(3n+1){color:#8053b4}.celebration span:nth-child(3n+2){color:#24866e}.quiz-section{position:relative}.answer:hover:not(:disabled){border-color:#8868ab;box-shadow:0 4px 0 #ded2eb;transform:translateY(-1px)}
@keyframes confetti-rise{0%{opacity:0;transform:translateY(40px) rotate(0)}20%{opacity:1}100%{opacity:0;transform:translateY(-45px) rotate(140deg)}}
@media(max-width:760px){.lesson-card{padding:16px 10px;margin:28px 0 38px;border-radius:22px}.lesson-card [data-slot=lessonTitle]{padding-inline:6px}.lesson-card .learning-section{padding:18px 13px;margin:18px 0}.group-navigation{padding:17px 12px}.group-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.hadith-jumps{grid-template-columns:repeat(5,minmax(0,1fr))}.group-tabs button{font-size:16px}.map-branches{grid-template-columns:1fr;gap:18px;margin-top:34px;padding-inline-start:24px}.map-root{font-size:22px;max-width:100%}.map-root:after{display:none}.map-branches:before{top:0;bottom:0;inset-inline-start:6px;inset-inline-end:auto;width:2px;height:auto}.map-branch:before{top:34px;inset-inline-start:-20px;left:auto;height:2px;width:18px}.map-branch summary{display:flex;gap:12px;text-align:start}.map-branch summary:after{margin-inline-start:auto;flex-shrink:0}.word-grid{grid-template-columns:1fr}.word-card summary{display:flex}.brand span{font-size:20px}.group-heading>span{font-size:17px}.group-arrows button{padding-inline:8px;font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.celebration{display:none}.answer:hover:not(:disabled){transform:none}}
@media print{.group-navigation,.meaning-section .word-icon{display:none!important}.lesson-card{break-before:page;background:white;border:0;padding:0}.map-branch{break-inside:avoid}}

.attribution-note{padding:18px 22px;margin:0 0 18px;border:1px solid #a8b4da;border-inline-start:5px solid #7661aa;border-radius:14px;background:#edf1ff;color:#34344b}.attribution-note strong{font-size:20px}.attribution-note p{font-size:18px;line-height:1.9;margin:8px 0}.attribution-note a{font-size:16px}

/* Compact navigation: readable at the top, no floating overlay over a card. */
.quick-nav{position:sticky;top:0;z-index:30;max-width:1200px;margin:0 auto 18px;padding:8px 14px;border:2px solid #d7b568;border-radius:0 0 18px 18px;background:#64243f;color:#fff;box-shadow:0 6px 18px #31142a30}.quick-main{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;text-align:center}.quick-nav button{background:#f2d582;color:#492238;min-height:42px;padding:5px 14px;border-color:#c7a65e}.quick-main strong{font-size:17px}.quick-options{display:flex;flex-wrap:wrap;gap:7px;align-items:center;justify-content:center;margin-top:7px}.quick-options form{display:flex;align-items:center;gap:7px}.quick-options label{font-size:15px}.quick-options input{width:85px;min-width:0;border:1px solid #d7b568;border-radius:9px;padding:4px 8px;background:white;color:#281b26;text-align:center;direction:ltr}.quick-options button{font-size:14px;min-height:36px}.quick-rail{display:flex;overflow-x:auto;gap:9px;padding:10px 0 3px;scroll-snap-type:x proximity}.quick-rail button{flex:0 0 58px;scroll-snap-align:center;background:#ece5ff;color:#3e275e}.quick-rail button[aria-current=true]{background:#fff;outline:3px solid #e6c678;outline-offset:-4px}.lesson-card,.learning-section{scroll-margin-top:12px}html{scroll-padding-top:var(--quick-height,160px)}#navStatus:not(:empty){padding:10px 20px;background:#ece6ff;color:#2c2141;border-radius:12px}.group-tabs{display:flex!important;overflow-x:auto;gap:10px;padding:5px 2px 12px;scroll-snap-type:x proximity}.group-tabs button{flex:0 0 160px;scroll-snap-align:center}.group-heading{gap:12px;flex-wrap:wrap}@media(max-width:480px){.quick-nav{padding:7px 8px}.quick-main strong{font-size:15px}.quick-main button{font-size:15px;padding-inline:12px}.quick-options label{display:none}.quick-options{gap:6px}.quick-options input{width:68px}.quick-options button{padding-inline:9px}.quick-options form{gap:5px}}@media print{.quick-nav,#navStatus{display:none!important}}

/* Illustrated vocabulary: examples stay distinct from the transmitted wording. */
.learning-picture{margin:22px 0;border:2px solid #b69555;border-radius:20px;overflow:hidden;background:#f0f6ff;color:#17151d}.learning-picture>img{display:block;width:100%;height:auto;object-fit:contain}.learning-picture figcaption{padding:19px 24px;border-top:3px solid #7a304c}.learning-picture figcaption>strong{display:block;font-size:25px;font-weight:800;color:#531f38}.learning-picture figcaption p{font-size:22px;font-weight:650;line-height:1.9;margin:8px 0}.learning-picture figcaption small{display:block;font-size:15px;line-height:1.7;color:#4a4452}.word-card .word-label{display:block;margin-top:15px;color:#56233c;font-size:19px}.word-card>p{font-weight:700;color:#15131b}.word-example{padding:14px 16px;background:#fff;border:1px solid #c4b6dc;border-radius:13px;margin:12px 0}.word-example>strong{font-size:18px;color:#512940}.word-example p{margin:6px 0;font-size:20px;line-height:1.9;color:#18151d}.word-evidence{margin-top:12px;border-top:1px solid #c2bad0;padding-top:12px}.word-card .word-evidence summary{display:block!important;font-size:16px!important;text-align:start;color:#4e3c67}.word-card .word-evidence summary:after{display:none!important}.word-evidence .evidence{font-size:17px!important}.word-card:focus-within{outline:3px solid #865fa8;outline-offset:3px}
@media(max-width:600px){.learning-picture{border-radius:15px}.learning-picture figcaption{padding:15px}.learning-picture figcaption>strong{font-size:22px}.learning-picture figcaption p{font-size:20px}.word-example p{font-size:19px}}
.picture-words-label{display:block;font-weight:750;font-size:18px;margin-top:14px}.picture-words{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0 16px}.picture-words details{background:#fff;border:1px solid #b8afd2;border-radius:12px;padding:11px 13px;min-width:0}.picture-words summary{font-size:21px;font-weight:800;cursor:pointer;color:#542644}.picture-words details p{font-size:18px!important;font-weight:550!important}.picture-words details:focus-within{outline:3px solid #9974ad;outline-offset:2px}@media(max-width:480px){.picture-words{grid-template-columns:1fr}.picture-words summary{font-size:20px}}
.word-picture{margin:15px 0 0;border:1px solid #c4b6dc;border-radius:13px;background:white;overflow:hidden}.word-picture img{width:100%;height:auto;display:block;object-fit:contain}.word-picture figcaption{padding:12px 14px;color:#35303d;font-size:16px;line-height:1.8}

/* Reader comfort: the controls belong above the lessons and scroll away. */
html{scroll-padding-top:18px}.quick-nav{position:static;top:auto;z-index:auto;border-radius:20px;margin:24px 0 18px}.lesson-card,.learning-section{scroll-margin-top:18px}.volume-navigator{background:#fff;border:2px solid #632641;border-radius:24px;padding:24px;margin:24px 0;color:#211d24}.volume-navigator h2{text-align:center;color:#632641;font-size:28px}.volume-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.volume-buttons button{font-size:24px;min-height:70px;border:2px solid #ac8847;box-shadow:0 4px 0 #e4d6b5}.volume-buttons button[aria-pressed=true],.topic-buttons button[aria-pressed=true]{background:#632641;color:#fff}.topic-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.topic-buttons button{text-align:center;font-size:20px;line-height:1.7;background:#f0e9fa;color:#211d24}.topic-buttons button:nth-child(3n+2){background:#e2f3ed}.topic-buttons button:nth-child(3n){background:#e4edff}.topic-buttons button[aria-pressed=true]{background:#632641;color:#fff}.topic-rail{display:flex;gap:10px;overflow-x:auto;padding:10px 3px 18px}.topic-rail button{flex:0 0 auto;min-width:64px;font-size:20px}.topic-rail button[aria-current=true]{outline:3px solid #b18c43;outline-offset:-4px;background:#632641;color:#fff}.memorization{background:#e8f2ff;border:2px solid #93aacf}.memorization>summary{cursor:pointer;font-weight:800;font-size:24px;color:#362443}.memory-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.memory-controls label{font-weight:750}.memory-controls select{padding:10px;border-radius:10px;border:1px solid #71597a;background:#fff;color:#211d24}.memory-text{font-family:Amiri,serif;font-size:clamp(28px,4vw,40px);line-height:2.2;padding:20px;background:#fff;border-radius:16px;color:#17151a}.hidden-word{font-size:22px;min-width:54px;padding:4px 10px;margin:4px;border-style:dashed}.hidden-word:disabled{color:#211d24;opacity:1;background:#e5f4ec;border-style:solid}.journey-scenery{margin:30px 0 48px;border:3px solid #b58c41;border-radius:26px;overflow:hidden;background:#e7f0f5;box-shadow:0 10px 30px #63264120}.journey-scenery img{display:block;width:100%;height:auto;max-height:640px;object-fit:cover}.learning-section>p,.commentary p,.word-card p,.map-branch p,.reflection-card p{color:#211d24;font-size:21px;line-height:1.95}.lesson-card h2,.lesson-card h3,.lesson-card h4{color:#211d24}.lesson-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lesson-actions button{font-size:19px;line-height:1.6;white-space:normal}.bookmark-filter{display:flex;align-items:center;gap:10px;padding:12px;font-weight:700}.bookmark-filter input{width:24px;height:24px;accent-color:#632641}@media(max-width:600px){.volume-navigator{padding:16px 12px}.volume-buttons{grid-template-columns:1fr}.volume-buttons button{font-size:23px;min-height:60px}.topic-buttons button{font-size:18px;padding:10px 8px}.volume-navigator h2{font-size:24px}.lesson-actions button{font-size:17px;padding:10px 8px}.memory-controls{display:grid;grid-template-columns:1fr 1fr}.memory-controls label,.memory-controls button:last-child{grid-column:1/-1}.memory-text{padding:12px}.journey-scenery{border-radius:20px}.learning-section>p,.commentary p,.word-card p,.map-branch p,.reflection-card p{font-size:20px}}@media print{.volume-navigator,.memorization,.journey-scenery{display:none!important}}

.hadith-poster .hadith-arabic,.hadith-poster .hadith-english{color:var(--poster-ink)}

/* Language-aware card layout: Arabic RTL, English LTR; headings centred. */
html[lang="ar"] .hadith-card,html[lang="ar"] .reflection-card,html[lang="ar"] .word-card,html[lang="ar"] .learning-section,html[lang="ar"] .commentary,html[lang="ar"] .hadith-poster{direction:rtl;text-align:right}
html[lang="en"] .hadith-card,html[lang="en"] .reflection-card,html[lang="en"] .word-card,html[lang="en"] .learning-section,html[lang="en"] .commentary,html[lang="en"] .hadith-poster{direction:ltr;text-align:left}
.hadith-card h2,.hadith-card h3,.reflection-card h2,.reflection-card h3,.learning-section h2,.learning-section h3,.hadith-poster h2,.hadith-poster h3{text-align:center}
.hadith-arabic,[lang="ar"].hadith-text{direction:rtl;text-align:right;unicode-bidi:plaintext}
.hadith-english,[lang="en"].hadith-text{direction:ltr;text-align:left;unicode-bidi:plaintext}

/* Readable bilingual cards: original Arabic RTL and English LTR. */
html[lang="ar"] .lesson-card,html[lang="ar"] .hadith-card,html[lang="ar"] .learning-section{direction:rtl;text-align:right}
html[lang="en"] .lesson-card,html[lang="en"] .hadith-card,html[lang="en"] .learning-section{direction:ltr;text-align:left}
[lang="ar"].hadith-text,.hadith-arabic,[dir="rtl"].hadith-text{direction:rtl;text-align:right;unicode-bidi:isolate}
[lang="en"].hadith-text,.hadith-english,[dir="ltr"].hadith-text{direction:ltr;text-align:left;unicode-bidi:isolate}
.lesson-card h2,.lesson-card h3,.hadith-card h2,.hadith-card h3{text-align:center;font-weight:900}
.lesson-card p,.lesson-card li,.hadith-card p,.hadith-card li{font-size:clamp(21px,2.6vw,27px);font-weight:700;line-height:1.95;overflow-wrap:anywhere}
.lesson-card button,.hadith-card button{font-weight:850;font-size:clamp(18px,2.1vw,22px)}

/* Bilingual reading direction and accessible text in youth lesson cards. */
:where(.lesson-card,.hadith-card,.quiz-card) :where([lang="ar"],[dir="rtl"]){direction:rtl;text-align:right;unicode-bidi:isolate}
:where(.lesson-card,.hadith-card,.quiz-card) :where([lang="en"],[dir="ltr"]){direction:ltr;text-align:left;unicode-bidi:isolate}
:where(.lesson-card,.hadith-card,.quiz-card) :where(p,li){overflow-wrap:break-word}
:where(.lesson-card,.hadith-card,.quiz-card) :where([lang="ar"],[lang="en"]){line-height:1.85}