:root{--ink:#063f7a;--muted:#6e737c;--gold:#f7931d;--gold-soft:#fff1dc;--paper:#fff;--sage:#0758a8;--sage-soft:#eaf4ff;--blue:#063f7a;--blue-soft:#e6eef8;--shadow:0 16px 42px rgba(25,33,46,.12);--soft-shadow:0 8px 24px rgba(25,33,46,.09);--radius:24px}
/* Finalized QA100 identity — one responsive asset across every site shell. */
.qa100-brand-logo{display:block;flex:0 0 auto;line-height:0}.qa100-brand-logo img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%;box-shadow:0 5px 12px rgba(17,17,17,.13)}.qa100-brand-logo--sidebar{width:128px;height:128px}.qa100-brand-logo--header{width:74px;height:74px}.qa100-brand-logo--lesson{width:88px;height:88px}.qa100-brand-logo--login{width:128px;height:128px}.qa-brand{font-size:0}.qa-brand .qa100-brand-logo img{box-shadow:none}.academy-brand,.lesson-brand,.login-brand,.topbar .logo{line-height:0}.academy-topbar .academy-brand{min-width:74px}.lesson-brand{justify-content:center;margin-bottom:24px}.login-brand{align-self:flex-start}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.55}a{color:inherit}button,input{font:inherit}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.wrap{max-width:1180px;margin:auto;padding:0 24px}.topbar{position:sticky;top:0;z-index:10;background:#fff;box-shadow:0 2px 14px rgba(0,0,0,.06)}.topbar .wrap{height:78px;display:flex;align-items:center;justify-content:space-between}.topbar nav{display:flex;gap:28px}.topbar nav a{text-decoration:none}.qa100-content{padding-top:60px;padding-bottom:60px}
.qa-sidebar{position:fixed;inset:0 auto 0 0;width:230px;padding:28px 18px 22px;background:#fff;box-shadow:5px 0 25px rgba(20,30,45,.07);z-index:40;display:flex;flex-direction:column}.qa-brand{text-decoration:none;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;font-family:'Playfair Display',serif;font-size:19px;line-height:1.15}.qa-brand-mark{font-family:Inter;color:var(--gold);font-size:30px;line-height:.55}.qa-side-nav{display:flex;flex-direction:column;gap:12px;margin-top:110px}.qa-side-nav a,.qa-account{position:relative;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:15px;text-decoration:none;font-weight:500}.qa-side-nav a>span[aria-hidden="true"]{flex:0 0 auto;font-size:23px}.qa-nav-copy{min-width:0;display:flex;flex-direction:column;gap:3px;line-height:1.15}.qa-nav-copy strong{font-size:inherit;font-weight:600}.qa-nav-copy small{display:block;color:var(--muted);font-size:10px;font-weight:500;line-height:1.15}.qa-side-nav a.active{background:#f7f7f5;color:var(--gold)}.qa-side-nav a.active:before{content:"";position:absolute;left:-18px;top:0;bottom:0;width:4px;border-radius:0 5px 5px 0;background:var(--gold)}.qa-account{margin-top:auto;color:var(--muted)}.qa-main{margin-left:230px;min-height:100vh}.qa-menu-toggle{display:none}.qa-page{width:min(1190px,calc(100% - 64px));margin:0 auto;padding:38px 0 70px}.qa-section{margin-bottom:28px}.qa-eyebrow,.qa-kicker{margin:0 0 5px;color:var(--gold);font-size:14px;font-weight:600;letter-spacing:.03em}.qa-subtitle{margin:0;color:var(--muted);max-width:520px}.qa-button{display:inline-flex;justify-content:center;align-items:center;gap:30px;min-width:230px;padding:15px 25px;border-radius:10px;text-decoration:none;font-weight:600;transition:.2s transform,.2s box-shadow}.qa-button:hover{transform:translateY(-2px)}.qa-button.primary{background:var(--ink);color:#fff;box-shadow:0 7px 16px rgba(23,32,51,.2)}.qa-button.outline{border:1.5px solid var(--gold);color:var(--gold);background:#fff}
/* Academy */
.academy-hero{display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;min-height:430px;gap:25px}.academy-intro h1{font:italic 500 clamp(48px,5vw,72px)/1.12 'Playfair Display',serif;margin:26px 0 0;letter-spacing:-.025em}.academy-art svg{width:100%;height:auto;overflow:visible}.academy-art svg path{fill:none;stroke:var(--ink);stroke-width:2}.academy-art .art-land{stroke:#e8d9c4;stroke-width:1.4}.academy-art .art-road{stroke:var(--gold);stroke-width:2.4}.academy-art .art-dash{stroke:var(--muted);stroke-dasharray:5 6;stroke-width:1.2}.academy-art text{fill:var(--ink);font:14px Inter}.academy-art .art-quran path{fill:#fff;stroke-width:2.3}.academy-art .art-quran .art-stand{fill:#8e6945;stroke:#4f3c2b}.academy-art .art-spark path{stroke:var(--gold)}
.academy-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.highlight-card,.promise-card,.pillars-parent,.academy-journey,.dashboard-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow)}.highlight-card{min-height:138px;padding:24px 28px;display:flex;align-items:center;gap:22px}.icon-medal,.pillar-icon,.stage-icon{flex:none;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#f7f2ea;color:var(--gold);font-size:32px}.highlight-card div{display:flex;flex-direction:column}.highlight-card strong{font:600 34px 'Playfair Display',serif}.highlight-card strong.small{font:600 20px Inter}.highlight-card span{color:var(--muted);font-size:14px}
.promise-card{text-align:center;padding:30px}.promise-card .arabic{font:700 clamp(34px,4vw,52px)/1.5 'Noto Naskh Arabic',serif;margin:4px 0;color:var(--ink)}.promise-card p:not(.arabic){margin:0}.promise-card small{display:block;color:var(--muted);margin-top:7px}.truth-banner{min-height:125px;border-radius:18px;background:#fdfbf8;box-shadow:var(--soft-shadow);display:flex;align-items:center;justify-content:space-between;padding:20px 48px;overflow:hidden}.truth-banner p{text-align:center;font:500 23px/1.45 'Playfair Display',serif;margin:0}.truth-banner strong{color:var(--gold);font-size:27px}.leaf-line{font-size:70px;color:#c9995d;transform:rotate(-18deg)}.spark-lines{color:var(--gold);font-size:28px}
.pillars-parent{padding:28px;text-align:center}.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.pillar-card{min-height:390px;padding:32px 26px;border-radius:20px;box-shadow:var(--soft-shadow);display:flex;flex-direction:column;align-items:center}.pillar-card h2{font:600 23px 'Playfair Display',serif;margin:18px 0 0}.pillar-card h3{margin:0;color:var(--gold);font:600 18px 'Playfair Display',serif}.pillar-card p{color:#414650;font-size:14px;margin:17px 0}.pillar-card .text-link{margin-top:auto;color:var(--gold);text-decoration:none;font-weight:600;font-size:14px}.pillar-icon{width:82px;height:82px;font-size:38px;background:#f5f5f4;color:var(--ink)}.gold-icon{color:var(--gold);background:var(--gold-soft)}.blue-icon{color:var(--blue);background:var(--blue-soft)}.compact-list{font-weight:500}.pillars-parent>.qa-button{margin-top:30px}
.academy-journey{padding:34px 28px;text-align:center}.section-title{display:flex;align-items:center;justify-content:center;gap:22px;font:600 clamp(34px,4vw,48px) 'Playfair Display',serif;margin:0 0 22px}.section-title span{color:#cf9a57;font-size:24px}.stage-journey-rail{width:100%;margin:0 auto 22px;display:grid;grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr) 58px minmax(0,1fr);align-items:center;gap:0 6px}.rail-node{position:relative;z-index:2;min-height:82px;padding:13px 16px;border-radius:24px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;box-shadow:0 9px 24px rgba(25,33,46,.12)}.rail-node small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.rail-node b{font:600 clamp(15px,1.55vw,21px)/1.15 'Playfair Display',serif}.rail-node.one{color:var(--sage);box-shadow:0 0 0 2px var(--sage),0 9px 24px rgba(25,33,46,.1)}.rail-node.two{color:var(--gold);box-shadow:0 0 0 2px var(--gold),0 9px 24px rgba(25,33,46,.1)}.rail-node.three{color:var(--blue);box-shadow:0 0 0 2px var(--blue),0 9px 24px rgba(25,33,46,.1)}.stage-journey-rail i{position:relative;height:2px;background:linear-gradient(90deg,#a9b8a5,#d3a35c,#8497bb)}.stage-journey-rail i:after{content:"";position:absolute;right:-1px;top:-4px;border-left:7px solid #9b8664;border-top:5px solid transparent;border-bottom:5px solid transparent}.stage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative}.stage-card{min-height:435px;padding:28px 22px 22px;border-radius:20px;box-shadow:var(--soft-shadow);display:flex;flex-direction:column;align-items:center}.stage-one{background:linear-gradient(#fff,var(--sage-soft));color:var(--sage)}.stage-two{background:linear-gradient(#fff,var(--gold-soft));color:var(--gold)}.stage-three{background:linear-gradient(#fff,var(--blue-soft));color:var(--blue)}.stage-mobile-label{display:none}.stage-days{display:block;margin:0 0 7px;color:currentColor;font:600 23px 'Playfair Display',serif}.stage-card small,.stage-card h3,.stage-card li{color:var(--ink)}.stage-card h3{font:600 22px 'Playfair Display',serif;margin:5px 0 18px}.stage-card ul{padding:0;list-style:none;text-align:left;margin:0;width:100%;font-size:14px}.stage-card li{margin:9px 0;padding-left:24px;position:relative}.stage-card li:before{content:"✓";position:absolute;left:0;width:17px;height:17px;border-radius:50%;background:currentColor;color:#fff;display:grid;place-items:center;font-size:10px}.outcome{margin-top:auto;width:100%;min-height:145px;border-radius:14px;background:rgba(255,255,255,.65);box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 20%,transparent);padding:20px;display:flex;flex-direction:column;justify-content:center;color:var(--ink)}.outcome span{font-size:12px}.outcome strong{font:600 20px/1.25 'Playfair Display',serif;margin-top:12px}.academy-journey>.qa-button{margin-top:28px}
/* Journey dashboard */
.journey-dashboard{max-width:1260px}.journey-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.journey-heading p{margin:0;color:var(--muted)}.journey-heading .qa-eyebrow{font:600 30px 'Playfair Display',serif;color:var(--ink)}.profile-orb{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:24px}.dashboard-card{padding:30px;margin-bottom:25px}.card-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-end}.card-heading h1{font:600 39px 'Playfair Display',serif;margin:0}.legend{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.legend i{width:9px;height:9px;border-radius:50%;background:#d3d5d8;margin-left:8px}.legend .done{background:var(--sage)}.legend .current{background:var(--gold)}
.stage-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}.stage-tab{min-height:135px;border:0;border-radius:18px;background:#fff;box-shadow:var(--soft-shadow);padding:18px;color:#7d8188;cursor:pointer;display:flex;flex-direction:column;align-items:center}.stage-tab span{font-size:25px}.stage-tab strong{font:600 17px 'Playfair Display',serif;margin:3px 0}.stage-tab small{font-size:12px}.stage-tab em{font-style:normal;font-size:11px;margin-top:10px}.stage-tab.active{color:var(--ink);box-shadow:0 0 0 2px var(--gold),var(--soft-shadow)}.stage-pointer{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid var(--gold);margin:0 0 0 calc(16.66% - 12px)}
.day-strip-wrap{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;margin-top:8px}.day-strip{display:flex;gap:17px;overflow-x:auto;padding:22px 10px 18px;scroll-snap-type:x proximity;scrollbar-width:thin}.day-strip.hidden{display:none}.day-node{flex:0 0 77px;min-height:85px;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:7px;color:#9da0a5;scroll-snap-align:center;cursor:pointer}.day-node span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 0 0 1.5px #c9ccd0;font-weight:600}.day-node small{font-size:11px;white-space:nowrap}.day-node.completed{color:var(--sage)}.day-node.completed span{background:var(--sage);color:#fff;box-shadow:none}.day-node.current,.day-node.available{color:var(--gold)}.day-node.current span{background:#fff7e7;box-shadow:0 0 0 3px var(--gold);font-size:17px}.day-node.available span{background:#fffaf0;box-shadow:0 0 0 1.5px var(--gold)}.strip-arrow{width:34px;height:34px;border:0;border-radius:50%;background:#f4f4f2;color:var(--ink);font-size:25px;cursor:pointer}.swipe-hint{text-align:center;margin:0;color:var(--muted);font-size:11px}
.continue-card{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center}.lesson-summary{display:flex;align-items:center;gap:20px}.lesson-icon{width:78px;height:78px;border-radius:50%;background:var(--sage-soft);color:var(--sage);display:grid;place-items:center;font-size:35px}.lesson-summary h2{font:600 28px 'Playfair Display',serif;margin:0}.lesson-summary p{margin:4px 0;color:var(--muted)}.learning-focus{grid-column:1/-1;margin-top:5px;padding:23px;border-radius:17px;background:#faf9f6;display:grid;grid-template-columns:.7fr 1.3fr;gap:25px}.learning-focus h3{font:600 20px 'Playfair Display',serif;margin:0}.focus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.focus-grid p{margin:0;padding:12px;border-radius:12px;background:#fff}.focus-grid span{display:block;color:var(--muted);font-size:11px}.focus-grid strong{font-size:12px}.focus-preview{display:flex;align-items:center;gap:18px;color:var(--muted)}.lock-orb{width:48px;height:48px;border-radius:50%;background:#eee;display:grid;place-items:center;font-size:24px}.focus-preview p{margin:0;font-size:13px}
.support-card{position:relative}.academy-offer{text-align:center}.offer-intro h2{font:600 30px 'Playfair Display',serif;margin:0}.offer-intro p{margin:6px}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:27px 0}.offer-grid article{padding:24px 18px;border-radius:18px;box-shadow:var(--soft-shadow);min-height:195px}.offer-grid article>span{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:#f4f2ed;color:var(--gold);font-size:25px;margin:0 auto}.offer-grid h3{font:600 18px 'Playfair Display',serif}.offer-grid p{font-size:13px;color:var(--muted)}.hub-links{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:22px}.hub-links a{text-decoration:none;padding:18px;border-radius:14px;box-shadow:var(--soft-shadow);text-align:center}
.lesson-dialog{position:fixed;inset:0;background:rgba(20,26,35,.48);z-index:100;display:grid;place-items:center;padding:20px}.lesson-dialog[hidden]{display:none}.dialog-card{position:relative;width:min(560px,100%);background:#fff;border-radius:24px;box-shadow:0 24px 80px rgba(0,0,0,.24);padding:38px;text-align:center}.dialog-close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:28px;cursor:pointer}.dialog-icon{width:66px;height:66px;border-radius:50%;background:var(--gold-soft);color:var(--gold);display:grid;place-items:center;font-size:29px;margin:auto}.dialog-card h2{font:600 28px 'Playfair Display',serif}.dialog-card p{color:var(--muted)}.dialog-actions{display:flex;gap:12px;justify-content:center;margin-top:25px}.dialog-actions .qa-button{min-width:0;font-size:13px}
/* Refined navigation and expressive card artwork */
.academy-topbar{width:min(1320px,calc(100% - 64px));height:88px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-radius:0 0 20px 20px;background:#fff;box-shadow:0 10px 32px rgba(25,33,46,.08);padding:0 34px;position:relative;z-index:30}.academy-brand{display:flex;align-items:center;gap:11px;text-decoration:none}.academy-brand>span{font-size:30px;color:var(--gold)}.academy-brand strong{display:flex;flex-direction:column;font-size:17px;line-height:1}.academy-brand small{margin-top:5px;color:var(--muted);font-size:9px;letter-spacing:.17em;text-transform:uppercase}.academy-topbar nav{display:flex;align-items:center;gap:34px}.academy-topbar nav a{text-decoration:none;font-size:13px;font-weight:600;position:relative;padding:33px 0}.academy-topbar nav a.active:after{content:"";position:absolute;height:2px;background:var(--gold);left:0;right:0;bottom:22px}.qa-academy-main{min-height:100vh}.qa-sidebar-note{margin:auto 16px 4px;color:var(--muted);font:500 13px/1.6 'Playfair Display',serif}.free-focus-preview{display:grid;grid-template-columns:1fr .9fr;gap:14px}.free-insights{display:grid;grid-template-columns:1fr 1fr;gap:12px}.free-insights p{margin:0;padding:14px 16px;border-radius:13px;background:#fff;box-shadow:0 5px 16px rgba(25,33,46,.07)}.free-insights span{display:block;color:var(--muted);font-size:11px}.free-insights strong{font-size:12px}.focus-preview{padding:12px 16px;border-radius:13px;background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px rgba(23,32,51,.04)}.focus-preview p{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.focus-preview p span{font-size:11px}.academy-offer{text-align:left;padding:34px 36px;overflow:hidden}.offer-layout{display:grid;grid-template-columns:170px minmax(0,1fr);gap:28px;align-items:center}.offer-art{min-height:0;display:flex;align-items:center;justify-content:center;padding:18px 0}.offer-art svg{width:155px;max-height:330px;height:auto;overflow:visible}.offer-art path{fill:none;stroke:var(--gold);stroke-width:2}.offer-art .arch-inner{stroke-width:1.25}.offer-art .star-eight{fill:#fff;stroke-width:3}.offer-art .star-core{fill:var(--gold-soft);stroke:none}.offer-art .spark{stroke-width:1.5}.offer-content{min-width:0;text-align:center}.offer-intro .qa-kicker{display:flex;align-items:center;justify-content:center;gap:9px;font-size:16px}.heading-rocket{font-size:25px;line-height:1;filter:drop-shadow(0 4px 5px rgba(25,33,46,.12))}.offer-intro h2{font-size:32px}.offer-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:24px 0;gap:16px;min-width:0}.offer-grid article{min-width:0;min-height:245px;padding:24px 14px;background:#fff;box-shadow:0 12px 28px rgba(25,33,46,.11);display:flex;flex-direction:column;align-items:center}.offer-grid article>span.offer-icon{width:68px;height:68px;background:#f7f5ef;box-shadow:0 7px 18px rgba(25,33,46,.08)}.offer-icon svg{width:38px;height:38px}.offer-icon path,.offer-icon circle{fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.offer-icon .trail{stroke:var(--gold)}.offer-grid h3{width:100%;min-height:58px;margin:18px 0 10px;padding:9px 7px;border-radius:11px;background:#fbfaf7;box-shadow:0 5px 14px rgba(25,33,46,.07);display:grid;place-items:center;color:var(--ink);overflow-wrap:anywhere}.offer-grid p{margin:0}.academy-offer .qa-button{margin-top:2px}.button-lock{font-size:20px}
.roadmap-card .card-heading h1,.lesson-summary h2,.support-card>div>h2,.learning-hub h2{font-size:32px}.visitor-focus{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.visitor-focus p{margin:0;padding:14px 10px;border-radius:12px;background:#fff;box-shadow:0 6px 16px rgba(25,33,46,.08);color:var(--ink);font-size:12px;font-weight:600;text-align:center;display:grid;place-items:center}.learning-focus:not(.locked){background:#faf9f6}
.learning-focus{grid-template-columns:1fr;text-align:center;gap:16px}.focus-heading{display:flex;flex-direction:column;align-items:center}.focus-heading .qa-kicker{font-size:16px;margin:0}.focus-heading>span{margin-top:3px;color:var(--muted);font-size:12px}.focus-grid,.free-focus-preview,.visitor-focus{width:100%}.day-strip{padding-top:38px}.day-node{position:relative;z-index:1}.day-node:not(:last-child):after{content:"";position:absolute;z-index:0;top:23px;left:calc(50% + 23px);width:48px;height:2px;background:#d8dadd}.day-node.completed:after{background:var(--sage)}.day-node.available:after{background:#d3b37f}.day-node.current:after{background:linear-gradient(90deg,var(--gold),#d8dadd)}.day-node span,.day-node small{position:relative;z-index:1}.day-node.current span{background:var(--gold);color:#fff;box-shadow:0 0 0 4px #fff,0 0 0 6px var(--gold)}.you-are-here{position:absolute;z-index:2;left:50%;top:-26px;transform:translateX(-50%);padding:4px 9px;border-radius:7px;background:var(--gold);color:#fff;font-size:9px;font-style:normal;font-weight:700;white-space:nowrap;box-shadow:0 5px 12px rgba(182,107,19,.23)}.you-are-here:after{content:"";position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--gold)}
/* Expandable immersive journey map */
.stage-expansions{position:relative}.stage-expansion{position:relative;margin-top:22px;padding:28px 26px 24px;border-radius:20px;background:#fcfbf8;box-shadow:inset 0 0 0 1px rgba(182,107,19,.08),0 12px 30px rgba(25,33,46,.08)}.stage-bridge{position:absolute;top:-17px;width:28px;height:28px;background:#fcfbf8;box-shadow:-2px -2px 5px rgba(25,33,46,.05);transform:rotate(45deg)}.stage-foundations .stage-bridge{left:calc(16.666% - 14px)}.stage-sentences .stage-bridge{left:calc(50% - 14px)}.stage-quran .stage-bridge{left:calc(83.333% - 14px)}.expanded-stage-heading{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.expanded-stage-heading>div{display:grid;grid-template-columns:auto auto;column-gap:10px;align-items:center}.expanded-stage-heading>div>span{grid-row:1/3;font-size:27px}.expanded-stage-heading p{margin:0;font:600 20px 'Playfair Display',serif}.expanded-stage-heading small{color:var(--muted)}.collapse-stage{border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:600;cursor:pointer;padding:8px}.collapse-stage span{color:var(--gold);font-size:16px}.collapse-stage.bottom{display:block;margin:20px auto 0}.journey-path{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:105px;gap:25px 16px;padding:24px 8px 8px}.journey-step{grid-row:var(--step-row);grid-column:var(--step-col);position:relative;width:100%;height:92px;border:0;background:transparent;color:#96999f;display:flex;flex-direction:column;align-items:center;gap:9px;cursor:pointer}.journey-step:after,.journey-step:before{content:"";position:absolute;z-index:0;background:#d9dbde}.journey-step.path-right:after{top:28px;left:calc(50% + 29px);width:calc(100% + 16px - 58px);height:2px}.journey-step.path-left:after{top:28px;right:calc(50% + 29px);width:calc(100% + 16px - 58px);height:2px}.journey-step.path-down:before{top:58px;left:calc(50% - 1px);width:2px;height:72px}.step-circle{position:relative;z-index:1;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 0 0 1.5px #c8cbd0,0 6px 14px rgba(25,33,46,.07);font-weight:700}.journey-step small{position:relative;z-index:1;font-size:10px;white-space:nowrap}.journey-step>i{position:absolute;z-index:2;top:39px;right:calc(50% - 34px);width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:10px;font-style:normal;box-shadow:0 3px 8px rgba(25,33,46,.14)}.journey-step.completed{color:var(--sage)}.journey-step.completed .step-circle{background:var(--sage);color:#fff;box-shadow:none}.journey-step.completed:after,.journey-step.completed:before{background:var(--sage)}.journey-step.current{color:var(--gold)}.journey-step.current .step-circle{background:var(--gold);color:#fff;box-shadow:0 0 0 4px #fff,0 0 0 6px var(--gold)}.journey-step.current:after,.journey-step.current:before{background:linear-gradient(90deg,var(--gold),#d9dbde)}.journey-step.free-available,.journey-step.academy-available{color:var(--gold)}.journey-step.free-available .step-circle,.journey-step.academy-available .step-circle{background:#fffaf0;box-shadow:0 0 0 1.5px var(--gold),0 6px 14px rgba(182,107,19,.1)}.journey-step.academy-locked{color:#73777e}.journey-step.academy-locked .step-circle{background:#f5f4f1;box-shadow:0 0 0 1.5px #aaaeb4}.journey-step.coming-soon{color:#b5b7bb}.journey-step.coming-soon .step-circle{background:#fafafa;box-shadow:0 0 0 1.5px #d9dbde;opacity:.78}.journey-step .you-are-here{top:-30px}.stage-milestone{position:relative;width:min(430px,90%);min-height:92px;margin:28px auto 0;padding:18px 24px;border-radius:17px;background:#fff;box-shadow:0 10px 25px rgba(25,33,46,.1);display:flex;align-items:center;justify-content:center;gap:16px;text-align:left}.stage-milestone:before{content:"";position:absolute;left:50%;top:-29px;width:2px;height:29px;background:#d9dbde}.stage-milestone>span{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:var(--gold-soft);color:var(--gold);font-size:23px}.stage-milestone small,.stage-milestone strong{display:block}.stage-milestone small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.stage-milestone strong{font:600 18px 'Playfair Display',serif}.dialog-membership-note{display:block;margin-top:8px;color:var(--muted)}.dialog-return{font:600 13px Inter;cursor:pointer}
.stage-map-viewport{position:relative;overflow:visible;transition:max-height .45s ease}.stage-expansion.preview-mode .stage-map-viewport{max-height:245px;overflow:hidden}.stage-expansion.fully-expanded .stage-map-viewport{max-height:1800px}.stage-expansion.preview-mode .journey-path{transform:translateY(calc(0px - var(--preview-shift,0px)))}.journey-path{transition:transform .4s ease}.stage-expansion.preview-mode .stage-map-viewport:after{content:"";position:absolute;z-index:6;left:0;right:0;bottom:0;height:105px;background:linear-gradient(transparent,#fcfbf8 86%);pointer-events:none}.stage-reveal{position:relative;z-index:8;width:min(340px,90%);margin:-16px auto 0;padding:12px 20px;border:0;border-radius:14px;background:#fff;color:var(--ink);box-shadow:0 9px 24px rgba(25,33,46,.11);display:flex;flex-direction:column;align-items:center;cursor:pointer}.stage-reveal strong{font:600 15px 'Playfair Display',serif}.stage-reveal span{color:var(--muted);font-size:10px;margin-top:3px}.preview-progress{margin:-8px 0 5px;text-align:center;color:var(--sage);font-size:11px;font-weight:600}.stage-expansion .collapse-stage.bottom{display:none}.stage-expansion.fully-expanded .expanded-stage-heading{position:sticky;top:10px;padding:10px 12px;margin-left:-12px;margin-right:-12px;border-radius:13px;background:rgba(252,251,248,.94);box-shadow:0 5px 18px rgba(25,33,46,.07);backdrop-filter:blur(10px)}.journey-step small{max-width:100%;min-height:24px;line-height:1.15;text-align:center;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:1050px){.qa-sidebar{width:190px}.qa-main{margin-left:190px}.qa-page{width:min(100% - 40px,1050px)}.academy-hero{grid-template-columns:1fr}.academy-art{max-width:680px;margin:auto}.academy-intro{text-align:center}.academy-intro .qa-subtitle{margin:auto}.academy-highlights,.pillar-grid,.stage-grid,.stage-tabs,.offer-grid{gap:14px}.pillar-card,.stage-card{padding-left:16px;padding-right:16px}.stage-card{min-height:520px}}
@media(max-width:1050px){.offer-layout{grid-template-columns:125px minmax(0,1fr);gap:20px}.offer-art svg{width:118px}.academy-topbar{width:calc(100% - 40px)}}
@media(max-width:760px){.qa-menu-toggle{display:block;position:fixed;z-index:60;top:14px;left:14px;border:0;border-radius:50%;width:44px;height:44px;background:var(--ink);color:#fff}.qa-sidebar{transform:translateX(-105%);transition:.25s transform;width:250px}.qa-sidebar.open{transform:translateX(0)}.qa-main{margin-left:0}.qa-page{width:calc(100% - 28px);padding-top:70px}.academy-intro h1{font-size:46px}.academy-highlights,.pillar-grid,.stage-grid,.stage-tabs,.offer-grid,.focus-grid,.hub-links{grid-template-columns:1fr}.highlight-card{min-height:105px}.pillar-card,.stage-card{min-height:auto}.stage-journey-rail{display:none}.truth-banner{padding:22px}.leaf-line,.spark-lines{display:none}.continue-card,.learning-focus{grid-template-columns:1fr}.continue-card>.qa-button{width:100%}.legend{display:none}.stage-tabs{display:flex;overflow-x:auto;padding:4px}.stage-tab{flex:0 0 75%}.stage-pointer{display:none}.dashboard-card{padding:20px}.card-heading h1{font-size:30px}.dialog-actions{flex-direction:column}.dialog-actions .qa-button{width:100%}.section-title{font-size:31px}.outcome{min-height:120px}.academy-topbar{width:100%;height:auto;border-radius:0;padding:16px 20px;align-items:flex-start}.academy-topbar nav{gap:16px;flex-wrap:wrap;justify-content:flex-end}.academy-topbar nav a{padding:5px 0;font-size:11px}.academy-topbar nav a.active:after{bottom:0}.academy-brand strong{display:none}.qa-academy-main .qa-page{padding-top:30px}.free-focus-preview,.free-insights{grid-template-columns:1fr}.offer-layout{grid-template-columns:1fr}.offer-art{display:none}.academy-offer{padding:24px 20px}.offer-grid article{min-height:auto}.focus-preview p{grid-template-columns:1fr 1fr}.visitor-focus{grid-template-columns:1fr 1fr}.roadmap-card .card-heading h1,.lesson-summary h2,.support-card>div>h2,.learning-hub h2{font-size:28px}}
@media(max-width:760px){.stage-expansion{padding:24px 18px}.stage-bridge{display:none}.expanded-stage-heading{align-items:flex-start;gap:12px}.expanded-stage-heading .collapse-stage{font-size:0}.expanded-stage-heading .collapse-stage span{font-size:20px}.journey-path{display:grid;grid-template-columns:1fr;grid-auto-rows:auto;gap:15px;padding:28px 8px 5px 18px}.journey-step{grid-row:auto!important;grid-column:1!important;height:78px;align-items:flex-start;justify-content:flex-start;padding:4px 0 0 76px;text-align:left}.journey-step .step-circle{position:absolute;left:0;top:0}.journey-step small{max-width:150px;min-height:0;padding-top:18px;font-size:11px;text-align:left}.journey-step>i{left:43px;right:auto;top:38px}.journey-step.path-right:after,.journey-step.path-left:after,.journey-step.path-down:after,.journey-step:not(:last-child):after{content:"";display:block;position:absolute;z-index:0;left:28px;right:auto;top:58px;width:2px;height:35px;background:#d9dbde}.journey-step:before{display:none}.journey-step.completed:after{background:var(--sage)}.journey-step.current:after{background:linear-gradient(var(--gold),#d9dbde)}.journey-step .you-are-here{left:29px;top:-29px}.stage-milestone{width:100%;margin-top:24px}.stage-milestone:before{left:46px}.collapse-stage.bottom{margin-top:18px}.stage-expansion.preview-mode .stage-map-viewport{max-height:520px}.stage-expansion.preview-mode .stage-map-viewport:after{height:135px}.stage-expansion.fully-expanded .stage-map-viewport{max-height:4200px}.stage-reveal{margin-top:-18px}}
@media(max-width:760px){.stage-tabs{scrollbar-width:none}.stage-tabs::-webkit-scrollbar{display:none}}
@media(max-width:760px){
  .roadmap-card:not(.lesson-embedded-journey) .stage-tabs{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    overflow:visible;
    padding:0;
    scroll-snap-type:none;
  }
  .roadmap-card:not(.lesson-embedded-journey) .stage-tab{
    min-width:0;
    min-height:112px;
    padding:11px 6px;
  }
  .roadmap-card:not(.lesson-embedded-journey) .stage-tab span{font-size:20px;}
  .roadmap-card:not(.lesson-embedded-journey) .stage-tab strong{margin:3px 0 2px;font-size:13px;line-height:1.12;}
  .roadmap-card:not(.lesson-embedded-journey) .stage-tab small{font-size:9px;}
  .roadmap-card:not(.lesson-embedded-journey) .stage-tab em{margin-top:7px;font-size:9px;}

  /* The default stage preview is a short, swipeable rail: three lessons are
     clear at once and the next lesson deliberately peeks in as an invitation. */
  .roadmap-card:not(.lesson-embedded-journey) .stage-expansion.preview-mode .stage-map-viewport{
    box-sizing:border-box;
    max-height:160px;
    overflow-x:auto;
    overflow-y:hidden;
    margin:0 -8px;
    padding:28px 8px 0;
    scrollbar-width:none;
    scroll-snap-type:x proximity;
  }
  .roadmap-card:not(.lesson-embedded-journey) .stage-expansion.preview-mode .stage-map-viewport::-webkit-scrollbar{display:none;}
  .roadmap-card:not(.lesson-embedded-journey) .stage-expansion.preview-mode .stage-map-viewport:after{content:none;}
  .roadmap-card:not(.lesson-embedded-journey) .stage-expansion.preview-mode .journey-path{
    display:flex;
    gap:9px;
    min-width:max-content;
    padding:11px 6px 6px;
    transform:none!important;
  }
  .roadmap-card:not(.lesson-embedded-journey) .stage-expansion.preview-mode .journey-step{
    flex:0 0 80px;
    width:80px;
    height:108px;
    padding:0;
    align-items:center;
    justify-content:flex-start;
    text-align:center;
    scroll-snap-align:start;
  }
  .roadmap-card:not(.lesson-embedded-journey) .stage-expansion.preview-mode .journey-step .step-circle{
    position:relative;
    left:auto;
    top:auto;
    width:46px;
    height:46px;
  }
  .roadmap-card:not(.lesson-embedded-journey) .stage-expansion.preview-mode .journey-step small{
    max-width:76px;
    min-height:0;
    padding-top:6px;
    font-size:9px;
    line-height:1.1;
    text-align:center;
  }
  .roadmap-card:not(.lesson-embedded-journey) .stage-expansion.preview-mode .journey-step>i{
    left:auto;
    right:7px;
    top:31px;
  }
  .roadmap-card:not(.lesson-embedded-journey) .stage-expansion.preview-mode .journey-step:before{display:none!important;}
  .roadmap-card:not(.lesson-embedded-journey) .stage-expansion.preview-mode .journey-step:not(:last-child):after{
    display:block!important;
    left:calc(50% + 23px)!important;
    right:auto!important;
    top:22px!important;
    width:43px!important;
    height:2px!important;
    background:rgba(177,184,193,.38)!important;
  }

  /* The full mobile stage keeps the desktop map idea, condensed into a
     six-row serpentine overview so all 30 days remain visible together. */
  .roadmap-card:not(.lesson-embedded-journey) .stage-expansion.fully-expanded .stage-map-viewport{
    max-height:none;
    overflow:visible;
    margin:0;
    padding:0;
  }
  .roadmap-card:not(.lesson-embedded-journey) .stage-expansion.fully-expanded .journey-path{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    grid-auto-rows:70px;
    gap:13px 4px;
    min-width:0;
    padding:16px 2px 8px;
    transform:none;
  }
  .roadmap-card:not(.lesson-embedded-journey) .stage-expansion.fully-expanded .journey-step{
    grid-row:var(--mobile-stage-row)!important;
    grid-column:var(--mobile-stage-col)!important;
    width:100%;
    height:70px;
    padding:0;
    align-items:center;
    justify-content:flex-start;
    text-align:center;
  }
  .roadmap-card:not(.lesson-embedded-journey) .stage-expansion.fully-expanded .journey-step .step-circle{
    position:relative;
    left:auto;
    top:auto;
    width:42px;
    height:42px;
    font-size:11px;
  }
  .roadmap-card:not(.lesson-embedded-journey) .stage-expansion.fully-expanded .journey-step small{
    width:54px;
    max-width:54px;
    min-height:0;
    padding-top:3px;
    font-size:9px;
    line-height:1.08;
    text-align:center;
    -webkit-line-clamp:2;
  }
  .roadmap-card:not(.lesson-embedded-journey) .stage-expansion.fully-expanded .journey-step>i{
    left:auto;
    right:calc(50% - 28px);
    top:26px;
    width:15px;
    height:15px;
    font-size:8px;
  }
  .roadmap-card:not(.lesson-embedded-journey) .stage-expansion.fully-expanded .journey-step:after{
    display:none!important;
  }
  .roadmap-card:not(.lesson-embedded-journey) .stage-expansion.fully-expanded .journey-step.mobile-path-right:after,
  .roadmap-card:not(.lesson-embedded-journey) .stage-expansion.fully-expanded .journey-step.mobile-path-left:after,
  .roadmap-card:not(.lesson-embedded-journey) .stage-expansion.fully-expanded .journey-step.mobile-path-down-right:after,
  .roadmap-card:not(.lesson-embedded-journey) .stage-expansion.fully-expanded .journey-step.mobile-path-down-left:after{
    display:block!important;
    top:20px!important;
    height:2px!important;
    background:rgba(177,184,193,.38)!important;
  }
  .roadmap-card:not(.lesson-embedded-journey) .stage-expansion.fully-expanded .journey-step.mobile-path-right:after{left:calc(50% + 21px)!important;width:calc(100% - 38px)!important;}
  .roadmap-card:not(.lesson-embedded-journey) .stage-expansion.fully-expanded .journey-step.mobile-path-left:after{left:auto!important;right:calc(50% + 21px)!important;width:calc(100% - 38px)!important;}
  .roadmap-card:not(.lesson-embedded-journey) .stage-expansion.fully-expanded .journey-step.mobile-path-down-right:after,
  .roadmap-card:not(.lesson-embedded-journey) .stage-expansion.fully-expanded .journey-step.mobile-path-down-left:after{top:42px!important;width:2px!important;height:41px!important;}
  .roadmap-card:not(.lesson-embedded-journey) .stage-expansion.fully-expanded .journey-step.mobile-path-down-right:after{left:calc(50% - 1px)!important;}
  .roadmap-card:not(.lesson-embedded-journey) .stage-expansion.fully-expanded .journey-step.mobile-path-down-left:after{left:calc(50% - 1px)!important;}
  .roadmap-card:not(.lesson-embedded-journey) .stage-expansion.fully-expanded .journey-step:before{display:none;}
}

/* My Account */
.account-page{max-width:1110px}.account-notice{margin:0 0 22px;padding:13px 18px;border-radius:13px;background:var(--sage-soft);color:var(--sage);box-shadow:var(--soft-shadow);font-weight:600}.account-card{position:relative;margin-bottom:30px;padding:38px;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);overflow:hidden}.account-card h2{margin:0;font:600 31px 'Playfair Display',serif}.profile-card{min-height:390px;display:grid;grid-template-columns:190px minmax(0,1fr);gap:38px;align-items:start}.account-avatar{width:170px;height:170px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#f9f6ed,#e5ebe5);color:var(--ink);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--gold),0 12px 30px rgba(25,33,46,.14);font:600 64px 'Playfair Display',serif}.account-status{display:inline-flex;align-items:center;gap:8px;margin:14px 0 18px;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:500;box-shadow:inset 0 0 0 1px currentColor}.account-status.member{color:var(--gold);background:#fffaf1}.account-status.free{color:var(--sage);background:#f8fbf8}.profile-list{margin:4px 0 24px}.profile-list>div{display:grid;grid-template-columns:185px 1fr;align-items:center;min-height:62px;box-shadow:0 1px 0 rgba(25,33,46,.1)}.profile-list dt{display:flex;align-items:center;gap:12px;font-weight:600}.profile-list dt span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#f1f2ee;color:var(--ink)}.profile-list dd{margin:0;color:var(--muted)}.qa-button.compact{min-width:0;padding:12px 22px;font-size:13px}.account-quran-art{position:absolute;right:24px;bottom:8px;width:245px;opacity:.22;pointer-events:none}.account-quran-art path{fill:none;stroke:var(--gold);stroke-width:1.5}.access-card{min-height:305px}.access-card:after{content:"";position:absolute;right:-15px;top:25px;width:185px;height:235px;border:2px solid rgba(182,107,19,.08);border-radius:90px 90px 0 0;box-shadow:inset 0 0 0 10px #fff,inset 0 0 0 12px rgba(182,107,19,.06);pointer-events:none}.access-copy,.access-benefits,.access-actions{position:relative;z-index:1}.access-status{display:flex;align-items:center;gap:12px;margin:17px 0 3px}.access-status span{padding:4px 13px;border-radius:999px;background:var(--gold-soft);color:var(--gold);font-size:12px}.access-summary{margin:0;color:var(--muted);font-size:13px}.access-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(720px,85%);margin:29px 0 24px}.access-benefits>span{display:flex;align-items:center;gap:11px;padding-right:15px;font-size:12px;font-weight:600}.access-benefits>span+span{padding-left:20px;box-shadow:-1px 0 rgba(25,33,46,.1)}.access-benefits i,.preference-row i{flex:none;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#f1f2ed;color:var(--ink);font-size:21px;font-style:normal}.access-actions{display:flex;align-items:center;gap:18px;min-height:44px}.access-actions>div{display:flex;flex-direction:column;margin-right:auto}.access-actions small{color:var(--muted)}.account-text-link{color:var(--gold);font-size:13px;font-weight:600;text-underline-offset:3px}.preferences-card h2{margin-bottom:16px}.preference-row{position:relative;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 1px 0 rgba(25,33,46,.1);cursor:pointer}.preference-row>span:first-child{display:flex;align-items:center;gap:16px}.preference-row i{width:38px;height:38px;font-size:17px}.preference-row select{min-width:175px;padding:10px 40px 10px 13px;border:0;border-radius:9px;background:#f7f7f5;color:var(--ink)}.switch-input{position:absolute;right:0;width:50px;height:30px;opacity:0;cursor:pointer}.switch{position:relative;width:50px;height:29px;border-radius:999px;background:#c8cbd0;transition:.2s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:23px;height:23px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:.2s}.switch-input:checked+.switch{background:var(--gold)}.switch-input:checked+.switch:after{transform:translateX(21px)}.switch-input:focus-visible+.switch{outline:3px solid rgba(182,107,19,.3);outline-offset:3px}.privacy-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-top:24px}.privacy-row h3{margin:0 0 10px;font:600 19px 'Playfair Display',serif}.privacy-row a{display:inline-block;margin-right:25px;color:var(--gold);font-size:12px;text-underline-offset:3px}
@media(max-width:900px){.profile-card{grid-template-columns:140px 1fr;gap:26px}.account-avatar{width:130px;height:130px}.access-benefits{width:100%}.access-actions{align-items:flex-start;flex-wrap:wrap}.access-actions>div{width:100%}}
@media(max-width:760px){.account-card{padding:24px}.profile-card{grid-template-columns:1fr;text-align:center}.account-avatar{margin:auto}.profile-list{text-align:left}.profile-list>div{grid-template-columns:125px 1fr}.account-quran-art{display:none}.access-card:after{opacity:.6}.access-benefits{grid-template-columns:1fr;gap:10px}.access-benefits>span,.access-benefits>span+span{padding:0;box-shadow:none}.access-actions{display:grid}.access-actions>div{margin:0}.access-actions .qa-button{width:100%}.privacy-row{align-items:stretch;flex-direction:column}.privacy-row a{display:block;margin:8px 0}.privacy-row .qa-button{width:100%}.preference-row{font-size:13px}.preference-row select{min-width:125px}}

/* Why Join the Academy */
.why-join-page{max-width:1180px}.why-hero,.why-values,.academy-access-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow)}.why-hero{min-height:570px;padding:54px;display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:25px}.why-copy h1{margin:20px 0 22px;font:600 clamp(45px,5vw,67px)/1.08 'Playfair Display',serif;letter-spacing:-.025em}.why-copy>p:not(.qa-eyebrow){max-width:410px;color:var(--muted)}.why-copy>span{display:block;margin-top:35px;color:var(--gold);font:500 16px 'Playfair Display',serif}.why-journey-art svg{width:100%;height:auto}.why-journey-art path,.why-journey-art circle{fill:none;stroke:#c99753;stroke-width:1.7}.why-journey-art .arch{stroke:#d6c6ab}.why-journey-art .route{stroke-width:2.2}.why-journey-art .book{stroke:#8c795e}.why-journey-art .rocket{stroke:var(--gold)}.why-values{margin-top:30px;padding:34px}.why-values>h2{text-align:center;margin:0 0 28px;font:600 38px 'Playfair Display',serif}.why-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.why-value-grid article{min-width:0;min-height:350px;padding:27px 22px;text-align:center;border-radius:19px;background:#fff;box-shadow:var(--soft-shadow);display:flex;flex-direction:column;align-items:center}.why-value-grid article>span{width:105px;height:105px;border-radius:50%;display:grid;place-items:center;background:#f2f2eb;color:var(--gold);box-shadow:0 0 0 1px rgba(182,107,19,.18),0 8px 20px rgba(25,33,46,.08);font:600 30px 'Playfair Display',serif}.why-value-grid h3{width:100%;min-height:72px;margin:23px 0 15px;padding:10px;border-radius:11px;background:#fff;box-shadow:0 7px 18px rgba(25,33,46,.1);font:600 20px/1.25 'Playfair Display',serif;display:grid;place-items:center}.why-value-grid p{margin:0;color:var(--muted);font-size:13px}.academy-access-card{width:min(980px,94%);margin:32px auto 0;padding:42px 60px;display:grid;grid-template-columns:110px minmax(0,1fr);gap:32px;align-items:center}.academy-access-card .access-lock{width:95px;height:95px;border-radius:50%;display:grid;place-items:center;background:#f2f2eb;color:var(--gold);font-size:42px;box-shadow:var(--soft-shadow)}.academy-access-card h2{margin:0;text-align:center;font:600 39px 'Playfair Display',serif}.academy-access-card p{text-align:center;color:var(--muted)}.academy-access-card ul,.order-card ul{list-style:none;padding:0;margin:20px auto;max-width:600px}.academy-access-card li,.order-card li{position:relative;margin:10px 0;padding-left:30px}.academy-access-card li:before,.order-card li:before{content:"✓";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--sage-soft);color:var(--sage);font-size:11px}.one-time-label{display:block;margin:18px 0 12px;color:var(--gold)}.academy-access-card .qa-button{display:flex;margin:0 auto}.academy-access-card small,.academy-access-card .account-text-link{display:block;text-align:center;margin-top:11px}.why-closing{text-align:center;margin:30px 0 0;font:600 24px 'Playfair Display',serif}

/* Join Academy checkout */
.checkout-topbar{min-height:90px;padding:15px 40px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;background:#fff;box-shadow:0 8px 30px rgba(25,33,46,.07)}.checkout-topbar>a:last-child{justify-self:end;font-size:13px}.checkout-progress{display:flex;list-style:none;padding:0;margin:0;gap:54px}.checkout-progress li{position:relative;display:flex;flex-direction:column;align-items:center;color:#9599a0;font-size:11px}.checkout-progress li:not(:last-child):after{content:"";position:absolute;left:35px;top:15px;width:44px;height:1px;background:#d9dbde}.checkout-progress span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f0f1f1;color:var(--ink);font-size:12px}.checkout-progress .done span{background:#aebc9f;color:#fff}.checkout-progress .active{color:var(--gold);font-weight:700}.checkout-progress .active span{background:var(--gold);color:#fff}.qa-checkout-main{min-height:100vh;background:linear-gradient(#fff 30%,#faf9f6 30%,#fff)}.checkout-page{max-width:1180px}.checkout-heading{text-align:center;margin:15px 0 55px}.checkout-heading h1{margin:0;font:600 clamp(40px,5vw,58px) 'Playfair Display',serif}.checkout-heading p{color:var(--muted)}.checkout-columns{display:grid;grid-template-columns:1.08fr .82fr;gap:30px;align-items:start}.checkout-card{padding:34px;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.checkout-card>h2{margin:0 0 25px;font:600 27px 'Playfair Display',serif}.checkout-card>h2 span{display:inline-grid;place-items:center;width:45px;height:45px;margin-right:12px;border-radius:50%;background:#f5f5f3;font:400 18px Inter}.checkout-account{display:grid;grid-template-columns:58px 1fr auto;grid-template-rows:auto auto;gap:0 16px;align-items:center;padding:17px;border-radius:14px;background:#fbfbfa;box-shadow:inset 0 0 0 1px rgba(25,33,46,.08)}.checkout-account>span{grid-row:1/3;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#aebc9f;color:#fff;font-size:27px}.checkout-account div{display:flex;flex-direction:column}.checkout-account small{color:var(--muted)}.checkout-account em{padding:5px 10px;border-radius:999px;background:var(--sage-soft);color:var(--sage);font-style:normal;font-size:11px}.checkout-account>a{grid-column:3;font-size:11px}.payment-card h3{margin:32px 0 16px;font:600 19px 'Playfair Display',serif}.gateway-setup{min-height:245px;border-radius:16px;background:#faf9f6;box-shadow:inset 0 0 0 1px rgba(25,33,46,.07);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.gateway-setup>span{width:57px;height:57px;border-radius:50%;display:grid;place-items:center;background:var(--sage-soft);color:var(--sage);font-size:25px}.gateway-setup p{max-width:350px;color:var(--muted);font-size:13px}.payment-security{display:flex;align-items:center;gap:12px;margin:24px auto 0;max-width:390px;color:var(--muted);font-size:12px}.payment-security span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--sage-soft);color:var(--sage)}.order-card{text-align:center;position:sticky;top:20px}.order-art{margin:auto;width:150px;height:90px;display:grid;place-items:center;color:var(--gold);background:var(--gold-soft);border-radius:75px 75px 16px 16px;font:600 25px 'Playfair Display',serif}.order-card>h2{margin:19px 0 4px}.order-card>p{margin:0;color:var(--muted);font-size:13px}.order-card ul{text-align:left}.order-total{display:grid;grid-template-columns:1fr auto;padding:20px 0;border-top:1px solid #e4e5e6;border-bottom:1px solid #e4e5e6;text-align:left}.order-total strong{font-size:20px}.order-total small{grid-column:1/3;text-align:right;color:var(--muted)}.order-card>.account-text-link{display:inline-block;margin:20px 0}.order-card .qa-button{width:100%}.checkout-disabled{opacity:.55;cursor:not-allowed}.order-card>small{display:block;margin-top:11px;color:var(--muted)}.secure-payment{color:var(--sage)!important}.checkout-help{text-align:center;padding:35px 0}.checkout-help a{text-underline-offset:3px}.checkout-help>p{margin:0 0 15px;color:var(--muted)}
@media(max-width:900px){.why-hero{grid-template-columns:1fr}.why-copy{text-align:center}.why-copy>p:not(.qa-eyebrow){margin-left:auto;margin-right:auto}.why-value-grid{gap:14px}.academy-access-card{grid-template-columns:1fr}.academy-access-card .access-lock{margin:auto}.checkout-columns{grid-template-columns:1fr}.order-card{position:static}.checkout-topbar{padding:14px 20px}.checkout-progress{gap:30px}.checkout-progress li:not(:last-child):after{width:24px}}
@media(max-width:760px){.why-hero{padding:28px;min-height:0}.why-copy h1{font-size:42px}.why-journey-art{margin-top:10px}.why-values{padding:22px}.why-values>h2{font-size:30px}.why-value-grid{grid-template-columns:1fr}.why-value-grid article{min-height:280px}.academy-access-card{padding:28px 22px;width:100%}.academy-access-card h2{font-size:32px}.why-closing{font-size:20px}.checkout-topbar{grid-template-columns:1fr auto}.checkout-progress{display:none}.checkout-topbar>a:last-child{font-size:11px}.checkout-heading{margin:0 0 32px}.checkout-heading h1{font-size:36px}.checkout-card{padding:22px}.checkout-account{grid-template-columns:48px 1fr}.checkout-account>span{width:46px;height:46px}.checkout-account em{grid-column:2;margin-top:8px;justify-self:start}.checkout-account>a{grid-column:2;margin-top:6px}.order-card ul{font-size:13px}}

/* Branded authentication */
.qa-login-main{min-height:100vh;background:#fff}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.login-story{position:relative;overflow:hidden;padding:55px 7vw;background:linear-gradient(145deg,#fff,#faf7f0);display:flex;flex-direction:column;justify-content:space-between}.login-brand{display:flex;align-items:center;gap:13px;text-decoration:none;font:600 19px/1.1 'Playfair Display',serif}.login-brand>span{color:var(--gold);font-size:38px}.login-story>div{position:relative;z-index:1;max-width:570px;margin:auto 0}.login-story h1{margin:14px 0 18px;font:600 clamp(46px,5vw,70px)/1.08 'Playfair Display',serif;letter-spacing:-.025em}.login-story>div>p:last-child{max-width:480px;color:var(--muted)}.login-story svg{width:min(560px,90%);margin:15px auto 0}.login-story svg path,.login-story svg circle{fill:none;stroke:#c99753;stroke-width:1.8}.login-card{align-self:center;width:min(500px,calc(100% - 50px));margin:45px auto;padding:42px;border-radius:var(--radius);background:#fff;box-shadow:0 20px 60px rgba(25,33,46,.14)}.auth-tabs{display:grid;grid-template-columns:1fr 1.35fr;margin:-12px -12px 32px;padding:6px;border-radius:13px;background:#f5f5f2}.auth-tabs a{text-align:center;padding:11px;border-radius:9px;text-decoration:none;color:var(--muted);font-size:13px;font-weight:600}.auth-tabs a.active{background:#fff;color:var(--ink);box-shadow:0 5px 14px rgba(25,33,46,.09)}.login-card h2{margin:0;font:600 34px 'Playfair Display',serif}.login-card>p:not(.auth-notice){margin:6px 0 26px;color:var(--muted)}.auth-notice{padding:12px 15px;border-radius:11px;background:var(--gold-soft);color:#80521d;font-size:12px}.login-card form{display:flex;flex-direction:column;gap:17px}.login-card form>label:not(.auth-check):not(.auth-honeypot){display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600}.login-card input[type=text],.login-card input[type=email],.login-card input[type=password]{width:100%;padding:14px 15px;border:0;border-radius:10px;background:#f7f7f5;box-shadow:inset 0 0 0 1px rgba(25,33,46,.1);color:var(--ink)}.login-card input:focus{outline:3px solid rgba(182,107,19,.18);box-shadow:inset 0 0 0 1px var(--gold)}.login-card label small{color:var(--muted);font-weight:400}.auth-check{font-size:12px;color:var(--muted)}.auth-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.login-card .qa-button{width:100%;border:0;cursor:pointer}.forgot-link{display:block;margin-top:20px;text-align:center;color:var(--gold);font-size:12px}.auth-terms{display:block;margin-top:17px;text-align:center;color:var(--muted);font-size:10px}
@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-story{min-height:330px;padding:35px}.login-story>div{text-align:center;margin:45px auto 0}.login-story>div>p:last-child{margin-left:auto;margin-right:auto}.login-story svg{display:none}.login-card{margin-top:-35px;position:relative;z-index:2}}
@media(max-width:560px){.login-story{min-height:280px;padding:25px}.login-story h1{font-size:38px}.login-story>div{margin-top:32px}.login-card{width:calc(100% - 28px);padding:26px 22px}.login-card h2{font-size:30px}.auth-tabs{grid-template-columns:1fr 1.4fr}.auth-tabs a{font-size:11px}}

/* Student registration / learner onboarding */
.onboarding-page{min-height:100vh;padding:0 30px 45px;background:#fff}.onboarding-topbar{min-height:88px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;max-width:1420px;margin:auto}.onboarding-topbar>p{margin:0;font-weight:600}.onboarding-topbar>p span{color:var(--gold)}.onboarding-topbar>p i{margin:0 12px;color:var(--gold);font-style:normal}.onboarding-topbar form{justify-self:end}.onboarding-topbar button{border:0;background:transparent;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.onboarding-card{max-width:1390px;min-height:720px;margin:auto;display:grid;grid-template-columns:.38fr .62fr;border-radius:var(--radius);background:#fff;box-shadow:0 20px 60px rgba(25,33,46,.14);overflow:hidden}.onboarding-story{position:relative;padding:70px 55px;background:linear-gradient(145deg,#f8f8f3,#f2f3ed);overflow:hidden}.onboarding-story h1{margin:28px 0 23px;font:600 clamp(42px,4.3vw,62px)/1.12 'Playfair Display',serif}.onboarding-story>p:not(.qa-eyebrow){max-width:370px;color:var(--muted)}.onboarding-story svg{position:absolute;left:30px;right:30px;bottom:20px;width:calc(100% - 60px);height:340px}.onboarding-story svg path,.onboarding-story svg circle{fill:none;stroke:#7d886f;stroke-width:1.7}.onboarding-form{padding:48px 55px}.onboarding-form h2{margin:0;font:600 39px 'Playfair Display',serif}.onboarding-form>p{margin:4px 0 25px;color:var(--muted)}.onboarding-form fieldset{border:0;padding:0;margin:0 0 22px}.onboarding-form legend{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:15px;font-weight:700}.onboarding-form legend b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#fff;font-size:11px}.onboarding-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.onboarding-choices label{cursor:pointer}.onboarding-choices input{position:absolute;opacity:0}.onboarding-choices span{min-height:112px;padding:16px 10px;border-radius:14px;background:#fff;box-shadow:0 7px 20px rgba(25,33,46,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:12px;font-weight:600}.onboarding-choices i{margin-bottom:8px;color:#66705f;font:400 26px Inter}.onboarding-choices input:checked+span{box-shadow:0 0 0 2px var(--gold),0 9px 24px rgba(182,107,19,.15)}.onboarding-choices input:focus-visible+span{outline:3px solid rgba(182,107,19,.25);outline-offset:3px}.onboarding-form fieldset>small{display:block;margin-top:8px;color:var(--muted)}.reminder-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px}.reminder-controls label{display:flex;flex-direction:column;padding:8px 12px;border-radius:10px;background:#f7f7f5;box-shadow:inset 0 0 0 1px rgba(25,33,46,.08)}.reminder-controls span{color:var(--muted);font-size:10px}.reminder-controls select{border:0;background:transparent;padding:3px 0;color:var(--ink)}.onboarding-toggle{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:12px;cursor:pointer}.onboarding-toggle input{position:absolute;opacity:0}.onboarding-toggle>span{position:relative;width:43px;height:24px;border-radius:999px;background:#c8cbd0}.onboarding-toggle>span:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s}.onboarding-toggle input:checked+span{background:var(--gold)}.onboarding-toggle input:checked+span:after{transform:translateX(19px)}.onboarding-form>.qa-button{width:100%;border:0;cursor:pointer}.onboarding-reassurance{display:block;margin-top:12px;text-align:center;color:var(--muted)}.personalise-link{display:inline-block;margin:-8px 0 14px;color:var(--gold);font-size:12px;text-underline-offset:3px}
.qa-dark-mode .onboarding-page{background:#111416;color:var(--qa-text-strong)}
.qa-dark-mode .onboarding-topbar button{color:var(--qa-text-muted)}
.qa-dark-mode .onboarding-topbar>p{color:var(--qa-text-strong)}
.qa-dark-mode .onboarding-card{background:var(--qa-surface-raised);box-shadow:0 20px 60px rgba(0,0,0,.45)}
.qa-dark-mode .onboarding-story{background:linear-gradient(145deg,#171b1e,#1f2822);color:var(--qa-text-strong)}
.qa-dark-mode .onboarding-story>p:not(.qa-eyebrow),.qa-dark-mode .onboarding-form>p,.qa-dark-mode .onboarding-form fieldset>small,.qa-dark-mode .onboarding-reassurance{color:var(--qa-text-muted)}
.qa-dark-mode .onboarding-story svg path,.qa-dark-mode .onboarding-story svg circle{stroke:#7fa38c}
.qa-dark-mode .onboarding-choices span{background:var(--qa-surface-soft);color:var(--qa-text-strong);box-shadow:inset 0 0 0 1px rgba(244,242,236,.1),0 8px 22px rgba(0,0,0,.28)}
.qa-dark-mode .onboarding-choices i{color:#aab6a4}
.qa-dark-mode .onboarding-choices input:checked+span{box-shadow:inset 0 0 0 2px var(--gold),0 10px 26px rgba(0,0,0,.34);background:#2b251c}
.qa-dark-mode .reminder-controls label{background:var(--qa-surface-soft);box-shadow:inset 0 0 0 1px rgba(244,242,236,.12)}
.qa-dark-mode .reminder-controls span{color:var(--qa-text-muted)}
.qa-dark-mode .reminder-controls select{color:var(--qa-text-strong)}
.qa-dark-mode .onboarding-toggle{color:var(--qa-text-muted)}
.qa-dark-mode .onboarding-toggle>span{background:#3b4348}
.qa-dark-mode .onboarding-toggle input:checked+span{background:var(--gold)}
@media(max-width:1000px){.onboarding-card{grid-template-columns:1fr}.onboarding-story{min-height:350px;text-align:center}.onboarding-story>p:not(.qa-eyebrow){margin-left:auto;margin-right:auto}.onboarding-story svg{display:none}}
@media(max-width:700px){.onboarding-page{padding:0 14px 30px}.onboarding-topbar{grid-template-columns:1fr auto}.onboarding-topbar>p{display:none}.onboarding-topbar form{font-size:11px}.onboarding-story{min-height:300px;padding:45px 25px}.onboarding-story h1{font-size:39px}.onboarding-form{padding:30px 22px}.onboarding-form h2{font-size:32px}.onboarding-choices{grid-template-columns:1fr}.onboarding-choices span{min-height:85px}.reminder-controls{grid-template-columns:1fr}}

/* Reusable lesson page baseline — Day 2 */
.qa100-lesson-page{background:#fff}.qa-lesson-main{min-height:100vh}.lesson-app{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh;background:#fff;color:var(--ink)}.lesson-sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:28px 20px 35px;background:#fff;box-shadow:10px 0 32px rgba(25,33,46,.07);overflow-y:auto;z-index:20}.lesson-brand{display:flex;align-items:center;gap:10px;margin:0 8px 38px;text-decoration:none}.lesson-brand>span{font-size:35px;color:var(--sage)}.lesson-brand strong{font-size:14px;letter-spacing:.08em}.lesson-brand small{display:block;font-size:8px;letter-spacing:.16em}.lesson-back{display:block;margin:0 8px 16px;font-size:12px;text-decoration:none}.lesson-primary-nav{display:grid;gap:7px;padding-bottom:20px;box-shadow:0 1px rgba(25,33,46,.09)}.lesson-primary-nav a{display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:9px;text-decoration:none;font-size:13px}.lesson-primary-nav a span{font-size:20px}.lesson-primary-nav a.active{position:relative;background:#fbf7ef;color:var(--gold)}.lesson-primary-nav a.active:before{content:"";position:absolute;left:-5px;top:0;bottom:0;width:3px;border-radius:3px;background:var(--gold)}.lesson-stage-nav{padding:23px 8px 0}.lesson-stage-nav>p{margin:0 0 20px;color:var(--sage);font-size:12px;font-weight:600}.lesson-stage-nav ol{list-style:none;padding:0;margin:0}.lesson-stage-nav li{position:relative;display:grid;grid-template-columns:34px 1fr;gap:11px;min-height:83px}.lesson-stage-nav li:not(:last-child):after{content:"";position:absolute;left:16px;top:35px;width:2px;height:47px;background:#9eb69c}.lesson-stage-nav li>span{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;border:1px solid #aeb2b5;background:#fff;color:#888}.lesson-stage-nav li.done>span{border-color:var(--sage);color:var(--sage)}.lesson-stage-nav li.current>span{border-color:var(--gold);background:var(--gold);color:#fff}.lesson-stage-nav li a{display:flex;flex-direction:column;text-decoration:none;font-size:12px}.lesson-stage-nav li.current a{color:var(--gold)}.lesson-stage-nav li small{max-width:100px;margin-top:3px;font-size:11px;line-height:1.35}.full-stage{display:inline-block;margin:5px 0 20px;color:var(--sage);font-size:12px;text-decoration:none}.lesson-sidebar-academy{margin:6px 0 0;padding:25px 17px;text-align:center;border-radius:15px;background:#fff;box-shadow:0 0 0 1px rgba(182,107,19,.28),0 10px 28px rgba(25,33,46,.08)}.lesson-sidebar-academy>span{color:var(--gold);font-size:22px}.lesson-sidebar-academy h2{margin:10px 0 12px;color:var(--gold);font:600 16px 'Playfair Display',serif}.lesson-sidebar-academy p{margin:0;color:var(--muted);font-size:10px;line-height:1.7}.lesson-sidebar-academy a{display:inline-block;margin-top:15px;color:var(--gold);font-size:11px;font-weight:600;text-decoration:none}
.lesson-workspace{grid-column:2;min-width:0}.lesson-topbar{height:72px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px rgba(25,33,46,.06)}.lesson-topbar>a{color:var(--sage);font-size:12px;text-decoration:none}.lesson-topbar nav{display:flex;align-items:center;gap:20px}.lesson-topbar button{border:0;background:transparent;color:var(--ink);cursor:pointer}.lesson-topbar nav>a{text-decoration:none;font-size:21px}.lesson-page-content{width:min(1080px,calc(100% - 48px));margin:0 auto;padding:25px 0 45px}.lesson-title>span{display:inline-block;padding:5px 11px;border-radius:999px;background:var(--gold-soft);color:var(--gold);font-size:11px}.lesson-title h1{margin:14px 0 5px;font:600 clamp(38px,4vw,56px)/1.1 'Playfair Display',serif}.lesson-title p{margin:0 0 28px;color:var(--muted)}.lesson-card{border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(25,33,46,.11)}.lesson-card h2{margin:0;font:600 24px 'Playfair Display',serif}.lesson-opening{display:grid;grid-template-columns:1.55fr .85fr;gap:20px}.lesson-video,.learn-today{padding:24px}.video-placeholder{position:relative;min-height:300px;margin-top:18px;border-radius:13px;background:linear-gradient(135deg,#f8f5ee,#e9e3d8);display:grid;place-items:center;overflow:hidden}.video-placeholder:before{content:"";position:absolute;width:230px;height:150px;border-radius:55% 45% 50% 50%;background:#fff;box-shadow:0 25px 32px rgba(25,33,46,.12);transform:rotate(-5deg)}.video-placeholder>span{position:relative;z-index:1;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;padding-left:5px;background:#fff;color:var(--gold);box-shadow:0 8px 22px rgba(25,33,46,.14);font-size:26px}.video-placeholder p{position:absolute;left:0;right:0;bottom:0;margin:0;padding:13px 18px;background:#292b2d;color:#fff;font-size:11px}.learn-today{display:flex;flex-direction:column}.learn-today ul{list-style:none;padding:0;margin:14px 0}.learn-today li{display:grid;grid-template-columns:43px 1fr;align-items:center;gap:10px;margin:10px 0;font-size:12px}.learn-today li>span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--gold-soft);color:var(--gold)}.lesson-progress{margin-top:auto;padding-top:16px;box-shadow:0 -1px rgba(25,33,46,.07)}.lesson-progress strong,.lesson-progress small{display:block;font-size:11px}.lesson-progress>span{display:block;height:5px;margin:10px 0;border-radius:999px;background:#e7e7e5}.lesson-progress i{display:block;width:48%;height:100%;border-radius:inherit;background:var(--gold)}.lesson-progress small{color:var(--gold)}
.pronoun-summary,.quran-examples,.practice-card{margin-top:24px;padding:28px}.pronoun-summary>p,.quran-examples>p,.practice-card>p{color:var(--muted);font-size:12px}.you-and-i{width:260px;margin:17px auto 20px;padding:9px;text-align:center;border-radius:11px;background:#fdfbf7;box-shadow:0 0 0 1px rgba(182,107,19,.15)}.you-and-i b{display:block;font:700 32px 'Noto Naskh Arabic',serif}.you-and-i span{font-size:13px}.foundation-pronouns{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;max-width:780px;margin:auto;text-align:center}.foundation-pronouns div{display:flex;flex-direction:column;align-items:center}.foundation-pronouns i{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;background:var(--gold-soft);color:var(--gold);font-style:normal}.foundation-pronouns b{margin-top:6px;font:700 28px 'Noto Naskh Arabic',serif}.foundation-pronouns span{font-size:12px}.pronoun-map{width:min(690px,100%);margin:20px auto}.pronoun-map p{display:flex;align-items:center;margin:8px 0}.pronoun-map b{min-width:65px;padding:5px 12px;text-align:center;border-radius:8px;background:#fdfbf7;box-shadow:0 0 0 1px rgba(182,107,19,.16);font:700 20px 'Noto Naskh Arabic',serif}.pronoun-map i{position:relative;flex:1;height:2px;margin:0 8px;background:var(--gold)}.pronoun-map i:after{content:"";position:absolute;right:-1px;top:-3px;border-left:6px solid var(--gold);border-top:4px solid transparent;border-bottom:4px solid transparent}.pronoun-summary>small{display:block;text-align:center;color:var(--muted)}.quran-example-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.quran-example-grid article{min-height:125px;padding:16px 10px;text-align:center;border-radius:11px;background:#fcfbf8;display:flex;flex-direction:column;justify-content:center}.quran-example-grid b{font:700 23px 'Noto Naskh Arabic',serif}.quran-example-grid span{margin-top:10px;font-size:10px}.quran-examples details{margin-top:16px;border-radius:10px;background:#faf9f6}.quran-examples summary{padding:13px;text-align:center;cursor:pointer;font-size:12px}.quran-examples details>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 15px 15px}.quran-examples details span{text-align:center;font-size:11px}.quran-examples details b{font:700 19px 'Noto Naskh Arabic',serif}.key-insight{margin-top:24px;padding:24px;display:grid;grid-template-columns:60px .75fr 1.1fr;gap:20px;align-items:center;background:linear-gradient(90deg,#fff,#fdfaf4)}.insight-icon{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:var(--gold-soft);color:var(--gold);font-size:29px}.key-insight h2{font-size:21px}.key-insight strong,.key-insight p{font-size:12px}.key-insight p{margin:5px 0;color:var(--muted)}.key-insight blockquote{margin:0;padding-left:25px;text-align:center;box-shadow:-1px 0 rgba(182,107,19,.18)}.key-insight blockquote b{font:700 25px 'Noto Naskh Arabic',serif}.key-insight blockquote p{color:var(--ink)}.key-insight cite{color:var(--muted);font-size:10px;font-style:normal}
.practice-card{position:relative}.practice-window{position:relative;max-height:215px;overflow:hidden;transition:max-height .35s ease}.practice-window:after{content:"";position:absolute;left:0;right:0;bottom:0;height:75px;background:linear-gradient(transparent,#fff)}.practice-card.expanded .practice-window{max-height:1000px}.practice-card.expanded .practice-window:after{display:none}.practice-question{margin:11px 0 0;padding:14px;border:0;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(25,33,46,.11)}.practice-question legend{display:grid;grid-template-columns:26px 1fr;align-items:center;padding:0 4px;font-size:12px}.practice-question legend>span{grid-row:1/3;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#5f6875;color:#fff}.practice-question legend small{grid-column:2;color:var(--muted)}.answer-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.answer-options button{min-height:43px;border:0;border-radius:9px;background:#fff;box-shadow:inset 0 0 0 1px rgba(25,33,46,.12);cursor:pointer}.answer-options button b{font:700 21px 'Noto Naskh Arabic',serif}.answer-options button.correct{background:var(--sage-soft);box-shadow:inset 0 0 0 1px var(--sage)}.answer-options button.incorrect{background:#fff4ef;box-shadow:inset 0 0 0 1px #c98265}.text-options button{font-size:11px}.answer-feedback{min-height:16px;margin:7px 0 0;color:#a45136;font-size:11px}.answer-feedback.is-correct{color:var(--sage)}.practice-expand{position:relative;z-index:2;width:100%;height:42px;margin-top:-2px;border:0;border-radius:9px;background:#faf9f6;color:var(--ink);font-weight:600;cursor:pointer}.practice-expand span{margin-right:12px}.practice-card.expanded .practice-expand{margin-top:10px}.lesson-academy-prompt,.member-resources{margin-top:15px;padding:22px 28px;display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:center;background:linear-gradient(100deg,#fff,#fdf9f2)}.practice-card:has(+ .practice-academy-prompt){margin-bottom:0;border-radius:18px 18px 0 0;box-shadow:0 10px 28px rgba(25,33,46,.11)}.practice-academy-prompt{margin-top:0;border-radius:0 0 18px 18px;box-shadow:0 16px 28px rgba(128,86,28,.14),0 10px 28px rgba(25,33,46,.11);border-top:1px solid rgba(182,107,19,.16)}.academy-arch{width:140px;height:100px;border-radius:70px 70px 8px 8px;display:grid;place-items:center;color:var(--gold);font-size:39px;box-shadow:inset 0 0 0 2px rgba(182,107,19,.42),inset 0 0 0 9px #fff,inset 0 0 0 11px rgba(182,107,19,.16)}.lesson-academy-prompt h2{font-size:22px}.lesson-academy-prompt p{margin:5px 0 13px;color:var(--muted);font-size:12px}.lesson-academy-prompt>div:last-child>div{display:flex;gap:12px;flex-wrap:wrap}.lesson-academy-prompt .qa-button{min-width:0;padding:12px 18px;font-size:11px}.lesson-download-locked{background:#fff!important;color:var(--gold)!important;box-shadow:inset 0 0 0 1px var(--gold)!important}.member-resources{grid-template-columns:1fr auto auto}.lesson-completion{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;margin-top:18px}.lesson-completion button,.lesson-completion>a{min-height:76px;padding:16px 22px;border-radius:11px;text-align:left;text-decoration:none}.lesson-completion button{display:grid;grid-template-columns:25px 1fr;border:0;background:var(--sage);color:#fff;cursor:pointer}.lesson-completion button span{grid-row:1/3}.lesson-completion button small,.lesson-completion a small{grid-column:2;display:block;font-size:10px;opacity:.8}.lesson-completion>a{display:grid;grid-template-columns:1fr 25px;box-shadow:inset 0 0 0 1px #aab0b8}.lesson-completion>a span{grid-column:2;grid-row:1/3}.lesson-completion button.completed{background:#466a55}
@media(max-width:980px){.lesson-app{grid-template-columns:205px minmax(0,1fr)}.lesson-sidebar{width:205px;padding-left:14px;padding-right:14px}.lesson-opening{grid-template-columns:1fr}.video-placeholder{min-height:260px}.learn-today{min-height:330px}.lesson-academy-prompt{grid-template-columns:110px 1fr}.academy-arch{width:105px}}
@media(max-width:760px){.lesson-app{display:block}.lesson-sidebar{position:static;width:100%;height:auto;padding:18px;box-shadow:0 8px 24px rgba(25,33,46,.08)}.lesson-brand{margin:0 0 15px}.lesson-back,.lesson-stage-nav,.lesson-sidebar-academy{display:none}.lesson-primary-nav{grid-template-columns:1fr 1fr;padding:0;box-shadow:none}.lesson-workspace{width:100%}.lesson-topbar{height:60px;padding:0 18px}.lesson-topbar nav button{display:none}.lesson-page-content{width:calc(100% - 28px);padding-top:18px}.lesson-title h1{font-size:36px}.lesson-opening{display:block}.learn-today{min-height:0;margin-top:16px}.video-placeholder{min-height:220px}.pronoun-summary,.quran-examples,.practice-card{padding:21px}.foundation-pronouns{grid-template-columns:repeat(2,1fr)}.pronoun-map b{min-width:52px;padding:4px 7px}.quran-example-grid{grid-template-columns:1fr 1fr}.quran-examples details>div{grid-template-columns:1fr 1fr}.key-insight{grid-template-columns:55px 1fr}.key-insight blockquote{grid-column:1/-1;padding:18px 0 0;box-shadow:0 -1px rgba(182,107,19,.18)}.answer-options{grid-template-columns:1fr 1fr}.lesson-academy-prompt,.member-resources{grid-template-columns:1fr;padding:22px}.academy-arch{display:none}.lesson-academy-prompt>div:last-child>div{display:grid}.lesson-completion{grid-template-columns:1fr}.you-and-i{width:100%}}

.lesson-download-locked svg{width:16px;height:16px;margin-right:5px;fill:none;stroke:currentColor;stroke-width:1.8;vertical-align:middle}.lesson-completion form{margin:0}.lesson-completion form .complete-lesson{width:100%}.lesson-completion .login-to-complete{display:grid;grid-template-columns:25px 1fr;background:var(--sage);color:#fff;box-shadow:none}.lesson-completion .login-to-complete>span{grid-row:1/3}

.lesson-bookmark.saved{color:var(--gold);font-weight:600}.lesson-academy-prompt{padding:27px 30px;background:linear-gradient(105deg,#fffaf1 0%,#fff 58%,#fff8eb 100%);box-shadow:0 14px 36px rgba(128,86,28,.16),0 3px 10px rgba(25,33,46,.08)}.academy-arch{height:118px;background:transparent;box-shadow:none}.academy-arch svg{width:100%;height:100%;fill:none;stroke:var(--gold);stroke-width:2}.academy-arch .arch-inner{stroke:#d6a85e}.academy-arch .base{stroke:#d8c4a6}.academy-arch .spark{stroke-width:1.5}.lesson-academy-prompt h2{font-size:24px}.lesson-completion{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.lesson-completion form,.lesson-completion>a{height:100%}.lesson-completion button,.lesson-completion>a{min-height:82px}.lesson-completion button small{grid-column:2}.lesson-completion>a small{grid-column:1}.lesson-completion>a strong{grid-column:1;align-self:end}.lesson-completion>a>span{align-self:center;justify-self:end}.lesson-completion>a{padding-left:26px;padding-right:26px}

/* Day 3 attached-pronoun teaching visuals */
.attached-summary,.two-roles{margin-top:24px;padding:28px}.attached-summary>p,.two-roles>p{color:var(--muted);font-size:12px}.compact-arabic{width:min(330px,100%);margin:18px auto;padding:13px 20px;border-radius:12px;text-align:center;background:#fdfbf7;box-shadow:0 0 0 1px rgba(182,107,19,.16)}.compact-arabic>b{display:block;font:700 34px 'Noto Naskh Arabic',serif}.compact-arabic span{font-size:12px}.compact-arabic span strong{font:700 18px 'Noto Naskh Arabic',serif}.attached-summary h3{text-align:center;font:600 16px 'Playfair Display',serif}.attached-family-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px auto;max-width:900px}.attached-family-map>div{min-height:118px;padding:12px 8px;border-radius:12px;background:#fff;box-shadow:0 7px 20px rgba(25,33,46,.09);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center}.attached-family-map b,.attached-family-map strong{font:700 23px 'Noto Naskh Arabic',serif}.attached-family-map i{color:var(--gold);font-style:normal}.attached-family-map strong{color:var(--gold)}.attached-family-map span{grid-column:1/-1;color:var(--muted);font-size:10px}.attached-summary>small{display:block;text-align:center;color:var(--muted)}.two-roles>div{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:center;margin-top:18px}.two-roles article{min-height:170px;padding:18px;border-radius:15px;background:#fdfbf8;box-shadow:0 7px 20px rgba(25,33,46,.08);display:flex;flex-direction:column;align-items:center;text-align:center}.two-roles article>span{padding:4px 12px;border-radius:999px;background:var(--gold-soft);color:var(--gold);font-size:10px}.two-roles article>b{margin:13px 0 3px;font:700 32px 'Noto Naskh Arabic',serif}.two-roles article>strong{font:600 18px 'Playfair Display',serif}.two-roles article small{margin-top:8px;color:var(--muted)}.two-roles article small b{font:700 17px 'Noto Naskh Arabic',serif}.two-roles>div>i{color:var(--gold);font:500 13px 'Playfair Display',serif;white-space:nowrap}
@media(max-width:900px){.attached-family-map{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.attached-summary,.two-roles{padding:21px}.two-roles>div{grid-template-columns:1fr}.two-roles>div>i{text-align:center}.attached-family-map{gap:9px}.attached-family-map>div{min-height:105px}}
@media(max-width:760px){.lesson-completion{grid-template-columns:1fr}}

/* Immediate lesson-completion feedback: saved in place without page navigation. */
.lesson-completion button.completed{background:#876515;color:#fff;box-shadow:0 10px 24px rgba(135,101,21,.24)}
.lesson-completion button.saving{background:#5f6875;color:#fff;cursor:wait}
.lesson-completion button.save-error{background:#a45136;color:#fff}
.lesson-completion button:disabled{opacity:1}

/* Day 4: visual vowel and definiteness laboratory */
.vowel-lab,.definite-switch,.irab-core,.sentence-analyzer{margin-top:24px;padding:28px}.vowel-lab>p,.definite-switch>p,.irab-core>p,.sentence-analyzer>p{color:var(--muted);font-size:12px}.harakat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.harakat-grid article{min-height:180px;padding:20px;border-radius:16px;text-align:center;background:#fff;box-shadow:0 8px 22px rgba(25,33,46,.09);display:flex;flex-direction:column;align-items:center}.harakat-grid article>b{font:700 58px 'Noto Naskh Arabic',serif;color:var(--gold);line-height:1}.harakat-grid h3{margin:8px 0 3px;font:600 19px 'Playfair Display',serif}.harakat-grid article>strong{color:var(--gold);font-size:20px}.harakat-grid article>span{margin-top:10px;font:700 24px 'Noto Naskh Arabic',serif}.tanween-transform{margin-top:22px;padding:20px;border-radius:15px;background:#faf9f6}.tanween-transform h3{margin:0 0 16px;text-align:center;font:600 18px 'Playfair Display',serif}.tanween-transform>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tanween-transform span{padding:12px;text-align:center;border-radius:10px;background:#fff;font-size:12px}.tanween-transform b,.tanween-transform strong{font:700 32px 'Noto Naskh Arabic',serif}.tanween-transform strong{color:var(--gold)}.tanween-transform i{margin:0 10px;color:var(--gold);font-style:normal}.definite-switch>div{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin-top:20px}.definite-switch article{min-height:160px;padding:20px;border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(25,33,46,.09);display:flex;flex-direction:column;align-items:center}.definite-switch article span{color:var(--muted);font-size:10px}.definite-switch article b{margin:10px 0;font:700 36px 'Noto Naskh Arabic',serif}.definite-switch>div>i{color:var(--gold);font:600 20px 'Playfair Display',serif}.definite-switch>aside{margin-top:18px;padding:16px 20px;border-radius:12px;background:var(--gold-soft);display:grid;grid-template-columns:auto 1fr;gap:3px 17px}.definite-switch>aside strong{grid-row:1/3;color:var(--gold)}.definite-switch>aside small{color:var(--muted)}.definite-switch>aside small b{font:700 17px 'Noto Naskh Arabic',serif}

/* Day 5: sentence-role analyser */
.role-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.role-legend>span{min-height:118px;padding:17px;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(25,33,46,.09);display:flex;flex-direction:column;text-align:center}.role-legend b{font:700 27px 'Noto Naskh Arabic',serif}.role-legend strong{font:600 17px 'Playfair Display',serif}.role-legend small{color:var(--muted)}.subject{color:#39715a}.object{color:#b46b17}.linked{color:#586a98}.order-demo{display:grid;grid-template-columns:1fr auto 1fr;gap:17px;align-items:center}.order-demo article{padding:20px;text-align:center;border-radius:14px;background:#faf9f6}.order-demo article>b{font:700 27px 'Noto Naskh Arabic',serif}.order-demo p{margin:8px 0 0;font-size:12px}.order-demo>i{color:var(--gold);font:500 12px 'Playfair Display',serif}.sentence-analyzer{text-align:center}.analyzed-sentence{margin:23px 0 15px;padding:25px;border-radius:15px;background:#faf9f6;font:700 34px 'Noto Naskh Arabic',serif}.analyzed-sentence span{padding:3px 7px;border-radius:7px}.analyzed-sentence .verb{color:var(--ink);box-shadow:inset 0 -3px #aeb2b5}.analyzed-sentence .subject{box-shadow:inset 0 -3px #77a78e}.analyzed-sentence .object{box-shadow:inset 0 -3px #d09a58}.analyzed-sentence .linked{box-shadow:inset 0 -3px #8e9bc0}.analysis-labels{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.analysis-labels span{padding:12px;border-radius:10px;background:#fff;box-shadow:0 6px 18px rgba(25,33,46,.08);font-size:10px}.analysis-labels b{display:block;margin-bottom:3px}.sentence-analyzer blockquote{margin:18px 0 0;font:600 20px 'Playfair Display',serif}
@media(max-width:760px){.vowel-lab,.definite-switch,.irab-core,.sentence-analyzer{padding:21px}.harakat-grid,.tanween-transform>div,.role-legend{grid-template-columns:1fr}.definite-switch>div,.order-demo{grid-template-columns:1fr}.definite-switch>div>i,.order-demo>i{text-align:center}.analysis-labels{grid-template-columns:1fr 1fr}.analyzed-sentence{font-size:27px}.definite-switch>aside{grid-template-columns:1fr}.definite-switch>aside strong{grid-row:auto}}

/* Lesson identity header — adapted from approved visual preview */
.lesson-identity{min-height:260px;margin-bottom:28px;padding:8px 10px 24px;display:grid;grid-template-columns:minmax(0,1fr) 175px;gap:35px;align-items:center}.lesson-crumb{margin:0 0 22px;color:var(--muted);font-size:13px}.lesson-crumb span{color:var(--sage);font-weight:600}.lesson-identity h1{margin:0;font:600 clamp(48px,5vw,72px)/1.05 'Playfair Display',serif;letter-spacing:-.025em}.lesson-description{max-width:620px;margin:18px 0 25px;color:var(--muted);font-size:17px;line-height:1.55}.lesson-meta{display:flex;gap:12px;flex-wrap:wrap}.lesson-meta>span{min-height:43px;padding:10px 15px;border-radius:9px;background:#fff;box-shadow:0 4px 14px rgba(25,33,46,.08),inset 0 0 0 1px rgba(25,33,46,.08);display:flex;align-items:center;gap:7px;color:#454a52;font-size:12px}.lesson-identity-status{display:flex;flex-direction:column;align-items:center;gap:24px}.day-ring{position:relative;width:145px;height:145px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:conic-gradient(var(--gold) var(--day-progress),#ececeb 0);isolation:isolate}.day-ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#fff;z-index:-1}.day-ring span,.day-ring small{font:500 15px 'Playfair Display',serif}.day-ring strong{font:600 40px/1 'Playfair Display',serif}.lesson-identity-status .lesson-bookmark{min-width:130px;padding:9px 14px;border:0;border-radius:9px;background:transparent;color:var(--ink);font-size:13px;cursor:pointer}.lesson-identity-status .lesson-bookmark>span:first-child{margin-right:7px;font-size:21px}.lesson-identity-status .lesson-bookmark:hover{background:#faf9f6}.lesson-identity-status .lesson-bookmark.saved{background:var(--gold-soft)}
@media(max-width:760px){.lesson-identity{min-height:0;padding:0 0 20px;grid-template-columns:1fr}.lesson-identity h1{font-size:43px}.lesson-description{font-size:14px}.lesson-identity-status{grid-row:1;flex-direction:row;justify-content:space-between}.day-ring{width:95px;height:95px}.day-ring:before{inset:7px}.day-ring span,.day-ring small{font-size:10px}.day-ring strong{font-size:27px}.lesson-identity-status .lesson-bookmark{min-width:115px}.lesson-crumb{margin-bottom:14px}.lesson-meta>span{min-height:39px;padding:8px 11px;font-size:10px}}

@media(max-width:760px){.stage-mobile-label{display:block;margin-bottom:7px;color:currentColor;font-size:12px;font-weight:700}.stage-days{font-size:25px}.stage-card{padding-top:24px}}

/* Day 1 orientation — intentionally not a grammar lesson */
.orientation-guide{padding:26px;display:flex;flex-direction:column;justify-content:center}.orientation-compass{width:65px;height:65px;margin-bottom:15px;border-radius:50%;display:grid;place-items:center;background:var(--gold-soft);color:var(--gold);font-size:31px}.orientation-guide ul{list-style:none;padding:0;margin:17px 0 0}.orientation-guide li{position:relative;margin:13px 0;padding-left:25px;color:var(--muted);font-size:12px}.orientation-guide li:before{content:"✓";position:absolute;left:0;top:1px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:var(--sage-soft);color:var(--sage);font-size:10px}.orientation-purpose{margin-top:26px}.orientation-purpose>header{text-align:center;padding:15px}.orientation-purpose>header h2{margin:6px 0;font:600 38px 'Playfair Display',serif}.orientation-purpose>header>p:last-child{color:var(--muted)}.orientation-purpose>div{display:grid;grid-template-columns:1fr 1fr;gap:20px}.orientation-purpose article{min-height:285px;padding:28px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.orientation-purpose article>span{padding:5px 13px;border-radius:999px;background:var(--gold-soft);color:var(--gold);font-size:10px;font-weight:700}.orientation-purpose article>b{margin:22px 0 12px;font:700 30px/1.8 'Noto Naskh Arabic',serif;color:var(--sage)}.orientation-purpose article p{max-width:390px;margin:0;font:500 16px/1.6 'Playfair Display',serif}.orientation-purpose article small{margin-top:13px;color:var(--muted)}.orientation-approach,.orientation-roadmap,.daily-rhythm{margin-top:26px;padding:34px}.orientation-approach>div:first-child{text-align:center;max-width:760px;margin:auto}.orientation-approach h2,.orientation-roadmap h2,.daily-rhythm h2{margin:5px 0 10px;font:600 35px 'Playfair Display',serif}.orientation-approach>div:first-child>p:last-child{color:var(--muted)}.approach-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin-top:25px}.approach-comparison article{min-height:165px;padding:24px;border-radius:15px;background:#faf9f6;display:flex;flex-direction:column;justify-content:center;text-align:center}.approach-comparison article.active{background:linear-gradient(145deg,#fff8eb,#fff);box-shadow:0 8px 24px rgba(182,107,19,.13)}.approach-comparison article>span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.approach-comparison strong{margin:7px 0;font:600 23px 'Playfair Display',serif}.approach-comparison p{margin:0;color:var(--muted);font-size:12px}.approach-comparison>i{color:var(--gold);font-size:26px;font-style:normal}.orientation-approach blockquote{margin:22px auto 0;padding:17px 25px;max-width:720px;border-radius:12px;background:var(--gold-soft);font:500 17px 'Playfair Display',serif;text-align:center}.orientation-roadmap>header{text-align:center}.orientation-route{display:grid;grid-template-columns:1fr 55px 1fr 55px 1fr;align-items:center;margin-top:28px}.orientation-route article{min-height:220px;padding:20px 15px;border-radius:16px;background:#fff;text-align:center;box-shadow:0 8px 22px rgba(25,33,46,.09);display:flex;flex-direction:column;align-items:center}.orientation-route article>span{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:27px}.orientation-route .one>span{color:var(--sage);box-shadow:0 0 0 2px var(--sage)}.orientation-route .two>span{color:var(--gold);box-shadow:0 0 0 2px var(--gold)}.orientation-route .three>span{color:var(--blue);box-shadow:0 0 0 2px var(--blue)}.orientation-route article small{margin:13px 0 4px;color:var(--muted)}.orientation-route article strong{font:600 17px 'Playfair Display',serif}.orientation-route article p{color:var(--muted);font-size:11px}.orientation-route>i{position:relative;height:2px;background:linear-gradient(90deg,var(--sage),var(--gold),var(--blue))}.orientation-route>i:after{content:"";position:absolute;right:0;top:-4px;border-left:7px solid var(--gold);border-top:5px solid transparent;border-bottom:5px solid transparent}.daily-rhythm{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px}.rhythm-copy p:last-child{color:var(--muted)}.daily-rhythm ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.daily-rhythm li{min-height:100px;padding:14px;border-radius:13px;background:#fff;box-shadow:0 7px 20px rgba(25,33,46,.08);display:grid;grid-template-columns:30px 1fr}.daily-rhythm li>span{grid-row:1/3;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#fff;font-size:10px}.daily-rhythm li strong{font:600 16px 'Playfair Display',serif}.daily-rhythm li small{color:var(--muted)}.daily-rhythm aside{grid-column:1/-1;padding:22px;border-radius:14px;background:linear-gradient(90deg,#f7f8f3,#fff);text-align:center}.daily-rhythm aside b{font:700 28px 'Noto Naskh Arabic',serif;color:var(--sage)}.daily-rhythm aside p{margin:4px 0;font:500 15px 'Playfair Display',serif}.daily-rhythm aside small{color:var(--muted)}.orientation-promise{margin-top:26px;padding:32px;display:grid;grid-template-columns:85px 1fr;gap:25px;align-items:center;background:linear-gradient(110deg,#fffaf1,#fff)}.orientation-promise>span{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;background:var(--gold-soft);color:var(--gold);font-size:29px}.orientation-promise h2{margin:4px 0 13px;font:600 27px 'Playfair Display',serif}.orientation-promise b{font:700 27px 'Noto Naskh Arabic',serif;color:var(--sage)}.orientation-promise>div>p:last-child{margin:5px 0 0;color:var(--muted)}
@media(max-width:760px){.orientation-purpose>div{grid-template-columns:1fr}.orientation-purpose>header h2{font-size:31px}.orientation-purpose article{min-height:240px;padding:22px}.orientation-approach,.orientation-roadmap,.daily-rhythm{padding:22px}.orientation-approach h2,.orientation-roadmap h2,.daily-rhythm h2{font-size:30px}.approach-comparison{grid-template-columns:1fr}.approach-comparison>i{text-align:center;transform:rotate(90deg)}.orientation-route{grid-template-columns:1fr;gap:12px}.orientation-route>i{width:2px;height:30px;margin:auto}.orientation-route>i:after{right:-4px;top:auto;bottom:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid var(--gold)}.daily-rhythm{grid-template-columns:1fr}.daily-rhythm ol{grid-template-columns:1fr}.orientation-promise{grid-template-columns:1fr;text-align:center}.orientation-promise>span{margin:auto}}

/* Compact stage-number rail buttons aligned to one-third of each card. */
.stage-journey-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.stage-journey-rail .rail-node{width:38%;min-width:105px;min-height:58px;padding:10px 14px;border-radius:999px;justify-self:center}.stage-journey-rail .rail-node b{font-size:18px}.stage-journey-rail .rail-node small{display:none}

.stage-journey-rail{position:relative}.stage-journey-rail:before{content:"";position:absolute;z-index:0;left:16.666%;right:16.666%;top:29px;height:2px;background:linear-gradient(90deg,var(--sage),var(--gold),var(--blue))}.stage-journey-rail .rail-node{z-index:2;background:#fff}

/* Lesson Journey proposition: compact in the sidebar, useful in the main flow. */
.lesson-sidebar-journey{margin-top:24px;padding:17px 15px;border-radius:15px;background:#fff;box-shadow:0 10px 28px rgba(25,33,46,.11)}.lesson-sidebar-journey header{display:flex;gap:10px;align-items:center}.lesson-sidebar-journey header>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--sage-soft);color:var(--sage);font-size:20px}.lesson-sidebar-journey h2{margin:0;font:600 17px 'Playfair Display',serif}.lesson-sidebar-journey header small{display:block;margin-top:2px;color:var(--muted);font-size:8px}.lesson-sidebar-journey dl{margin:15px 0 12px}.lesson-sidebar-journey dl>div{padding:8px 0;display:flex;justify-content:space-between;gap:9px;box-shadow:0 1px rgba(25,33,46,.07)}.lesson-sidebar-journey dl>div:last-child{box-shadow:none}.lesson-sidebar-journey dt{color:var(--muted);font-size:9px}.lesson-sidebar-journey dd{margin:0;text-align:right;color:var(--ink);font-size:9px;font-weight:700}.sidebar-journey-link{display:flex;justify-content:space-between;align-items:center;color:var(--sage);font-size:10px;font-weight:700}.lesson-sidebar-academy-link{display:block;margin:12px 7px 0;color:var(--gold);font-size:9px;text-align:center}.lesson-sidebar-academy-link:hover,.sidebar-journey-link:hover{text-decoration:underline}
.lesson-journey-update{margin-top:24px;padding:29px 32px;background:#fff;box-shadow:0 14px 38px rgba(25,33,46,.13),0 3px 10px rgba(25,33,46,.06)}.lesson-journey-update>header{display:flex;justify-content:space-between;gap:25px;align-items:flex-start}.lesson-journey-update h2{margin:0;font:600 27px 'Playfair Display',serif}.lesson-journey-update>header p{margin:6px 0 0;color:var(--muted);font-size:12px}.lesson-journey-update>header>span{padding:5px 12px;border-radius:999px;background:var(--sage-soft);color:var(--sage);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.lesson-journey-update-grid{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:34px;align-items:center;margin-top:23px}.lesson-journey-update dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.lesson-journey-update dl>div{min-height:76px;padding:14px 16px;border-radius:12px;background:#faf9f6}.lesson-journey-update dt{color:var(--muted);font-size:9px}.lesson-journey-update dd{margin:5px 0 0;font:600 14px/1.3 'Playfair Display',serif}.journey-preview-path{display:flex;align-items:center}.journey-preview-path i{height:2px;flex:1;background:#d8ddd8}.journey-preview-path b{width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #aab4ad}.journey-preview-path b.current{width:25px;height:25px;background:var(--gold);box-shadow:0 0 0 5px var(--gold-soft)}.lesson-journey-update>footer{margin-top:22px;display:flex;align-items:center;gap:17px}.journey-track-button{background:#2e3135;color:#fff;box-shadow:0 8px 20px rgba(25,33,46,.18)}.lesson-journey-update>footer small{color:var(--muted);font-size:9px}
@media(max-width:980px){.lesson-journey-update-grid{grid-template-columns:1fr}.journey-preview-path{max-width:360px}}
@media(max-width:760px){.lesson-sidebar-journey,.lesson-sidebar-academy-link{display:none}.lesson-journey-update{padding:22px}.lesson-journey-update h2{font-size:23px}.lesson-journey-update dl{grid-template-columns:1fr}.lesson-journey-update>footer{align-items:stretch;flex-direction:column}.journey-track-button{text-align:center}.lesson-journey-update>footer small{text-align:center}}

/* Database-backed flexible lesson modules. */
.builder-module{margin-top:24px;padding:30px}.builder-module>h2{margin:0 0 15px;font:600 28px 'Playfair Display',serif}.lesson-builder-copy{color:var(--ink);line-height:1.75}.lesson-builder-copy>:first-child{margin-top:0}.lesson-builder-copy>:last-child{margin-bottom:0}.lesson-builder-copy h3{font:600 21px 'Playfair Display',serif}.lesson-builder-copy ul,.lesson-builder-copy ol{padding-left:22px}.lesson-builder-copy blockquote{margin:18px 0;padding:16px 20px;border-radius:12px;background:var(--gold-soft);font:500 17px 'Playfair Display',serif}.builder-module-key-insight{background:linear-gradient(105deg,#fffaf1,#fff)}

/* Academy uses the richer central Journey experience; compact V2 is preserved separately. */
.academy-rich-journey{padding:42px;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.academy-rich-journey>header{display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.academy-rich-journey>header h2{margin:4px 0 0;font:600 42px 'Playfair Display',serif}.academy-stage-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin-top:30px}.academy-stage-tab{min-height:175px;padding:23px;border:0;border-radius:18px;background:#fff;box-shadow:0 9px 27px rgba(25,33,46,.12);cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;text-align:left;color:var(--muted);opacity:.72}.academy-stage-tab.active{color:var(--ink);opacity:1;box-shadow:0 12px 30px rgba(25,33,46,.13),inset 0 0 0 2px var(--gold)}.academy-stage-tab>span{font-size:25px}.academy-stage-tab strong{margin-top:12px;font:600 20px 'Playfair Display',serif}.academy-stage-tab small{margin-top:5px;font-weight:700}.academy-stage-tab em{margin-top:auto;color:currentColor;font-size:10px;font-style:normal}.academy-stage-previews{margin-top:20px}.academy-stage-preview{position:relative;padding:28px;border-radius:18px;background:#fbfaf7;box-shadow:inset 0 0 0 1px rgba(25,33,46,.04)}.academy-preview-heading{display:flex;justify-content:space-between;align-items:center}.academy-preview-heading>div{display:grid;grid-template-columns:auto 1fr;column-gap:10px}.academy-preview-heading>div>span{grid-row:1/3;font-size:27px}.academy-preview-heading p{margin:0;font:600 18px 'Playfair Display',serif}.academy-preview-heading small{color:var(--muted)}.academy-preview-heading>a{color:var(--sage);font-size:11px;font-weight:700}.academy-day-route{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:16px 10px;margin-top:26px;padding:7px}.academy-day-route:before{content:"";position:absolute;left:5%;right:5%;top:25px;height:2px;background:#d9dcda}.academy-day-node{position:relative;z-index:1;min-width:0;text-align:center}.academy-day-node b{width:39px;height:39px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#fff;color:#777;box-shadow:0 0 0 2px #c8ccc9;font-size:11px}.academy-day-node.current b{background:var(--gold);color:#fff;box-shadow:0 0 0 5px var(--gold-soft)}.academy-day-node small{display:block;margin-top:9px;overflow:hidden;color:var(--muted);font-size:8px;white-space:nowrap;text-overflow:ellipsis}.academy-preview-fade{margin:-3px 0 0;padding:28px 0 5px;background:linear-gradient(transparent,#fbfaf7);text-align:center;color:var(--muted);font-size:10px}.academy-stage-milestone{width:max-content;max-width:100%;margin:18px auto 0;padding:13px 22px;border-radius:999px;background:#fff;box-shadow:0 7px 20px rgba(25,33,46,.1);display:flex;align-items:center;gap:12px}.academy-stage-milestone>span{color:var(--gold);font-size:22px}.academy-stage-milestone small{display:block;color:var(--muted);font-size:8px}.academy-stage-milestone strong{font:600 14px 'Playfair Display',serif}.academy-rich-journey>footer{margin-top:27px;display:flex;align-items:center;justify-content:space-between;gap:25px}.academy-rich-journey>footer p{margin:0;color:var(--muted);font-size:12px}
@media(max-width:760px){.builder-module{padding:22px}.academy-rich-journey{padding:24px}.academy-rich-journey>header{display:block}.academy-rich-journey>header h2{font-size:34px}.academy-rich-journey .legend{display:none}.academy-stage-tabs{display:flex;overflow-x:auto;padding:3px 2px 18px}.academy-stage-tab{min-width:230px}.academy-day-route{grid-template-columns:repeat(4,1fr)}.academy-day-route:before{display:none}.academy-preview-heading{align-items:flex-start}.academy-preview-heading>a{max-width:100px;text-align:right}.academy-rich-journey>footer{align-items:stretch;flex-direction:column}.academy-rich-journey>footer .qa-button{text-align:center}}

.academy-roadmap-card{margin-top:30px}.academy-roadmap-card .card-heading h2{margin:0;font:600 32px 'Playfair Display',serif}.academy-roadmap-footer{margin-top:26px;display:flex;align-items:center;justify-content:space-between;gap:24px}.academy-roadmap-footer p{margin:0;color:var(--muted);font-size:12px}
@media(max-width:760px){.academy-roadmap-card .card-heading h2{font-size:28px}.academy-roadmap-footer{align-items:stretch;flex-direction:column}.academy-roadmap-footer .qa-button{text-align:center}}

/* Stage identity: connected chapters, with the active stage remaining white. */
.stage-tab:nth-child(1){background:#fff9ed}.stage-tab:nth-child(2){background:#f2f7f2}.stage-tab:nth-child(3){background:#f1f4f8}.stage-tab.active{background:#fff}.stage-tab em{min-width:76px;margin-top:auto;padding:5px 13px;border-radius:999px;background:rgba(255,255,255,.72);box-shadow:0 4px 12px rgba(25,33,46,.08);color:var(--ink);font-size:10px;font-weight:700;letter-spacing:.035em;text-align:center}.stage-tab:nth-child(1) em{color:#9a641d}.stage-tab:nth-child(2) em{color:#47705a}.stage-tab:nth-child(3) em{color:#526780}.stage-tab.active em{background:var(--gold-soft);color:var(--gold);box-shadow:none}

/* Expanded-stage controls remain clear of the milestone at both ends. */
.stage-expansion.fully-expanded .expanded-stage-heading .collapse-stage{padding:10px 15px;border-radius:12px;background:#fff;color:var(--ink);box-shadow:0 8px 22px rgba(25,33,46,.12)}.stage-expansion.fully-expanded .stage-reveal{margin:24px auto 2px;box-shadow:0 12px 30px rgba(25,33,46,.16)}.stage-expansion.fully-expanded .stage-milestone{margin-bottom:0}
@media(max-width:760px){.stage-expansion.fully-expanded .expanded-stage-heading .collapse-stage{width:42px;height:42px;padding:5px;border-radius:50%;display:grid;place-items:center}.stage-expansion.fully-expanded .stage-reveal{margin-top:22px}}

/* A stage outcome is the destination; the marker reads as a literal milestone. */
.stage-expansion.fully-expanded .stage-reveal{display:none}.stage-milestone{width:min(540px,90%);min-height:116px;align-items:center}.stage-milestone-marker{width:60px!important;height:72px!important;flex:0 0 60px;border-radius:30px 30px 4px 4px!important;clip-path:none;background:linear-gradient(to bottom,var(--gold) 0 46%,#e8e5dd 46% 100%)!important;color:var(--ink)!important;display:flex!important;flex-direction:column;align-items:center;justify-content:flex-end;padding:0;box-sizing:border-box;box-shadow:inset -5px 0 0 rgba(255,255,255,.34),0 5px 12px rgba(25,33,46,.12)!important}.stage-milestone-marker b{font:800 24px/.9 Inter}.stage-milestone-marker i{margin-top:3px;font:800 8px/1 Inter;letter-spacing:.08em;font-style:normal}.stage-milestone p{max-width:390px;margin:7px 0 0;color:var(--muted);font:500 11px/1.45 Inter}.qa-dark-mode .stage-milestone-marker{background:linear-gradient(to bottom,var(--gold) 0 46%,#d7d2c6 46% 100%)!important;color:#17191b!important}.qa-dark-mode .stage-milestone p{color:var(--qa-text-muted)}
@media(max-width:760px){.stage-milestone{min-height:0;padding:17px;align-items:flex-start}.stage-milestone-marker{width:50px!important;height:62px!important;flex-basis:50px;padding-bottom:7px}.stage-milestone-marker b{font-size:20px}.stage-milestone-marker i{font-size:7px}.stage-milestone p{font-size:10px;line-height:1.4}}

/* The connected panel already provides separation; the sticky stage header
   stays deliberately flat at every breakpoint. */
.stage-expansion.fully-expanded .expanded-stage-heading{box-shadow:none;}
.roadmap-card:not(.lesson-embedded-journey) .expanded-stage-heading>div{grid-template-columns:1fr;}
.roadmap-card:not(.lesson-embedded-journey) .expanded-stage-heading>div>span{display:none;}

/* Visitor completion choices: equal weight and stable text columns. */
.lesson-completion .login-to-complete{grid-template-columns:34px minmax(0,1fr);align-content:center;column-gap:12px}.lesson-completion .login-to-complete>span{grid-column:1;grid-row:1/3;align-self:center;justify-self:center}.lesson-completion .login-to-complete>strong,.lesson-completion .login-to-complete>small{grid-column:2;min-width:0;word-break:normal;overflow-wrap:normal}.lesson-completion .login-to-complete>strong{align-self:end}.lesson-completion .login-to-complete>small{align-self:start}.lesson-completion>a:not(.login-to-complete){align-content:center}.lesson-completion>a:not(.login-to-complete)>strong{align-self:end}

/* QA100 profile identity and account menu. */
.qa-profile-menu{position:relative}.qa-profile-trigger,.qa-profile-signin{min-height:43px;padding:8px 12px;border:0;border-radius:999px;background:#fff;color:var(--ink);box-shadow:0 6px 18px rgba(25,33,46,.1);display:flex;align-items:center;gap:8px;text-decoration:none;cursor:pointer}.qa-profile-trigger>span,.qa-profile-signin>span{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:16px}.qa-profile-trigger strong,.qa-profile-signin strong{max-width:125px;overflow:hidden;font-size:11px;white-space:nowrap;text-overflow:ellipsis}.qa-profile-trigger i{color:var(--gold);font-size:13px;font-style:normal}.qa-profile-dropdown{position:absolute;z-index:100;top:calc(100% + 10px);right:0;width:235px;padding:10px;border-radius:16px;background:#fff;box-shadow:0 18px 48px rgba(25,33,46,.18)}.qa-profile-dropdown[hidden]{display:none}.qa-profile-dropdown header{padding:10px 10px 13px;display:flex;gap:10px;align-items:center;box-shadow:0 1px rgba(25,33,46,.08)}.qa-profile-dropdown header>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--gold-soft);color:var(--gold)}.qa-profile-dropdown header strong,.qa-profile-dropdown header small{display:block;max-width:155px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.qa-profile-dropdown header strong{font-size:12px}.qa-profile-dropdown header small{margin-top:2px;color:var(--muted);font-size:8px}.qa-profile-dropdown>a{display:block!important;margin:2px 0!important;padding:10px 11px!important;border-radius:9px!important;color:var(--ink)!important;font-size:10px!important;text-decoration:none!important}.qa-profile-dropdown>a:hover{background:#f7f6f2}.qa-profile-dropdown .qa-profile-logout{margin-top:6px!important;color:#8c4e3b!important;box-shadow:0 -1px rgba(25,33,46,.07)}.academy-topbar nav .qa-profile-menu{margin-left:-12px}.academy-topbar nav .qa-profile-trigger{padding-top:7px;padding-bottom:7px}.qa-sidebar-profile{margin:14px 8px 0}.qa-sidebar-profile .qa-profile-trigger,.qa-sidebar-profile .qa-profile-signin{width:100%;justify-content:flex-start}.qa-sidebar-profile .qa-profile-trigger i{margin-left:auto}.qa-sidebar-profile .qa-profile-dropdown{left:0;right:auto;bottom:calc(100% + 9px);top:auto}.lesson-topbar .qa-profile-trigger,.lesson-topbar .qa-profile-signin{min-height:40px}.lesson-topbar .qa-profile-signin{font-size:11px}.lesson-topbar nav>a.qa-profile-signin{font-size:11px}
@media(max-width:760px){.qa-profile-trigger strong,.qa-profile-signin strong{max-width:85px}.academy-topbar nav .qa-profile-menu{margin-left:0}.academy-topbar .qa-profile-trigger,.academy-topbar .qa-profile-signin{padding:5px 8px}.academy-topbar .qa-profile-trigger>span,.academy-topbar .qa-profile-signin>span{width:27px;height:27px}.qa-profile-dropdown{position:fixed;top:70px;right:14px;left:auto;bottom:auto}.lesson-topbar .qa-profile-trigger strong,.lesson-topbar .qa-profile-signin strong{display:none}}

/* Supportive learner recommendation generated after a repeated mistake. */
.practice-recommendation{margin:9px 0 0;padding:10px 13px;border-radius:10px;background:#fff8e8;color:#76500d;font-size:11px;font-weight:650;box-shadow:0 5px 16px rgba(160,108,16,.12)}
/* Native QA100 editorial blocks. Learner-state colours remain protected in their component rules. */
.qa100-flexible-page{max-width:1440px;margin:0 auto;padding:clamp(24px,4vw,72px)}
.qa100-block-content{display:flex;flex-direction:column;gap:clamp(28px,5vw,72px)}
.qa100-block-content>.wp-block-group,.qa100-block-content>.wp-block-columns{width:100%}
.qa100-block-content .is-style-qa100-card,.qa100-block-content .is-style-qa100-soft-section,.qa100-block-content .is-style-qa100-callout{border:0;border-radius:22px;padding:clamp(24px,4vw,56px)}
.qa100-block-content .is-style-qa100-card{background:#fff;box-shadow:0 18px 50px rgba(16,24,40,.11)}
.qa100-block-content .is-style-qa100-soft-section{background:#fbfaf7;box-shadow:0 12px 36px rgba(16,24,40,.08)}
.qa100-block-content .is-style-qa100-callout{background:#f5ecd9;box-shadow:0 12px 36px rgba(92,65,15,.1)}
.qa100-block-content .wp-block-button.is-style-qa100-outline .wp-block-button__link{background:transparent!important;border:1.5px solid currentColor;color:#303030;padding:.8em 1.35em}
@media(max-width:781px){.qa100-flexible-page{padding:20px 16px}.qa100-block-content{gap:28px}.qa100-block-content .wp-block-columns{gap:18px}}
@media(max-width:760px){.qa100-brand-logo--sidebar{width:116px;height:116px}.qa100-brand-logo--header{width:64px;height:64px}.qa100-brand-logo--lesson{width:76px;height:76px}.qa100-brand-logo--login{width:104px;height:104px}}
.lesson-embedded-journey{margin-top:24px;padding:22px 20px;transition:box-shadow .35s ease}.lesson-embedded-journey .card-heading h2{margin:0;font:600 29px 'Playfair Display',serif}.lesson-embedded-journey .stage-tabs{gap:12px;margin-top:16px}.lesson-embedded-journey .stage-tab{min-height:104px;padding:12px;border-radius:15px}.lesson-embedded-journey .stage-tab span{font-size:21px}.lesson-embedded-journey .stage-tab strong{font-size:15px;margin:1px 0}.lesson-embedded-journey .stage-tab small{font-size:10px}.lesson-embedded-journey .stage-tab em{margin-top:6px;font-size:9px}.lesson-embedded-journey .stage-expansion{margin-top:15px;padding:20px 20px 18px}.lesson-embedded-journey .stage-bridge{top:-14px;width:23px;height:23px}.lesson-embedded-journey .expanded-stage-heading{margin-bottom:15px}.lesson-embedded-journey .expanded-stage-heading>div>span{font-size:23px}.lesson-embedded-journey .expanded-stage-heading p{font-size:18px}.lesson-embedded-journey .expanded-stage-heading small{font-size:10px}.lesson-embedded-journey .journey-path{grid-auto-rows:90px;gap:16px 12px;padding:18px 6px 5px}.lesson-embedded-journey .journey-step{height:78px;gap:6px}.lesson-embedded-journey .step-circle{width:50px;height:50px}.lesson-embedded-journey .journey-step.path-right:after{top:24px;left:calc(50% + 25px);width:calc(100% + 12px - 50px)}.lesson-embedded-journey .journey-step.path-left:after{top:24px;right:calc(50% + 25px);width:calc(100% + 12px - 50px)}.lesson-embedded-journey .journey-step.path-down:before{top:50px;height:57px}.lesson-embedded-journey .journey-step small{font-size:9px}.lesson-embedded-journey .journey-step.current .step-circle{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--gold)}.lesson-embedded-journey .journey-step .you-are-here{top:-27px;font-size:8px}.lesson-embedded-journey .stage-expansion.preview-mode .stage-map-viewport{max-height:210px}.lesson-embedded-journey .stage-expansion.preview-mode .stage-map-viewport:after{height:88px}.lesson-embedded-journey .stage-reveal{width:min(300px,88%);padding:10px 18px}.lesson-embedded-journey .stage-reveal strong{font-size:14px}.lesson-embedded-journey .academy-roadmap-footer{margin-top:17px}.lesson-embedded-journey .academy-roadmap-footer .qa-button{min-width:200px;padding:12px 20px}.lesson-embedded-journey.journey-just-updated{animation:qa100-journey-confirm 1.1s ease}@keyframes qa100-journey-confirm{0%{box-shadow:0 0 0 0 rgba(72,106,91,.32),var(--shadow)}45%{box-shadow:0 0 0 8px rgba(72,106,91,.12),var(--shadow)}100%{box-shadow:0 0 0 0 rgba(72,106,91,0),var(--shadow)}}
@media(max-width:760px){.lesson-embedded-journey{padding:20px 14px}.lesson-embedded-journey .card-heading h2{font-size:25px}.lesson-embedded-journey .stage-tabs{gap:10px}.lesson-embedded-journey .stage-tab{flex-basis:64%;min-height:100px}.lesson-embedded-journey .stage-expansion{padding:20px 15px}.lesson-embedded-journey .journey-step{height:70px;padding-left:66px}.lesson-embedded-journey .journey-step small{padding-top:15px;font-size:10px}.lesson-embedded-journey .journey-step.path-right:after,.lesson-embedded-journey .journey-step.path-left:after,.lesson-embedded-journey .journey-step.path-down:after,.lesson-embedded-journey .journey-step:not(:last-child):after{left:24px;top:50px;height:31px}.lesson-embedded-journey .journey-step>i{left:36px;top:32px}.lesson-embedded-journey .journey-step .you-are-here{left:25px;top:-25px}.lesson-embedded-journey .stage-expansion.preview-mode .stage-map-viewport{max-height:450px}.lesson-embedded-journey .academy-roadmap-footer{align-items:stretch}.lesson-embedded-journey .academy-roadmap-footer .qa-button{width:100%}}
/* Lesson-only compact stage selectors: horizontal, scannable, and subordinate to the map. */
.lesson-embedded-journey .card-heading h2{font-size:26px}.lesson-embedded-journey .stage-tabs{margin-top:13px;gap:10px}.lesson-embedded-journey .stage-tab{min-height:82px;height:82px;padding:9px 12px;display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:9px;align-content:center;align-items:center;text-align:left}.lesson-embedded-journey .stage-tab span{grid-column:1;grid-row:1/4;font-size:21px;line-height:1;text-align:center}.lesson-embedded-journey .stage-tab strong{grid-column:2;grid-row:1;margin:0;font-size:14px;line-height:1.12}.lesson-embedded-journey .stage-tab small{grid-column:2;grid-row:2;font-size:9px;line-height:1.2}.lesson-embedded-journey .stage-tab em{grid-column:2;grid-row:3;justify-self:start;align-self:center;margin:3px 0 0;padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.8);box-shadow:0 3px 9px rgba(25,33,46,.08);font-size:8px;white-space:nowrap}.lesson-embedded-journey .stage-expansion{margin-top:12px}
@media(max-width:760px){.lesson-embedded-journey .card-heading h2{font-size:23px}.lesson-embedded-journey .stage-tab{flex:0 0 78%;min-height:82px;height:82px;padding:8px 11px}.lesson-embedded-journey .stage-tab strong{font-size:14px}.lesson-embedded-journey .stage-tab small{padding:0;text-align:left}.lesson-embedded-journey .journey-step.path-right:after,.lesson-embedded-journey .journey-step.path-left:after,.lesson-embedded-journey .journey-step.path-down:after,.lesson-embedded-journey .journey-step:not(:last-child):after{display:block;left:24px!important;right:auto!important;top:50px!important;width:2px!important;height:31px!important}.lesson-embedded-journey .journey-step.completed:after{background:var(--sage)}.lesson-embedded-journey .journey-step.current:after{background:linear-gradient(var(--gold),#d9dbde)}}
.lesson-embedded-journey .stage-tab{grid-template-rows:auto auto}.lesson-embedded-journey .stage-tab span{grid-row:1/3}.lesson-embedded-journey .stage-tab small{display:none}.lesson-embedded-journey .stage-tab em{grid-row:2;margin-top:5px}
@media(max-width:760px){.lesson-embedded-journey .stage-tab{position:relative;grid-template-columns:34px minmax(0,1fr);text-align:center}.lesson-embedded-journey .stage-tab strong{width:100%;justify-self:center;text-align:center}.lesson-embedded-journey .stage-tab em{justify-self:center}}

/* Academy method hero — demonstrate the learning method before presenting the roadmap. */
.academy-method-hero{display:flex;flex-direction:column;gap:0;max-width:1160px;margin:0 auto 34px;padding:46px 12px 18px;text-align:center}.academy-method-intro .qa-eyebrow{margin:0 0 17px}.academy-method-intro h1{max-width:none;margin:0;font:600 clamp(48px,6.25vw,82px)/.98 'Playfair Display',serif;letter-spacing:-.045em}.academy-method-intro h1 span{display:block;margin-top:4px;color:var(--gold)}.academy-verse-carousel{position:relative;isolation:isolate;width:min(100%,940px);height:435px;margin:44px auto 0;display:flex;align-items:center;justify-content:center}.academy-verse-card{position:absolute;box-sizing:border-box;border:1px solid rgba(118,98,69,.18);border-radius:24px;background:#fff;box-shadow:0 15px 32px rgba(25,33,46,.11)}.academy-verse-card--active{z-index:3;width:52%;min-width:490px;padding:34px 45px 27px}.academy-verse-card--side{z-index:1;width:32%;min-height:295px;padding:35px 24px 21px;opacity:.92}.academy-verse-card--previous{left:0;transform:translateX(4%) rotate(-1deg)}.academy-verse-card--next{right:0;transform:translateX(-4%) rotate(1deg)}.academy-verse-arabic{margin:0;color:var(--ink);font:600 clamp(27px,3vw,45px)/1.6 'Noto Naskh Arabic',serif}.academy-verse-card--side .academy-verse-arabic{font-size:clamp(22px,2vw,30px);line-height:1.65}.verse-ornament{display:block;margin:0 0 7px;color:var(--gold);font-size:20px}.academy-verse-translation{margin:17px auto 0;color:#303641;font:500 clamp(17px,1.65vw,23px)/1.35 'Playfair Display',serif;direction:ltr;text-align:center}.academy-verse-card--side .academy-verse-translation{max-width:210px;font-size:14px;line-height:1.35}.academy-verse-card small{display:block;margin-top:15px;color:var(--gold);font:600 15px Inter,sans-serif;direction:ltr;text-align:center}.verse-carousel-arrow{position:absolute;z-index:5;top:50%;width:46px;height:46px;border:1px solid rgba(25,33,46,.13);border-radius:50%;background:#fff;color:var(--ink);box-shadow:0 8px 18px rgba(25,33,46,.1);font-size:34px;line-height:1;transform:translateY(-50%);cursor:pointer}.verse-carousel-prev{left:-17px}.verse-carousel-next{right:-17px}.academy-method-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:min(100%,880px);margin:28px auto 46px}.method-pillar{min-height:117px;padding:19px 18px;border:1px solid rgba(25,33,46,.12);border-radius:18px;box-shadow:0 10px 25px rgba(25,33,46,.08);display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:13px;text-align:left}.method-pillar>span{grid-row:1/3;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:20px}.method-pillar strong{font:600 29px/1 'Playfair Display',serif}.method-pillar small{margin-top:4px;font-size:14px;color:#424852}.method-pillar--sage{background:#f6faf4;color:#507461}.method-pillar--sage>span{background:#e5f0e3}.method-pillar--blue{background:#f4f8fc;color:#355c8d}.method-pillar--blue>span{background:#e3edf8}.method-pillar--gold{background:#fffaf1;color:#b96d0d}.method-pillar--gold>span{background:#fff0d3}.academy-method-analysis{display:grid;grid-template-columns:1.08fr 1.28fr 1.2fr 1.05fr;width:100%;overflow:hidden;border:1px solid rgba(25,33,46,.14);border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(25,33,46,.08);text-align:center}.analysis-step{position:relative;min-height:225px;padding:26px 14px 19px;display:flex;flex-direction:column;align-items:center;justify-content:center}.analysis-step:not(:last-child){border-right:1px solid rgba(25,33,46,.11)}.analysis-step:not(:last-child):after{content:"";position:absolute;z-index:2;right:-14px;top:50%;width:26px;height:26px;background:#fff;clip-path:polygon(0 0,100% 50%,0 100%);filter:drop-shadow(1px 0 0 rgba(25,33,46,.11))}.analysis-step>small{position:absolute;top:20px;left:0;right:0;color:#8b9098;font:600 11px/1 Inter,sans-serif;text-transform:uppercase;letter-spacing:.08em}.analysis-arabic{margin:18px 0 0;color:var(--ink);font:600 clamp(25px,2.5vw,37px)/1.65 'Noto Naskh Arabic',serif;white-space:nowrap}.analysis-step--understand>p:not(.analysis-arabic){max-width:175px;margin:16px 0 0;color:var(--ink);font:600 clamp(21px,2vw,29px)/1.22 'Playfair Display',serif}.analysis-step--notice{justify-content:flex-start}.analysis-step--notice .analysis-arabic{margin-top:59px;font-size:clamp(20px,2.15vw,31px)}.analysis-word{position:relative;display:inline-block}.analysis-diacritic{position:relative;z-index:1;display:inline-block}.analysis-diacritic:after{content:"";position:absolute;left:50%;top:50%;width:17px;height:17px;border:1.75px solid;border-radius:50%;transform:translate(-50%,-50%)}.analysis-diacritic--doer:after{border-color:#5c9671}.analysis-diacritic--receiver:after{border-color:#d28b22}.analysis-role{position:absolute;bottom:22px;padding:6px 12px;border-radius:9px;background:#fff;font:600 12px Inter,sans-serif;box-shadow:0 5px 12px rgba(25,33,46,.1)}.analysis-role:before{content:"";position:absolute;bottom:100%;width:1.5px;height:39px}.analysis-role:after{content:"";position:absolute;bottom:calc(100% + 34px);width:7px;height:7px;transform:rotate(45deg)}.analysis-role--doer{left:22%;color:#4b7b5b;border:1px solid #a7cbb0}.analysis-role--doer:before{left:50%;background:#5c9671}.analysis-role--doer:after{left:calc(50% - 3px);border-top:1.5px solid #5c9671;border-left:1.5px solid #5c9671;background:#fff}.analysis-role--receiver{right:14%;color:#b66d11;border:1px solid #edc78c}.analysis-role--receiver:before{right:50%;background:#d28b22}.analysis-role--receiver:after{right:calc(50% - 3px);border-top:1.5px solid #d28b22;border-left:1.5px solid #d28b22;background:#fff}.analysis-arabic--chips{display:flex;gap:8px;align-items:center;justify-content:center}.analysis-arabic--chips span{position:relative;padding:4px 8px;border-radius:8px;background:#fff}.analysis-arabic--chips span:nth-child(1){box-shadow:inset 0 0 0 1px #bdd2e6}.analysis-arabic--chips span:nth-child(2){box-shadow:inset 0 0 0 1px #a7cbb0}.analysis-arabic--chips span:nth-child(3){box-shadow:inset 0 0 0 1px #edc78c}.analysis-arabic--chips span:not(:last-child):after{content:"→";position:absolute;left:calc(100% + 4px);top:50%;color:#8d939a;font:500 16px Inter,sans-serif;transform:translateY(-50%) scaleX(-1)}.academy-learning-example{margin:22px 0 18px;color:#717780;font-size:13px}.academy-learning-example:first-letter{color:var(--sage)}.academy-method-hero .academy-method-cta{min-width:260px;margin:0 auto;background:#1a1a1a;color:#fff;box-shadow:0 10px 25px rgba(17,17,17,.18)}
@media(max-width:760px){.academy-method-hero{padding:32px 0 10px}.academy-method-intro h1{font-size:44px}.academy-verse-carousel{height:385px;margin-top:30px;overflow:hidden;width:calc(100% + 28px)}.academy-verse-card--active{width:78%;min-width:0;padding:26px 21px 22px}.academy-verse-card--side{width:42%;min-height:245px;padding:24px 10px}.academy-verse-card--previous{left:-21%}.academy-verse-card--next{right:-21%}.academy-verse-card--side .academy-verse-translation{font-size:11px}.academy-verse-card--side .academy-verse-arabic{font-size:18px}.academy-verse-translation{font-size:18px}.verse-carousel-prev{left:18px}.verse-carousel-next{right:18px}.academy-method-pillars{gap:10px;margin:20px auto 30px}.method-pillar{min-height:100px;padding:12px 9px;display:flex;flex-direction:column;justify-content:center;text-align:center}.method-pillar>span{width:32px;height:32px;font-size:16px}.method-pillar strong{margin-top:6px;font-size:20px}.method-pillar small{font-size:10px}.academy-method-analysis{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:18px}.analysis-step{flex:0 0 78%;min-height:210px;scroll-snap-align:center}.analysis-step:not(:last-child){border-right:1px solid rgba(25,33,46,.11)}.analysis-step:not(:last-child):after{display:none}.analysis-step--notice .analysis-arabic{font-size:29px}.academy-learning-example{font-size:11px}.academy-method-hero .academy-method-cta{width:100%}}
.academy-method-hero{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.42fr);gap:34px 38px;align-items:center;padding:34px 8px 8px}.academy-method-copy h1{max-width:500px;margin:14px 0 20px;font:600 clamp(46px,4.65vw,67px)/.98 'Playfair Display',serif;letter-spacing:-.035em}.academy-method-copy h1 span{display:block;color:var(--gold)}.academy-method-copy>p{max-width:445px;margin:0 0 15px;color:#333944;font-size:15px;line-height:1.65}.academy-method-copy .method-lead{color:var(--ink);font-size:17px;font-weight:500}.method-benefits{display:grid;gap:11px;margin:24px 0 22px;padding:0;list-style:none}.method-benefits li{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:650}.method-benefits li>span{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;color:var(--gold);background:#fff;box-shadow:0 7px 18px rgba(25,33,46,.1)}.academy-method-cta{min-width:250px;background:#111;color:#e5a814;box-shadow:0 10px 24px rgba(17,17,17,.17)}.academy-method-demo{min-width:0}.academy-method-demo>h2{display:flex;align-items:center;gap:18px;justify-content:center;margin:0 0 21px;font:600 19px 'Playfair Display',serif}.academy-method-demo>h2>span{width:84px;height:1px;background:#d6a45f}.method-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.method-step{position:relative;min-width:0;min-height:365px;padding:19px 12px 15px;border-radius:17px;background:#fff;box-shadow:0 12px 32px rgba(25,33,46,.11);text-align:center;overflow:visible}.method-step:not(:last-child):after{content:"→";position:absolute;z-index:4;right:-17px;top:47%;color:#d18a20;font-size:24px;font-weight:700}.method-step>b{width:30px;height:30px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;font-size:12px}.method-step h3{margin:0;font:600 16px 'Playfair Display',serif}.method-step>p{min-height:39px;margin:4px auto 15px;color:#4e535c;font-size:10px;line-height:1.35}.method-arabic{position:relative;z-index:2;margin-top:26px;font:600 clamp(22px,2vw,30px)/1.7 'Noto Naskh Arabic',serif;white-space:nowrap}.method-step mark{display:inline-block;padding:0 4px;border-radius:6px;background:#fff0cf;color:var(--ink)}.method-magnifier{position:absolute;z-index:3;left:7px;bottom:-18px;width:118px;height:118px;border-radius:50%;background:rgba(255,255,255,.76);box-shadow:inset 0 0 0 7px #202020,0 9px 22px rgba(25,33,46,.18);backdrop-filter:blur(3px)}.method-magnifier:after{content:"";position:absolute;right:-48px;bottom:-39px;width:68px;height:13px;border-radius:999px;background:#202020;transform:rotate(-48deg);transform-origin:left center}.method-word-units{display:grid;grid-template-columns:repeat(2,max-content);justify-content:center;gap:10px 3px;white-space:normal}.method-connected{margin-top:37px;white-space:normal}.method-links{width:100%;height:52px;margin-top:-3px;overflow:visible}.method-links path{fill:none;stroke:#cb8520;stroke-width:2;stroke-linecap:round}.method-step blockquote{margin:20px 0 0;font:600 14px/1.35 'Playfair Display',serif}.method-step blockquote small{display:block;margin-top:7px;color:var(--muted);font:10px Inter}.method-quran-icon{position:absolute;bottom:11px;left:50%;transform:translateX(-50%);width:55px;height:40px;display:grid;place-items:center;border-radius:50% 50% 12px 12px;color:var(--gold);background:linear-gradient(transparent,#fff3ce);font-size:33px}.method-milestones{grid-column:1/-1;position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:4px}.method-milestones:before{content:"";position:absolute;z-index:0;left:7%;right:7%;top:50%;height:2px;background:#d6a45f}.method-milestones article{position:relative;z-index:1;min-height:104px;padding:16px 13px;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(25,33,46,.09);display:flex;align-items:center;gap:12px}.method-milestones article>span{flex:0 0 47px;width:47px;height:47px;border-radius:50%;display:grid;place-items:center;background:var(--gold-soft);color:var(--gold);font-size:21px}.method-milestones strong,.method-milestones small{display:block}.method-milestones strong{color:var(--gold);font:600 13px/1.25 'Playfair Display',serif}.method-milestones small{margin-top:5px;color:#3e434c;font-size:9px;line-height:1.35}.qa-academy>.academy-roadmap-card{margin-top:8px;margin-bottom:28px}
@media(max-width:1050px){.academy-method-hero{grid-template-columns:1fr}.academy-method-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;align-items:start}.academy-method-copy .qa-eyebrow,.academy-method-copy h1{grid-column:1/-1}.academy-method-copy h1{max-width:700px}.method-benefits{grid-column:2;grid-row:3/6;margin-top:0}.academy-method-cta{justify-self:start}.academy-method-demo{margin-top:12px}.method-step{min-height:330px}.method-milestones{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.academy-method-hero{padding:18px 0 0;gap:25px}.academy-method-copy{display:block}.academy-method-copy h1{font-size:43px;line-height:1.02}.academy-method-copy>p{font-size:14px}.academy-method-copy .method-lead{font-size:16px}.academy-method-cta{width:100%}.academy-method-demo>h2>span{width:38px}.method-steps{display:flex;gap:12px;overflow-x:auto;padding:3px 4px 22px;scroll-snap-type:x mandatory}.method-step{flex:0 0 76%;min-height:330px;scroll-snap-align:center}.method-step:not(:last-child):after{right:-17px}.method-milestones{display:flex;overflow-x:auto;padding:2px 3px 18px;scroll-snap-type:x mandatory}.method-milestones:before{display:none}.method-milestones article{flex:0 0 78%;scroll-snap-align:center}.qa-academy>.academy-roadmap-card{margin-top:0}}

/* Method-demo refinements: the lens explains a word and milestone cards stand alone. */
.method-magnifier{left:50%;bottom:25px;width:96px;height:96px;display:grid;place-items:center;background:rgba(255,255,255,.96);box-shadow:inset 0 0 0 5px #202020,0 9px 22px rgba(25,33,46,.16);transform:translateX(-58%);backdrop-filter:none}.method-magnifier>span{font:600 28px/1 'Noto Naskh Arabic',serif;transform:scale(1.12)}.method-magnifier:after{right:-38px;bottom:-23px;width:54px;height:10px;transform:rotate(45deg)}.method-milestones:before{display:none}

/* Keep the magnifier visually attached to the phrase and fully inside its card. */
.method-step-unfamiliar{overflow:hidden}.method-step-unfamiliar .method-arabic{margin-top:30px}.method-magnifier{left:53%;bottom:62px;width:82px;height:82px;background:rgba(255,255,255,.98);box-shadow:inset 0 0 0 4px #252525,inset 8px 8px 15px rgba(255,255,255,.9),0 8px 20px rgba(25,33,46,.13);transform:translateX(-50%)}.method-magnifier>span{font-size:25px;transform:scale(1.08)}.method-magnifier:after{right:-28px;bottom:-17px;width:40px;height:8px;border-radius:999px;transform:rotate(44deg)}
@media(max-width:760px){.method-magnifier{bottom:57px}}

/* Final magnifier treatment: a quiet zoom callout, without an angled handle. */
.method-magnifier{left:50%;bottom:54px;width:88px;height:88px;border:0;transform:translateX(-50%);box-shadow:inset 0 0 0 3px #2b2b2b,0 9px 22px rgba(25,33,46,.13)}.method-magnifier:before{content:"";position:absolute;left:50%;top:-22px;width:1.5px;height:22px;background:#c98525;transform:translateX(-50%)}.method-magnifier:after{display:none}.method-magnifier>span{font-size:26px;transform:scale(1.08)}
.academy-journey-subtitle{margin:5px 0 0;color:var(--muted);font-size:12px}.academy-method-hero{margin-bottom:18px}.qa-academy>.academy-roadmap-card{margin-top:0}
@media(max-width:760px){.method-magnifier{bottom:50px}.academy-journey-subtitle{font-size:11px}}

/* Keep the visitor profile action compact; navigation-link padding must not stretch it. */
.academy-topbar nav>a.qa-profile-signin{min-height:43px;margin:0;padding:7px 13px;border-radius:999px;display:flex;align-items:center;gap:8px;line-height:1;box-shadow:0 6px 18px rgba(25,33,46,.1)}.academy-topbar nav>a.qa-profile-signin:after{display:none}.academy-topbar nav>a.qa-profile-signin>span{flex:0 0 29px}.academy-topbar nav>a.qa-profile-signin>strong{line-height:1.2}
@media(max-width:760px){.academy-topbar nav>a.qa-profile-signin{min-height:38px;padding:5px 8px}.academy-topbar nav>a.qa-profile-signin>span{flex-basis:27px}}

/* Academy/home identity: a larger seal that overlaps the header with restraint. */
.academy-topbar .academy-brand{min-width:96px;align-self:stretch;display:flex;align-items:center}.academy-topbar .qa100-brand-logo--header{width:96px;height:96px;transform:translateY(8px);position:relative;z-index:2}.academy-topbar .qa100-brand-logo--header img{box-shadow:0 12px 28px rgba(17,17,17,.2),0 2px 5px rgba(17,17,17,.12)}
@media(max-width:760px){.academy-topbar .academy-brand{min-width:76px}.academy-topbar .qa100-brand-logo--header{width:76px;height:76px;transform:translateY(4px)}}

.academy-topbar .qa100-brand-logo--header img{box-shadow:0 18px 38px rgba(17,17,17,.3),0 7px 16px rgba(17,17,17,.22),0 2px 5px rgba(17,17,17,.16)}

/* Compact swipeable method cards on phones. */
@media(max-width:760px){.method-steps{gap:10px;padding:3px 3px 17px}.method-step{flex:0 0 66%;min-height:278px;padding:15px 10px 12px;border-radius:15px}.method-step>b{width:27px;height:27px;margin-bottom:8px}.method-step h3{font-size:15px}.method-step>p{min-height:31px;margin:3px auto 8px;font-size:9px}.method-arabic{margin-top:16px;font-size:22px}.method-word-units{gap:6px 2px}.method-connected{margin-top:22px}.method-links{height:39px}.method-step blockquote{margin-top:11px;font-size:12px}.method-quran-icon{bottom:7px;width:44px;height:31px;font-size:25px}.method-magnifier{bottom:34px;width:68px;height:68px;box-shadow:inset 0 0 0 3px #2b2b2b,0 7px 16px rgba(25,33,46,.12)}.method-magnifier>span{font-size:21px}.method-magnifier:before{top:-15px;height:15px}.method-step:not(:last-child):after{right:-14px;font-size:19px}}

/* Mobile: retain a tall teaching-card proportion while keeping the sequence swipeable. */
@media(max-width:760px){.method-step{flex-basis:62%;min-height:370px;padding:17px 11px 14px}.method-step>b{width:29px;height:29px;margin-bottom:10px}.method-step h3{font-size:16px}.method-step>p{min-height:38px;margin-bottom:14px;font-size:9.5px}.method-arabic{margin-top:27px;font-size:23px}.method-word-units{margin-top:34px;gap:8px 3px}.method-connected{margin-top:38px}.method-links{height:46px;margin-top:3px}.method-step blockquote{margin-top:24px;font-size:13px;line-height:1.4}.method-quran-icon{bottom:12px;width:48px;height:34px;font-size:27px}.method-magnifier{bottom:62px;width:76px;height:76px}.method-magnifier>span{font-size:23px}.academy-topbar{height:88px;overflow:visible}.academy-topbar .academy-brand{min-width:80px;overflow:visible}.academy-topbar .qa100-brand-logo--header{width:96px;height:96px;transform:translate(-8px,8px)}}

.method-demo-action{margin-top:22px;text-align:center}.method-demo-action .academy-method-cta{margin:0 auto}.method-swipe-hint{display:none}
@media(max-width:760px){.method-demo-action{margin-top:2px}.method-swipe-hint{display:block;margin:0 0 12px;color:var(--muted);font-size:10px}.method-swipe-hint span{color:var(--gold);font-size:14px}.method-demo-action .academy-method-cta{width:100%}}

/* Mobile width refinement only: slimmer cards and quieter connectors. */
@media(max-width:760px){.method-steps{gap:7px;padding-left:0;padding-right:0}.method-step{flex-basis:58%;padding-left:7px;padding-right:7px}.method-step:not(:last-child):after{right:-10px;top:48%;font-size:14px;font-weight:600}.method-step mark{padding-left:3px;padding-right:3px}}

/* Inactive journey stages retain their muted state but gain a visible identity. */
.stage-tab:not(.active):nth-child(1){box-shadow:inset 0 0 0 1.5px rgba(182,107,19,.28),0 9px 24px rgba(25,33,46,.1)}.stage-tab:not(.active):nth-child(2){box-shadow:inset 0 0 0 1.5px rgba(72,106,91,.25),0 9px 24px rgba(25,33,46,.1)}.stage-tab:not(.active):nth-child(3){box-shadow:inset 0 0 0 1.5px rgba(53,86,135,.25),0 9px 24px rgba(25,33,46,.1)}

/* Immersive stage map: quiet contour artwork and one consistent serpentine route. */
.stage-expansion{--map-line:rgba(182,107,19,.13);isolation:isolate;overflow:hidden}.stage-expansion.stage-foundations{--map-line:rgba(72,106,91,.14)}.stage-expansion.stage-sentences{--map-line:rgba(182,107,19,.13)}.stage-expansion.stage-quran{--map-line:rgba(53,86,135,.13)}.stage-expansion:before{content:"";position:absolute;z-index:0;inset:8px;pointer-events:none;background:radial-gradient(ellipse 150px 72px at 8% 84%,transparent 68%,var(--map-line) 69%,var(--map-line) 70%,transparent 71%),radial-gradient(ellipse 230px 102px at 94% 18%,transparent 70%,var(--map-line) 71%,var(--map-line) 72%,transparent 73%),radial-gradient(ellipse 330px 138px at 88% 88%,transparent 72%,var(--map-line) 73%,var(--map-line) 74%,transparent 75%),radial-gradient(ellipse 260px 112px at 18% 22%,transparent 71%,var(--map-line) 72%,var(--map-line) 73%,transparent 74%);opacity:.72}.stage-expansion:after{position:absolute;z-index:0;right:4%;bottom:5%;pointer-events:none;color:var(--map-line);font:400 118px/1 'Playfair Display',serif}.stage-expansion.stage-foundations:after{content:"♧"}.stage-expansion.stage-sentences:after{content:"▤"}.stage-expansion.stage-quran:after{content:"⌑"}.stage-expansion>*{position:relative;z-index:1}.journey-step:after,.journey-step:before{height:3px;border-radius:999px}.journey-step.path-down:before{width:3px;border-radius:999px}.journey-step.path-right:after,.journey-step.path-left:after{box-shadow:0 1px 0 rgba(255,255,255,.65)}
@media(max-width:760px){.stage-expansion:before{background:radial-gradient(ellipse 120px 210px at 92% 18%,transparent 70%,var(--map-line) 71%,var(--map-line) 72%,transparent 73%),radial-gradient(ellipse 145px 260px at 7% 82%,transparent 71%,var(--map-line) 72%,var(--map-line) 73%,transparent 74%)}.stage-expansion:after{right:2%;bottom:3%;font-size:82px}.stage-expansion .journey-step:before{display:none!important}.stage-expansion .journey-step:not(:last-child):after{display:block!important;left:24px!important;right:auto!important;top:50px!important;width:3px!important;height:31px!important;border-radius:999px!important;box-shadow:none}.stage-expansion .journey-step.completed:after{background:var(--sage)}.stage-expansion .journey-step.current:after{background:linear-gradient(var(--gold),#d9dbde)}.stage-expansion .journey-step:not(.completed):not(.current):after{background:#d9dbde}}
.stage-expansion>.stage-bridge{position:absolute}

/* The expanded map is a continuation of its selected stage, not a separate card. */
.stage-expansion{--stage-accent:var(--gold)}
.stage-expansion.stage-foundations{--stage-accent:var(--sage)}
.stage-expansion.stage-quran{--stage-accent:#526780}
.stage-expansion.active{box-shadow:inset 0 3px 0 var(--stage-accent),inset 0 0 0 1px color-mix(in srgb,var(--stage-accent) 26%,transparent),0 12px 30px rgba(25,33,46,.08)}
.stage-expansion>.stage-bridge{top:-18px;width:32px;height:32px;background:#fff;box-shadow:-2px -2px 0 var(--stage-accent);z-index:2}
.stage-expansion.stage-foundations>.stage-bridge{background:#fafff7}
.stage-expansion.stage-sentences>.stage-bridge{background:#fffdf8}
.stage-expansion.stage-quran>.stage-bridge{background:#f8fbff}

/* The lesson route provides the map identity; remove ornamental map artwork. */
.stage-expansion:before,.stage-expansion:after{display:none}

/* Visitor journey card: show the first lesson and the value of the learning system. */
.visitor-next-lesson{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:17px 20px;border-radius:15px;background:#fffaf0;box-shadow:0 8px 22px rgba(182,107,19,.1)}.visitor-next-lesson>span:first-child{padding:5px 10px;border-radius:999px;background:var(--gold-soft);color:var(--gold);font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.visitor-next-lesson strong,.visitor-next-lesson small{display:block}.visitor-next-lesson strong{font:600 17px 'Playfair Display',serif}.visitor-next-lesson small{margin-top:3px;color:var(--muted);font-size:10px}.visitor-next-arrow{color:var(--gold);font-size:22px}.visitor-lesson-value{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%}.visitor-lesson-value article{min-width:0;padding:16px 13px;border-radius:13px;background:#fff;box-shadow:0 7px 19px rgba(25,33,46,.08);display:flex;align-items:flex-start;gap:10px;text-align:left}.visitor-lesson-value article>span{flex:0 0 33px;width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:var(--gold-soft);color:var(--gold);font-size:15px}.visitor-lesson-value strong,.visitor-lesson-value small{display:block}.visitor-lesson-value strong{font:650 11px/1.25 Inter,sans-serif}.visitor-lesson-value small{margin-top:5px;color:var(--muted);font-size:9px;line-height:1.4}
@media(max-width:900px){.visitor-lesson-value{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.visitor-next-lesson{grid-template-columns:1fr;padding:15px}.visitor-next-lesson>span:first-child{justify-self:start}.visitor-next-arrow{display:none}.visitor-lesson-value{grid-template-columns:1fr}.visitor-lesson-value article{padding:14px}}

/* Refined Academy proposition: three promises supported by a tangible learning example. */
.academy-offer-refined .offer-layout{grid-template-columns:135px minmax(0,1fr);align-items:start}.academy-offer-refined .offer-art{position:sticky;top:120px;padding-top:34px}.academy-offer-refined .offer-art svg{width:125px}.academy-offer-refined .offer-intro h2{max-width:780px;margin:3px auto 8px;font-size:30px;line-height:1.18}.academy-offer-refined .offer-intro>p:last-child{color:var(--muted);font-size:12px}.academy-offer-refined .offer-grid article{min-height:220px}.academy-offer-refined .offer-grid h3{min-height:64px}.academy-demo{display:grid;grid-template-columns:.82fr 1.18fr;gap:15px;margin:7px 0 22px;text-align:left}.academy-demo>div{border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(25,33,46,.1);padding:21px}.academy-demo-question>span,.feedback-label{display:inline-block;color:var(--gold);font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.07em}.academy-demo-question .arabic{margin:10px 0 5px;font:650 29px/1.55 'Noto Naskh Arabic',serif;text-align:center}.academy-demo-question>strong{display:block;text-align:center;font:600 15px 'Playfair Display',serif}.academy-demo-question>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.academy-demo-question button{padding:8px;border:0;border-radius:9px;background:#f5f4f1;color:var(--ink);font-size:10px}.academy-demo-question button.selected{background:#fff1dd;color:#8d510c;box-shadow:inset 0 0 0 1.5px rgba(182,107,19,.4)}.academy-demo-feedback{background:linear-gradient(120deg,#fffaf0,#fff)!important}.academy-demo-feedback h3{margin:8px 0 6px;font:600 19px 'Playfair Display',serif}.academy-demo-feedback>p{margin:0;color:#414650;font-size:11px;line-height:1.55}.academy-demo-feedback b{font:650 17px 'Noto Naskh Arabic',serif}.feedback-recommendation{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 13px;margin-top:14px;padding:12px;border-radius:11px;background:#fff}.feedback-recommendation span{color:var(--muted);font-size:8px}.feedback-recommendation strong{font-size:9px}.academy-offer-action{text-align:center}.academy-offer-action .qa-button{background:#111;color:#e5a814}.academy-offer-action small{display:block;margin-top:8px;color:var(--muted);font-size:9px}
@media(max-width:980px){.academy-offer-refined .offer-layout{grid-template-columns:1fr}.academy-offer-refined .offer-art{display:none}.academy-demo{grid-template-columns:1fr}}
@media(max-width:760px){.academy-offer-refined{padding:23px 17px}.academy-offer-refined .offer-intro h2{font-size:25px}.academy-offer-refined .offer-grid{display:flex;overflow-x:auto;gap:11px;padding:2px 2px 17px}.academy-offer-refined .offer-grid article{flex:0 0 78%;min-height:215px}.academy-demo>div{padding:18px}.academy-offer-action .qa-button{width:100%}}

.offer-benefit-checks{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin:17px auto 2px;padding:0;list-style:none}.offer-benefit-checks li{position:relative;padding-left:22px;color:#363c46;font-size:10px;font-weight:650}.offer-benefit-checks li:before{content:"✓";position:absolute;left:0;top:-1px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:var(--gold-soft);color:var(--gold);font-size:9px}.offer-card-promise{display:block;min-height:34px;margin:-2px 0 7px;color:var(--gold);font:600 13px/1.25 'Playfair Display',serif;text-align:center}.academy-offer-refined .offer-grid article>p{margin-top:0}.offer-weakness-card{background:linear-gradient(145deg,#fff,#fffaf0)!important;box-shadow:0 14px 34px rgba(182,107,19,.15)!important}.instant-explanation-demo{width:100%;margin-top:auto;padding-top:12px}.instant-explanation-demo summary{cursor:pointer;color:var(--gold);font-size:9px;font-weight:750;list-style:none}.instant-explanation-demo summary::-webkit-details-marker{display:none}.instant-explanation-demo summary span{display:inline-block;margin-left:3px;transition:transform .2s}.instant-explanation-demo[open] summary span{transform:rotate(180deg)}.instant-explanation-demo>div{margin-top:10px;padding:12px;border-radius:11px;background:#fffaf0;text-align:left;box-shadow:inset 0 0 0 1px rgba(182,107,19,.09)}.instant-explanation-demo .arabic{margin:0 0 6px;text-align:center;font:650 22px/1.5 'Noto Naskh Arabic',serif}.instant-explanation-demo small,.instant-explanation-demo>div>strong{display:block}.instant-explanation-demo small{color:var(--muted);font-size:8px}.instant-explanation-demo>div>strong{margin:5px 0;color:#85500f;font:600 12px 'Playfair Display',serif}.instant-explanation-demo>div>p:last-child{margin:0;color:#4b5058;font-size:8px;line-height:1.5}.instant-explanation-demo b[lang="ar"]{font:650 13px 'Noto Naskh Arabic',serif}
@media(max-width:760px){.offer-benefit-checks{display:grid;justify-content:start;text-align:left}.academy-offer-refined .offer-grid article{min-height:250px}.instant-explanation-demo summary{font-size:10px}}

.offer-card-checks{width:100%;margin:4px 0 0;padding:0;list-style:none;text-align:left}.offer-card-checks li{position:relative;margin:9px 0;padding-left:22px;color:#4a4f58;font-size:9px;line-height:1.35}.offer-card-checks li:before{content:"✓";position:absolute;left:0;top:0;width:15px;height:15px;border-radius:50%;display:grid;place-items:center;background:var(--gold-soft);color:var(--gold);font-size:8px}.academy-proof-panel{position:relative;margin:7px 0 22px;border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(25,33,46,.12);overflow:hidden;text-align:left}.academy-proof-panel summary{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:20px;min-height:175px;padding:23px 27px;cursor:pointer;list-style:none;background:linear-gradient(110deg,#fff,#fffaf0)}.academy-proof-panel summary::-webkit-details-marker{display:none}.academy-proof-panel summary:after{content:"";position:absolute;left:0;right:0;bottom:0;height:48px;background:linear-gradient(transparent,rgba(255,255,255,.94));pointer-events:none}.academy-proof-panel summary .arabic{margin:8px 0 2px;font:650 31px/1.45 'Noto Naskh Arabic',serif}.academy-proof-panel summary strong{font:600 15px 'Playfair Display',serif}.proof-answer-preview{display:flex;gap:8px;margin-top:13px}.proof-answer-preview span{min-width:80px;padding:7px 13px;border-radius:9px;background:#f5f4f1;text-align:center;font-size:9px}.proof-answer-preview span.selected{background:#fff1dd;color:#8d510c;box-shadow:inset 0 0 0 1.5px rgba(182,107,19,.38)}.proof-more{position:relative;z-index:2;padding:14px 18px;border-radius:14px;background:#fff;box-shadow:0 9px 25px rgba(25,33,46,.11);text-align:center}.proof-more b,.proof-more small{display:block}.proof-more b{font:600 16px 'Playfair Display',serif}.proof-more small{margin-top:3px;color:var(--muted);font-size:8px}.proof-more i{display:block;margin-top:5px;color:var(--gold);font-style:normal;transition:transform .25s}.academy-proof-panel[open] .proof-more i{transform:rotate(180deg)}.academy-proof-panel[open] summary:after{display:none}.academy-proof-detail{display:grid;grid-template-columns:1.3fr .9fr;gap:15px;padding:0 27px 25px}.academy-proof-detail>div:first-child{padding:17px;border-radius:13px;background:#fffaf0}.academy-proof-detail h3{margin:7px 0 5px;font:600 18px 'Playfair Display',serif}.academy-proof-detail p{margin:0;color:#494e57;font-size:10px;line-height:1.55}.academy-proof-detail b[lang="ar"]{font:650 16px 'Noto Naskh Arabic',serif}
@media(max-width:760px){.offer-card-checks li{font-size:10px}.academy-proof-panel summary{grid-template-columns:1fr;min-height:250px;padding:20px}.proof-more{margin-top:5px}.academy-proof-detail{grid-template-columns:1fr;padding:0 20px 20px}.academy-proof-panel summary .arabic{font-size:27px}}

/* Proof panel teaser: reveal no more than half until the learner asks for more. */
.academy-proof-panel:not([open]) summary{height:118px;min-height:0;overflow:hidden;padding-top:16px;padding-bottom:16px}.academy-proof-panel:not([open]) summary>div:first-child{max-height:82px;overflow:hidden}.academy-proof-panel:not([open]) summary:after{height:72px;background:linear-gradient(transparent,rgba(255,255,255,.98) 82%)}.academy-proof-panel:not([open]) .proof-more{align-self:center;padding:11px 15px}.academy-proof-panel[open] summary{height:auto;min-height:175px}.academy-proof-panel[open] summary>div:first-child{max-height:none;overflow:visible}
@media(max-width:760px){.academy-proof-panel:not([open]) summary{position:relative;display:block;height:150px;min-height:0;padding:16px 18px 54px}.academy-proof-panel:not([open]) summary>div:first-child{max-height:86px}.academy-proof-panel:not([open]) .proof-more{position:absolute;z-index:3;left:18px;right:18px;bottom:10px;margin:0;padding:9px 12px}.academy-proof-panel:not([open]) .proof-more small{display:none}.academy-proof-panel[open] summary{display:grid;min-height:250px}}

/* Current-position marker: unmistakable, compact and visually tied to its lesson. */
.journey-step .you-are-here{top:-34px;display:flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:linear-gradient(135deg,#c47a16,#a85c08);color:#fff;font-size:9px;line-height:1;font-weight:750;letter-spacing:.015em;box-shadow:0 8px 18px rgba(157,87,10,.28),0 2px 5px rgba(25,33,46,.12)}.journey-step .you-are-here:before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.22)}.journey-step .you-are-here:after{left:50%;bottom:-6px;border-left-width:6px;border-right-width:6px;border-top-width:7px;border-top-color:#ae620c;transform:translateX(-50%)}.journey-step.current .step-circle{box-shadow:0 0 0 4px #fff,0 0 0 7px rgba(182,107,19,.92),0 10px 23px rgba(182,107,19,.2)}
.stage-expansion .journey-path{padding-top:42px}.stage-expansion.preview-mode .stage-map-viewport{max-height:263px}.lesson-embedded-journey .journey-path{padding-top:34px}.lesson-embedded-journey .stage-expansion.preview-mode .stage-map-viewport{max-height:226px}
@media(max-width:760px){.journey-step .you-are-here{top:-27px;left:0;transform:none;padding:5px 9px;font-size:8px}.journey-step .you-are-here:before{width:6px;height:6px}.journey-step .you-are-here:after{left:29px}.journey-step.current .step-circle{box-shadow:0 0 0 3px #fff,0 0 0 6px rgba(182,107,19,.92),0 8px 18px rgba(182,107,19,.18)}}
@media(max-width:760px){.stage-expansion .journey-path,.lesson-embedded-journey .journey-path{padding-top:38px}.stage-expansion.preview-mode .stage-map-viewport{max-height:530px}.lesson-embedded-journey .stage-expansion.preview-mode .stage-map-viewport{max-height:460px}}

/* The Academy continuation is revealed only after the free practice questions. */
.practice-card + .lesson-academy-prompt{display:none}.practice-window .lesson-academy-prompt{display:grid;margin:18px 0 3px;padding:22px 24px;border-radius:15px;border:1px solid rgba(182,107,19,.16);background:linear-gradient(105deg,#fffaf1 0%,#fff 58%,#fff8eb 100%);box-shadow:0 12px 25px rgba(128,86,28,.13)}.practice-window .lesson-academy-prompt .academy-arch{height:102px}.practice-window .lesson-academy-prompt h2{font-size:21px}
@media(max-width:760px){.practice-window .lesson-academy-prompt{grid-template-columns:1fr;padding:20px 21px}.practice-window .lesson-academy-prompt .academy-arch{display:none}}

/* A quiet visual cue for the single Academy invitation in the lesson sidebar. */
.lesson-sidebar-academy .sidebar-academy-arch{width:82px;height:64px;margin:0 auto 2px;color:var(--gold)}.sidebar-academy-arch svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2}.sidebar-academy-arch .arch-inner{stroke:#d6a85e}.sidebar-academy-arch .base{stroke:#d8c4a6}.sidebar-academy-arch .spark{stroke-width:1.5}

/* Free, useful learning evidence: the current-lesson checkpoint. */
.journey-checkpoint{display:grid;grid-template-columns:125px minmax(0,1fr) minmax(190px,.95fr);gap:16px;align-items:center;width:100%;padding:16px 18px;border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(25,33,46,.08);text-align:left}.checkpoint-score{padding-right:16px;border-right:1px solid rgba(25,33,46,.09)}.checkpoint-score span,.checkpoint-score small,.checkpoint-next small{display:block;color:var(--muted);font-size:9px}.checkpoint-score strong{display:block;margin:4px 0 1px;color:var(--ink);font:600 26px/1 'Playfair Display',serif}.checkpoint-tasks{display:grid;gap:7px}.checkpoint-tasks p{display:flex;align-items:center;gap:8px;margin:0;color:var(--muted);font-size:10px}.checkpoint-tasks p>span{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#f3f3f1;color:#9a9da1;font-size:10px}.checkpoint-tasks p>span.done{background:var(--sage-soft);color:var(--sage)}.checkpoint-next{display:grid;gap:4px;padding-left:16px;border-left:1px solid rgba(25,33,46,.09)}.checkpoint-next strong{font:600 14px 'Playfair Display',serif}.checkpoint-next a{margin-top:3px;color:var(--gold);font-size:10px;font-weight:700;text-decoration:none}.checkpoint-next a:hover{text-decoration:underline}.checkpoint-complete .checkpoint-score strong{color:var(--sage)}.checkpoint-review .checkpoint-score strong{color:var(--gold)}
@media(max-width:760px){.journey-checkpoint{grid-template-columns:1fr;gap:15px;padding:17px;text-align:left}.checkpoint-score,.checkpoint-next{padding:0;border:0}.checkpoint-score{display:grid;grid-template-columns:1fr auto;column-gap:8px;align-items:center}.checkpoint-score span{grid-column:1}.checkpoint-score strong{grid-column:2;grid-row:1/3;margin:0;font-size:25px}.checkpoint-score small{grid-column:1}.checkpoint-next{padding-top:12px;border-top:1px solid rgba(25,33,46,.09)}}

/* Learning Check-in is now a complete dashboard card of its own. */
.learning-checkin-card .learning-focus{margin:0;padding:0;background:transparent;border-radius:0}.learning-checkin-card .journey-checkpoint{margin-top:18px}.learning-checkin-card .focus-heading .qa-kicker{font-size:18px}

/* Give the learning checkpoint the visual weight of a real daily destination. */
.learning-checkin-card .journey-checkpoint{grid-template-columns:165px minmax(0,1fr) minmax(220px,.95fr);gap:22px;padding:22px}.learning-checkin-card .checkpoint-score{min-height:112px;padding:18px;border:0;border-radius:15px;background:linear-gradient(135deg,#fffaf0,#fbf1df);box-shadow:inset 0 0 0 1px rgba(182,107,19,.16);display:flex;flex-direction:column;justify-content:center}.learning-checkin-card .checkpoint-score span,.learning-checkin-card .checkpoint-score small{font-size:10px}.learning-checkin-card .checkpoint-score strong{margin:7px 0 4px;font-size:35px}.learning-checkin-card .checkpoint-tasks{gap:11px}.learning-checkin-card .checkpoint-tasks p{gap:10px;font-size:12px;font-weight:600}.learning-checkin-card .checkpoint-tasks p>span{width:24px;height:24px;flex:0 0 24px;background:#f4f2ee;color:#9a9da1;font-size:12px;box-shadow:0 3px 8px rgba(25,33,46,.06)}.learning-checkin-card .checkpoint-tasks p:nth-child(1)>span{background:var(--gold-soft);color:var(--gold)}.learning-checkin-card .checkpoint-tasks p:nth-child(2)>span{background:#fff2e8;color:#bd6b35}.learning-checkin-card .checkpoint-tasks p:nth-child(3)>span{background:var(--blue-soft);color:var(--blue)}.learning-checkin-card .checkpoint-tasks p>span.done{background:var(--sage-soft);color:var(--sage);box-shadow:0 3px 8px rgba(72,106,91,.12)}.learning-checkin-card .checkpoint-next{gap:6px;padding-left:22px}.learning-checkin-card .checkpoint-next strong{font-size:17px}.learning-checkin-card .checkpoint-next small{font-size:10px;line-height:1.5}.learning-checkin-card.checkpoint-not-started .checkpoint-score{background:linear-gradient(135deg,#fff7e7,#f8e5c2);box-shadow:0 10px 24px rgba(182,107,19,.16),inset 0 0 0 1px rgba(182,107,19,.22)}.learning-checkin-card.checkpoint-not-started .checkpoint-score strong{color:var(--gold)}
@media(max-width:760px){.learning-checkin-card .journey-checkpoint{grid-template-columns:1fr;gap:17px;padding:19px}.learning-checkin-card .checkpoint-score{min-height:104px;padding:17px}.learning-checkin-card .checkpoint-score strong{font-size:32px}.learning-checkin-card .checkpoint-next{padding:14px 0 0;border-left:0;border-top:1px solid rgba(25,33,46,.09)}}

/* Reduce duplicate hierarchy and make Academy-only guidance visibly, gently locked. */
.continue-card .lesson-summary>div>p{color:#9da1a8;font-size:11px;opacity:.72}.learning-checkin-card .focus-preview{background:linear-gradient(135deg,#fbfbfa,#f5f4f1);box-shadow:inset 0 0 0 1px rgba(25,33,46,.08);opacity:.76}.learning-checkin-card .lock-orb{background:#eceae6;color:#777b82}.learning-checkin-card .lock-orb svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}

/* Study tools belong beside the learner’s personal check-in. */
.learning-tools{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;margin-top:18px}.learning-tool{min-height:92px;padding:15px 17px;border-radius:15px;background:#fff;box-shadow:0 7px 18px rgba(25,33,46,.08);display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left}.learning-tool>span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--sage-soft);color:var(--sage);font-size:20px}.learning-tool strong,.learning-tool small{display:block}.learning-tool strong{font:600 16px 'Playfair Display',serif}.learning-tool small{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.4}.bookmarks-tool{text-decoration:none}.bookmarks-tool i{color:var(--sage);font-size:19px;font-style:normal}.vocabulary-tool{background:linear-gradient(135deg,#fffaf0,#fff)}.vocabulary-tool>span{background:var(--gold-soft);color:var(--gold)}.vocabulary-tool em{padding:4px 7px;border-radius:999px;background:var(--gold-soft);color:var(--gold);font-size:8px;font-style:normal;white-space:nowrap}
.bookmarks-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:center}.bookmarks-card h2{margin:0;font:600 27px 'Playfair Display',serif}.bookmarks-card p{margin:6px 0 0;color:var(--muted);font-size:12px}.bookmarks-list{display:flex;flex-wrap:wrap;gap:10px;min-height:52px;align-items:center;padding:14px 16px;border-radius:14px;background:#faf9f6}.bookmarks-list>p{margin:0}.bookmarks-list>a{padding:8px 13px;border-radius:999px;background:#fff;color:var(--sage);box-shadow:0 4px 11px rgba(25,33,46,.08);font-size:11px;font-weight:700;text-decoration:none}
@media(max-width:760px){.learning-tools,.bookmarks-card{grid-template-columns:1fr}.learning-tool{min-height:86px}.bookmarks-card{gap:18px}.bookmarks-list{min-height:68px}}

/* My Account: a learner's practical shelf for saved references. */
.personal-reference-card{padding:34px}.personal-reference-heading{margin-bottom:22px}.personal-reference-heading .qa-kicker{margin:0 0 4px;color:var(--sage);font-size:10px}.personal-reference-heading h2{font-size:30px}.personal-reference-heading p:not(.qa-kicker){margin:6px 0 0;color:var(--muted);font-size:12px}.personal-reference-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:15px}.reference-item{position:relative;min-height:185px;padding:19px;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(25,33,46,.08);display:flex;flex-direction:column;align-items:flex-start;text-align:left}.reference-icon{width:43px;height:43px;margin-bottom:13px;border-radius:50%;display:grid;place-items:center;background:var(--sage-soft);color:var(--sage);font-size:21px}.reference-vocabulary .reference-icon{background:var(--gold-soft);color:var(--gold)}.reference-preferences .reference-icon{background:var(--blue-soft);color:var(--blue)}.reference-item h3{margin:0;font:600 18px 'Playfair Display',serif}.reference-item p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.personal-reference-card .bookmarks-list{width:100%;min-height:38px;margin-top:auto;padding:8px 0 0;border-radius:0;background:transparent}.personal-reference-card .bookmarks-list>a{padding:6px 9px;font-size:9px}.personal-reference-card .bookmarks-list>p{font-size:9px}.reference-coming{margin-top:auto;padding:5px 9px;border-radius:999px;background:var(--gold-soft);color:var(--gold);font-size:9px;font-weight:700}.reference-preferences>a{margin-top:auto;color:var(--blue);font-size:10px;font-weight:700;text-decoration:none}.reference-preferences>a span{font-size:15px}.reference-preferences>a:hover{text-decoration:underline}
@media(max-width:900px){.personal-reference-grid{grid-template-columns:1fr 1fr}.reference-preferences{grid-column:1/-1;min-height:145px}}@media(max-width:760px){.personal-reference-card{padding:24px}.personal-reference-grid{grid-template-columns:1fr}.reference-preferences{grid-column:auto}.reference-item{min-height:158px}.personal-reference-heading h2{font-size:27px}}

/* Guided Quran resume history is deliberately small: one return point and a few recent places. */
.account-reading-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start}.account-reading-copy .qa-kicker{margin:0 0 5px;color:var(--gold);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.account-reading-copy h2{font-size:28px}.account-reading-copy>p:last-child{margin:7px 0 0;color:var(--muted);font-size:13px}.account-reading-actions{display:flex;align-items:center;gap:16px}.account-reading-actions form{margin:0}.account-reading-actions button{border:0;background:transparent;cursor:pointer}.account-recent-reading{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:9px;margin-top:5px;padding-top:18px;border-top:1px solid rgba(25,33,46,.09)}.account-recent-reading a{display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;background:#f7f7f5;color:var(--ink);font-size:11px;text-decoration:none}.account-recent-reading strong{color:var(--muted);font-size:10px}.qa-dark-mode .account-recent-reading{border-top-color:rgba(244,242,236,.1)}.qa-dark-mode .account-recent-reading a{background:#252c30;color:var(--ink)}@media(max-width:760px){.account-reading-card{grid-template-columns:1fr;padding:24px}.account-reading-actions{justify-content:space-between}.account-reading-actions .qa-button{flex:0 0 auto}.account-recent-reading{margin-top:0;padding-top:15px}}

/* Learning Check-in: a useful daily destination, with Academy as a natural next layer. */
.learning-checkin-card .focus-heading{margin-bottom:18px}.learning-checkin-card .focus-heading .qa-kicker{font-size:28px;font-family:'Playfair Display',serif;color:var(--ink)}.checkin-workspace{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}.checkin-practice-card,.checkin-review-card{min-height:190px;padding:23px 24px;border-radius:18px;box-shadow:0 9px 25px rgba(25,33,46,.09);text-align:left;display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:16px;align-items:start}.checkin-practice-card{background:linear-gradient(135deg,#fff8e9,#f8e9cb);box-shadow:0 12px 30px rgba(182,107,19,.16),inset 0 0 0 1px rgba(182,107,19,.14)}.checkin-review-card{background:#fff}.checkin-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:23px;font-weight:700;line-height:1}.checkin-practice-card .checkin-icon{background:#fff;color:var(--gold);box-shadow:0 5px 14px rgba(182,107,19,.14)}.checkin-review-card .checkin-icon{background:var(--blue-soft);color:var(--blue)}.checkin-label{display:block;color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.checkin-practice-card strong{display:block;margin:5px 0 2px;font:600 42px/1 'Playfair Display',serif;color:var(--ink)}.checkin-practice-card small{display:block;color:#816538;font-size:11px}.checkin-review-card h3{margin:5px 0 5px;font:600 23px/1.1 'Playfair Display',serif;color:var(--ink)}.checkin-review-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.checkin-practice-card>a,.checkin-review-card>a{grid-column:1/-1;align-self:end;display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding:11px 14px;border-radius:11px;text-decoration:none;font-size:12px;font-weight:700}.checkin-practice-card>a{background:var(--gold);color:#fff;box-shadow:0 6px 15px rgba(182,107,19,.21)}.checkin-review-card>a{border:1px solid rgba(31,65,119,.28);color:var(--blue);background:#fff}.checkin-practice-card>a span,.checkin-review-card>a span{font-size:17px}.checkin-insight-row{display:grid;grid-template-columns:repeat(3,1fr);gap:0;width:100%;margin-top:16px;padding:15px 8px;border-radius:16px;background:#fff;box-shadow:0 7px 19px rgba(25,33,46,.07)}.checkin-insight-row article{display:flex;align-items:center;gap:12px;min-width:0;padding:4px 16px;text-align:left}.checkin-insight-row article+article{border-left:1px solid rgba(25,33,46,.1)}.checkin-insight-row article>span{width:39px;height:39px;flex:0 0 39px;border-radius:50%;display:grid;place-items:center;background:var(--sage-soft);color:var(--sage);font-size:20px}.checkin-insight-row article:nth-child(2)>span{background:var(--blue-soft);color:var(--blue)}.checkin-insight-row article:nth-child(3)>span{background:#f5f1e8;color:var(--gold)}.checkin-insight-row small,.checkin-insight-row strong{display:block}.checkin-insight-row small{color:var(--muted);font-size:9px}.checkin-insight-row strong{margin-top:2px;font:600 14px 'Playfair Display',serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.academy-deeper-link{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:19px;padding-top:17px;border-top:1px solid rgba(25,33,46,.09);color:var(--sage);font:500 14px 'Playfair Display',serif;text-decoration:none}.academy-deeper-link span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--sage-soft);font-family:Inter;font-size:13px}.academy-deeper-link b{font-family:Inter;font-size:17px}.academy-deeper-link:hover{color:var(--gold)}
@media(max-width:760px){.learning-checkin-card .focus-heading{margin-bottom:14px}.learning-checkin-card .focus-heading .qa-kicker{font-size:25px}.checkin-workspace{grid-template-columns:1fr}.checkin-practice-card,.checkin-review-card{min-height:0;padding:19px}.checkin-practice-card strong{font-size:37px}.checkin-insight-row{grid-template-columns:1fr;gap:7px;padding:10px}.checkin-insight-row article{padding:8px}.checkin-insight-row article+article{border-left:0;border-top:1px solid rgba(25,33,46,.08)}.academy-deeper-link{font-size:13px;text-align:center}.learning-checkin-card .learning-tools{margin-top:16px}}

/* Final Academy access: a complete self-learning system, not another lesson-access list. */
.academy-access-final{width:100%;margin:30px 0 0;padding:0;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:0;overflow:hidden;background:linear-gradient(135deg,#171b1d,#101315);box-shadow:0 18px 44px rgba(0,0,0,.34),inset 0 0 0 1px rgba(214,154,59,.5);color:#f4f2ec}.academy-access-final .academy-access-copy{padding:48px 50px}.academy-access-eyebrow{margin:0 0 20px!important;color:#d69a3b!important;font:700 11px Inter!important;letter-spacing:.19em;text-align:left!important;text-transform:uppercase}.academy-access-final h2{max-width:500px;margin:0!important;color:#f4f2ec;font-size:clamp(36px,4vw,53px);text-align:left}.academy-access-final .academy-access-copy>p:not(.academy-access-eyebrow){max-width:460px;margin:15px 0 25px;color:#b6bcc5;text-align:left;font-size:16px;line-height:1.55}.academy-access-final ul{display:grid;gap:0;max-width:540px;margin:0;padding:0;list-style:none}.academy-access-final li{display:grid;grid-template-columns:50px minmax(0,1fr);gap:16px;align-items:center;margin:0;padding:16px 0;border-top:1px solid rgba(244,242,236,.12)}.academy-access-final li:before{content:none}.academy-access-final li>span{width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(214,154,59,.72);border-radius:50%;color:#d69a3b;font:22px Inter}.academy-access-final li strong,.academy-access-final li small{display:block}.academy-access-final li strong{color:#f4f2ec;font:600 17px/1.25 'Playfair Display',serif}.academy-access-final li small{margin-top:5px;color:#b6bcc5;font-size:11px;line-height:1.45}.academy-access-arch{position:relative;min-height:520px;padding:38px 46px 32px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:radial-gradient(circle at 50% 45%,rgba(214,154,59,.14),transparent 55%)}.academy-arch-frame{position:relative;overflow:hidden;width:min(100%,390px);height:360px;margin:auto;border:3px solid #d69a3b;border-bottom:0;border-radius:200px 200px 0 0;background:radial-gradient(circle at 68% 58%,rgba(214,154,59,.21),transparent 30%),linear-gradient(135deg,#111416,#20201b);box-shadow:inset 0 0 0 7px rgba(214,154,59,.08),0 0 34px rgba(214,154,59,.13)}.academy-arch-frame:before{content:"";position:absolute;inset:20px 20px 0;border-radius:180px 180px 0 0;background-image:radial-gradient(rgba(214,154,59,.2) .7px,transparent .7px);background-size:12px 12px;opacity:.34}.academy-arch-route{position:absolute;z-index:1;inset:53px 30px auto 22px;height:210px}.academy-arch-route:before{content:"";position:absolute;left:20px;right:34px;top:52px;height:120px;border-top:2px solid #e2ab52;border-radius:55% 52% 0 0;transform:rotate(-12deg);filter:drop-shadow(0 0 4px rgba(214,154,59,.7))}.academy-arch-route span{position:absolute;display:grid;justify-items:center;gap:7px;width:105px;text-align:center}.academy-arch-route span:nth-child(1){left:-3px;top:104px}.academy-arch-route span:nth-child(2){left:50%;top:55px;transform:translateX(-50%)}.academy-arch-route span:nth-child(3){right:-7px;top:0}.academy-arch-route b{width:52px;height:52px;display:grid;place-items:center;border:1px solid #d69a3b;border-radius:50%;background:#526550;color:#f4f2ec;font:24px Inter;box-shadow:0 0 0 5px rgba(214,154,59,.09),0 0 18px rgba(214,154,59,.22)}.academy-arch-route em{color:#d69a3b;font:700 9px Inter;font-style:normal;letter-spacing:.1em;text-transform:uppercase}.academy-arch-route small{max-width:105px;color:#e4d7bd;font-size:9px;line-height:1.35}.academy-arch-book{position:absolute;z-index:1;bottom:31px;right:22px;width:112px;height:70px;filter:drop-shadow(0 0 12px rgba(214,154,59,.42))}.academy-arch-book:before,.academy-arch-book:after{content:"";position:absolute;top:5px;width:53px;height:53px;border:2px solid #d69a3b;background:linear-gradient(135deg,rgba(244,242,236,.18),rgba(214,154,59,.06));box-shadow:inset 0 -12px 0 rgba(214,154,59,.07)}.academy-arch-book:before{left:4px;border-radius:4px 18px 4px 7px;transform:skewY(10deg);transform-origin:right bottom}.academy-arch-book:after{right:4px;border-radius:18px 4px 7px 4px;transform:skewY(-10deg);transform-origin:left bottom}.academy-access-arch .qa-button{width:min(100%,350px);justify-content:center;margin:0;background:#d69a3b;color:#17191b;box-shadow:0 9px 20px rgba(214,154,59,.2)}.academy-access-arch>small{margin-top:12px;color:#b6bcc5;text-align:center;font-size:11px}.qa-dark-mode .academy-access-final{background:linear-gradient(135deg,#1a1f22,#111416);box-shadow:0 18px 44px rgba(0,0,0,.48),inset 0 0 0 1px rgba(214,154,59,.5)}
@media(max-width:900px){.academy-access-final{grid-template-columns:1fr}.academy-access-final .academy-access-copy{padding:42px}.academy-access-arch{min-height:440px}}@media(max-width:760px){.academy-access-final .academy-access-copy{padding:31px 24px}.academy-access-final h2{font-size:34px}.academy-access-final .academy-access-copy>p:not(.academy-access-eyebrow){font-size:14px}.academy-access-final li{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:13px 0}.academy-access-final li>span{width:36px;height:36px;font-size:17px}.academy-access-final li strong{font-size:15px}.academy-access-arch{min-height:370px;padding:22px 24px 28px}.academy-arch-frame{width:min(100%,300px);height:250px;border-radius:150px 150px 0 0}.academy-arch-route{inset:36px 18px auto 12px;height:156px}.academy-arch-route:before{top:37px;height:92px}.academy-arch-route span{width:82px;gap:4px}.academy-arch-route span:nth-child(1){left:-11px;top:80px}.academy-arch-route span:nth-child(2){top:39px}.academy-arch-route span:nth-child(3){right:-10px;top:0}.academy-arch-route b{width:38px;height:38px;font-size:17px}.academy-arch-route em{font-size:7px}.academy-arch-route small{font-size:7px;line-height:1.25}.academy-arch-book{bottom:28px;width:82px;height:54px;font-size:37px}.academy-access-arch .qa-button{width:100%;margin-top:22px}}

/* Academy continuation is visible as a quiet premium footer, not a locked interruption. */
.academy-deeper-link{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;margin-top:19px;padding:13px 16px;border-radius:14px;background:linear-gradient(90deg,#f6f8f3,#fbfaf6);box-shadow:inset 0 0 0 1px rgba(72,106,91,.1);color:var(--sage);font:500 14px 'Playfair Display',serif;text-decoration:none;text-align:left}.academy-deeper-link .academy-deeper-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--sage);color:#fff;font-family:Inter;font-size:15px;box-shadow:0 5px 12px rgba(72,106,91,.2)}.academy-deeper-copy{display:block}.academy-deeper-copy small{display:block;margin-bottom:2px;color:#819081;font:700 8px Inter;letter-spacing:.13em}.academy-deeper-link b{font-family:Inter;font-size:17px}.academy-deeper-link:hover{background:linear-gradient(90deg,#f3f7ee,#fff8e8);color:var(--gold)}.academy-deeper-link:hover .academy-deeper-icon{background:var(--gold)}
@media(max-width:760px){.academy-deeper-link{font-size:13px;text-align:left}.academy-deeper-copy small{font-size:8px}}

/* Deliberately quiet Academy invitation: one leaf cue, no promotional banner. */
.academy-deeper-link{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:19px;padding:17px 0 0;border-radius:0;background:transparent;box-shadow:none;border-top:1px solid rgba(25,33,46,.09);color:var(--sage);font:500 14px 'Playfair Display',serif;text-align:center}.academy-deeper-link .academy-deeper-leaf{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--sage-soft);font-family:Inter;font-size:13px;box-shadow:none}.academy-deeper-link b{font-family:Inter;font-size:17px}.academy-deeper-link:hover{background:transparent;color:var(--gold)}
@media(max-width:760px){.academy-deeper-link{font-size:13px;text-align:center}}

/* Academy members receive an active plan, not a locked-copy version of the free dashboard. */
.academy-guidance-card{padding:30px;background:linear-gradient(135deg,#fbfcf9,#fff)}.academy-guidance-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.academy-guidance-heading .qa-kicker{margin:0 0 5px;color:var(--sage);font-size:11px}.academy-guidance-heading .qa-kicker span{display:inline-grid;place-items:center;width:19px;height:19px;margin-right:5px;border-radius:50%;background:var(--sage);color:#fff;font-size:10px}.academy-guidance-heading h2{margin:0;font:600 32px 'Playfair Display',serif;color:var(--ink)}.academy-guidance-heading p:not(.qa-kicker){margin:5px 0 0;color:var(--muted);font-size:12px}.academy-guidance-link{display:flex;align-items:center;gap:12px;flex:0 0 auto;padding:12px 15px;border-radius:12px;background:var(--sage);color:#fff;font-size:11px;font-weight:700;text-decoration:none;box-shadow:0 8px 17px rgba(72,106,91,.2)}.academy-guidance-link span{font-size:17px}.academy-guidance-grid{display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:15px}.academy-guidance-grid>article{min-width:0;padding:20px;border-radius:17px;background:#fff;box-shadow:0 9px 23px rgba(25,33,46,.08);text-align:left}.guidance-card-heading{display:flex;gap:11px;align-items:center;margin-bottom:16px}.guidance-card-heading>span{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;background:var(--sage-soft);color:var(--sage);font-size:19px}.academy-pattern-card .guidance-card-heading>span{background:var(--blue-soft);color:var(--blue)}.academy-tools-card .guidance-card-heading>span{background:var(--gold-soft);color:var(--gold)}.guidance-card-heading small,.guidance-card-heading h3{display:block}.guidance-card-heading small{color:var(--muted);font-size:9px}.guidance-card-heading h3{margin:2px 0 0;font:600 17px 'Playfair Display',serif;color:var(--ink)}.academy-plan-list{display:grid;gap:11px;margin:0;padding:0;list-style:none}.academy-plan-list li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:9px;align-items:start}.academy-plan-list li>span{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:var(--gold-soft);color:var(--gold);font-size:10px;font-weight:700}.academy-plan-list small,.academy-plan-list strong,.pattern-item small,.pattern-item strong{display:block}.academy-plan-list small,.pattern-item small{color:var(--muted);font-size:9px}.academy-plan-list strong{margin-top:2px;color:var(--ink);font-size:11px;line-height:1.35}.pattern-item{padding:11px 12px;border-radius:11px;background:#fafafa;margin-bottom:9px}.pattern-item.pattern-strength{background:#f2f7f2}.pattern-item strong{margin-top:3px;color:var(--ink);font:600 13px 'Playfair Display',serif}.academy-pattern-card>p{margin:13px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.academy-tools-card ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}.academy-tools-card li{display:flex;gap:9px;align-items:flex-start}.academy-tools-card li>span{width:19px;height:19px;flex:0 0 19px;border-radius:50%;display:grid;place-items:center;background:var(--sage-soft);color:var(--sage);font-size:9px}.academy-tools-card li.coming>span{background:#f4f2ed;color:var(--muted)}.academy-tools-card strong,.academy-tools-card small{display:block}.academy-tools-card strong{font-size:11px;color:var(--ink)}.academy-tools-card small{margin-top:2px;color:var(--muted);font-size:9px;line-height:1.4}
.academy-plan-recommendation{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;color:inherit;text-decoration:none}.academy-plan-recommendation>span{flex:0 0 auto;margin-top:1px;color:var(--gold);font-size:15px;line-height:1}.academy-plan-recommendation:hover strong{text-decoration:underline;text-decoration-color:rgba(182,107,19,.45);text-underline-offset:3px}
@media(max-width:900px){.academy-guidance-grid{grid-template-columns:1fr 1fr}.academy-tools-card{grid-column:1/-1}}@media(max-width:760px){.academy-guidance-card{padding:21px}.academy-guidance-heading{display:block;margin-bottom:18px}.academy-guidance-heading h2{font-size:27px}.academy-guidance-link{width:100%;justify-content:space-between;margin-top:16px}.academy-guidance-grid{grid-template-columns:1fr}.academy-tools-card{grid-column:auto}.academy-guidance-grid>article{padding:18px}}

.academy-guidance-orientation{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:11px 14px;border-radius:12px;background:var(--sage-soft);color:var(--sage);font-size:11px;font-weight:700}.academy-guidance-orientation>span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:11px;box-shadow:0 3px 9px rgba(72,106,91,.1)}
@media(max-width:760px){.academy-guidance-orientation{margin-top:16px;justify-content:center;text-align:center}}
.academy-tools-card .academy-word-bank-action>span{background:var(--gold-soft);color:var(--gold);font-size:12px}.academy-word-bank-action a{display:inline-flex;align-items:center;gap:6px;margin-top:7px;color:var(--gold);font-size:10px;font-weight:700;text-decoration:none}.academy-word-bank-action a i{font-size:14px;font-style:normal}.academy-word-bank-action a:hover{text-decoration:underline}

/* Academy Learning Hub: a member workspace, deliberately distinct from Journey and Account. */
.learning-hub{padding:31px;background:linear-gradient(135deg,#fbfcf9,#fff);scroll-margin-top:24px}.learning-hub-heading{margin-bottom:22px}.learning-hub-heading .qa-kicker{margin:0 0 5px;color:var(--sage);font-size:11px}.learning-hub-heading .qa-kicker span{display:inline-grid;place-items:center;width:19px;height:19px;margin-right:5px;border-radius:50%;background:var(--sage);color:#fff;font-size:10px}.learning-hub-heading h2{margin:0;font:600 31px 'Playfair Display',serif;color:var(--ink)}.learning-hub-heading p:not(.qa-kicker){margin:5px 0 0;color:var(--muted);font-size:12px}.hub-tool-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:15px}.hub-tool{position:relative;min-width:0;min-height:172px;padding:20px;border-radius:17px;background:#fff;box-shadow:0 9px 23px rgba(25,33,46,.08);text-decoration:none;text-align:left;color:var(--ink)}.hub-tool-primary{display:grid;grid-template-columns:43px minmax(0,1fr) auto;gap:12px;align-items:start;background:linear-gradient(135deg,#f3f8f2,#fff);box-shadow:0 11px 25px rgba(72,106,91,.13);transition:transform .18s ease,box-shadow .18s ease}.hub-tool-primary:hover{transform:translateY(-2px);box-shadow:0 16px 29px rgba(72,106,91,.18)}.hub-tool-icon{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;background:var(--sage-soft);color:var(--sage);font-size:19px}.hub-tool-soon .hub-tool-icon{margin-bottom:15px;background:var(--gold-soft);color:var(--gold)}.hub-tool small{display:block;color:var(--muted);font-size:9px}.hub-tool h3{margin:3px 0 7px;color:var(--ink);font:600 17px 'Playfair Display',serif;line-height:1.2}.hub-tool p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.hub-tool-primary>i{align-self:center;font-style:normal;font-size:20px;color:var(--sage)}.hub-tool-soon>em{position:absolute;right:17px;bottom:16px;padding:5px 8px;border-radius:999px;background:#f5f4f1;color:#8a8d91;font-size:8px;font-style:normal;font-weight:700}.hub-ai-note{display:flex;align-items:center;gap:10px;margin-top:15px;padding:13px 16px;border-radius:13px;background:#fafafa;color:var(--muted)}.hub-ai-note>span{width:27px;height:27px;flex:0 0 27px;border-radius:50%;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);font-size:12px}.hub-ai-note strong,.hub-ai-note small{display:block}.hub-ai-note strong{color:var(--ink);font-size:11px}.hub-ai-note small{margin-top:2px;font-size:10px;line-height:1.4}
@media(max-width:900px){.hub-tool-grid{grid-template-columns:1fr 1fr}.hub-tool-primary{grid-column:1/-1;min-height:140px}.hub-tool-soon{min-height:150px}}@media(max-width:760px){.learning-hub{padding:21px}.learning-hub-heading h2{font-size:27px}.hub-tool-grid{grid-template-columns:1fr}.hub-tool-primary{grid-column:auto;min-height:0}.hub-tool{min-height:0}.hub-tool-soon{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start}.hub-tool-soon .hub-tool-icon{margin:0}.hub-tool-soon>em{bottom:15px}.hub-ai-note{align-items:flex-start}}

/* Site-wide dark appearance. Semantic progress colours remain unchanged. */
html.qa100-dark-preload,html.qa100-dark-preload body,body.qa-dark-mode{background:#111416;color:#f4f2ec}body.qa-dark-mode{--ink:#f4f2ec;--muted:#afb3ba;--paper:#181c1f;--sage:#78a58b;--sage-soft:#20362b;--blue:#8da9d6;--blue-soft:#202c3d;--gold:#d69a3b;--gold-soft:#382b1d;--shadow:0 18px 48px rgba(0,0,0,.42);--soft-shadow:0 9px 27px rgba(0,0,0,.32);color:var(--ink)}.qa-theme-toggle{position:fixed;z-index:120;right:22px;bottom:22px;width:47px;height:47px;border:0;border-radius:50%;display:grid;place-items:center;background:#172033;color:#fff;box-shadow:0 10px 26px rgba(18,24,34,.24);cursor:pointer;transition:transform .2s ease,background .2s ease}.qa-theme-toggle:hover{transform:translateY(-2px)}.qa-theme-toggle span:not(.screen-reader-text){grid-area:1/1;font-size:22px;line-height:1}.qa-theme-toggle-moon{display:none}.qa-dark-mode .qa-theme-toggle{background:#f6f4ef;color:#172033;box-shadow:0 10px 26px rgba(0,0,0,.36)}.qa-dark-mode .qa-theme-toggle-sun{display:none}.qa-dark-mode .qa-theme-toggle-moon{display:block}.qa-dark-mode .qa-sidebar,.qa-dark-mode .academy-topbar,.qa-dark-mode .topbar,.qa-dark-mode .checkout-topbar,.qa-dark-mode .lesson-sidebar,.qa-dark-mode .lesson-topbar{background:#171b1e;color:var(--ink);box-shadow:0 8px 30px rgba(0,0,0,.36)}.qa-dark-mode .dashboard-card,.qa-dark-mode .highlight-card,.qa-dark-mode .promise-card,.qa-dark-mode .pillars-parent,.qa-dark-mode .academy-journey,.qa-dark-mode .lesson-card,.qa-dark-mode .lesson-sidebar-academy,.qa-dark-mode .hub-tool,.qa-dark-mode .academy-guidance-grid>article,.qa-dark-mode .personal-reference-card,.qa-dark-mode .account-card{background:#1a1f22;color:var(--ink);box-shadow:0 12px 30px rgba(0,0,0,.34)}.qa-dark-mode .stage-tab,.qa-dark-mode .rail-node,.qa-dark-mode .focus-grid p,.qa-dark-mode .free-insights p,.qa-dark-mode .visitor-focus p,.qa-dark-mode .checkin-workspace article,.qa-dark-mode .checkin-insight-row article,.qa-dark-mode .learning-tool,.qa-dark-mode .pattern-item,.qa-dark-mode .hub-ai-note,.qa-dark-mode .learning-focus,.qa-dark-mode .lesson-title>span,.qa-dark-mode .practice-expand,.qa-dark-mode .quran-examples details,.qa-dark-mode .quran-example-grid article,.qa-dark-mode .you-and-i,.qa-dark-mode .compact-arabic,.qa-dark-mode .two-roles article,.qa-dark-mode .attached-family-map>div,.qa-dark-mode .answer-options button,.qa-dark-mode .practice-question{background:#20262a;color:var(--ink);box-shadow:inset 0 0 0 1px rgba(244,242,236,.1)}.qa-dark-mode .academy-hero,.qa-dark-mode .qa-academy-main,.qa-dark-mode .qa-main,.qa-dark-mode .qa-lesson-main,.qa-dark-mode .lesson-workspace{background:#111416}.qa-dark-mode .academy-offer,.qa-dark-mode .lesson-academy-prompt,.qa-dark-mode .member-resources{background:linear-gradient(105deg,#201b16,#171b1e 58%,#261e13);box-shadow:0 14px 36px rgba(0,0,0,.35)}.qa-dark-mode .academy-guidance-card,.qa-dark-mode .learning-hub{background:linear-gradient(135deg,#18201b,#171b1e)}.qa-dark-mode .hub-tool-primary{background:linear-gradient(135deg,#1e3025,#1a1f22)}.qa-dark-mode .truth-banner,.qa-dark-mode .outcome{background:#1e2225}.qa-dark-mode .stage-one{background:linear-gradient(#1a1f22,#20362b)}.qa-dark-mode .stage-two{background:linear-gradient(#1a1f22,#382b1d)}.qa-dark-mode .stage-three{background:linear-gradient(#1a1f22,#202c3d)}.qa-dark-mode .qa-button.outline,.qa-dark-mode .lesson-download-locked{background:transparent!important}.qa-dark-mode .qa-side-nav a.active,.qa-dark-mode .lesson-primary-nav a.active{background:#29261f}.qa-dark-mode .profile-orb,.qa-dark-mode .qa-profile-trigger{background:#f4f2ec;color:#172033}.qa-dark-mode .dialog-card,.qa-dark-mode .qa-profile-dropdown,.qa-dark-mode .login-card,.qa-dark-mode .checkout-card{background:#1a1f22;color:var(--ink)}.qa-dark-mode .lesson-completion>a{box-shadow:inset 0 0 0 1px rgba(244,242,236,.32)}.qa-dark-mode .video-placeholder{background:linear-gradient(135deg,#2a2923,#24282a)}.qa-dark-mode .video-placeholder:before{background:#343739}.qa-dark-mode .video-placeholder p{background:#0f1113}.qa-dark-mode .journey-step:not(.completed) .step-circle,.qa-dark-mode .day-node span{background:#20262a}.qa-dark-mode .stage-expansion{background:#161b1d}.qa-dark-mode .lesson-topbar,.qa-dark-mode .qa-side-nav,.qa-dark-mode .lesson-primary-nav{box-shadow:0 1px rgba(244,242,236,.1)}.qa-dark-mode .qa-subtitle,.qa-dark-mode .lesson-summary p,.qa-dark-mode .hub-tool p,.qa-dark-mode .learning-hub-heading p:not(.qa-kicker),.qa-dark-mode .academy-guidance-heading p:not(.qa-kicker),.qa-dark-mode .lesson-title p,.qa-dark-mode .practice-card>p,.qa-dark-mode .pronoun-summary>p,.qa-dark-mode .quran-examples>p,.qa-dark-mode .attached-summary>p,.qa-dark-mode .two-roles>p{color:var(--muted)}
.qa-dark-mode .qa-login-main{background:#111416}.qa-dark-mode .login-story{background:linear-gradient(145deg,#111416,#171b1e 58%,#1a1f22);color:var(--ink)}.qa-dark-mode .login-story h1,.qa-dark-mode .login-card h2{color:var(--ink)}.qa-dark-mode .login-story>div>p:last-child,.qa-dark-mode .login-card>p:not(.auth-notice),.qa-dark-mode .auth-check{color:var(--muted)}.qa-dark-mode .login-story svg path,.qa-dark-mode .login-story svg circle{stroke:var(--gold)}.qa-dark-mode .login-card{box-shadow:0 20px 60px rgba(0,0,0,.42)}.qa-dark-mode .auth-tabs{background:#252c30}.qa-dark-mode .auth-tabs a{color:var(--muted)}.qa-dark-mode .auth-tabs a.active{background:#f4f2ec;color:#15191b;box-shadow:0 5px 14px rgba(0,0,0,.25)}.qa-dark-mode .login-card input[type=text],.qa-dark-mode .login-card input[type=email],.qa-dark-mode .login-card input[type=password]{background:#252c30;color:var(--ink);box-shadow:inset 0 0 0 1px rgba(244,242,236,.16)}.qa-dark-mode .login-card input:focus{outline:3px solid rgba(214,154,59,.25);box-shadow:inset 0 0 0 1px var(--gold)}
@media(max-width:760px){.qa-theme-toggle{right:15px;bottom:15px;width:43px;height:43px}}

/* Dark teaching panels retain the lesson's visual hierarchy without breaking the theme. */
.qa-dark-mode .harakat-grid article,.qa-dark-mode .tanween-transform span,.qa-dark-mode .definite-switch article,.qa-dark-mode .role-legend>span,.qa-dark-mode .analysis-labels span{background:#252c30;color:#f4f2ec;box-shadow:inset 0 0 0 1px rgba(244,242,236,.09),0 8px 22px rgba(0,0,0,.28)}.qa-dark-mode .harakat-grid article h3,.qa-dark-mode .harakat-grid article>span,.qa-dark-mode .tanween-transform span,.qa-dark-mode .definite-switch article b,.qa-dark-mode .definite-switch article strong,.qa-dark-mode .role-legend>span b,.qa-dark-mode .role-legend>span strong,.qa-dark-mode .analysis-labels span{color:#f4f2ec}.qa-dark-mode .harakat-grid article>strong,.qa-dark-mode .tanween-transform strong,.qa-dark-mode .tanween-transform i,.qa-dark-mode .definite-switch>div>i{color:var(--gold)}.qa-dark-mode .definite-switch article span,.qa-dark-mode .role-legend>span small{color:#b7bcc2}

/* Dark-mode surface contract: no white UI surfaces. Use base, raised, or soft layers only. */
body.qa-dark-mode{--qa-surface-base:#111416;--qa-surface-raised:#1a1f22;--qa-surface-soft:#252c30;--qa-text-strong:#f4f2ec;--qa-text-muted:#afb3ba}.qa-dark-mode .qa-button.primary{background:var(--gold);color:#15191b;box-shadow:0 8px 20px rgba(0,0,0,.3)}.qa-dark-mode .qa-button.primary:hover{box-shadow:0 12px 25px rgba(0,0,0,.42)}.qa-dark-mode .qa-button.outline{border-color:var(--gold);color:var(--gold)}.qa-dark-mode .lesson-meta>span,.qa-dark-mode .tanween-transform,.qa-dark-mode .order-demo article,.qa-dark-mode .analyzed-sentence,.qa-dark-mode .day-ring:before,.qa-dark-mode .stage-milestone,.qa-dark-mode .stage-reveal,.qa-dark-mode .stage-expansion.fully-expanded .expanded-stage-heading,.qa-dark-mode .stage-expansion.fully-expanded .expanded-stage-heading .collapse-stage,.qa-dark-mode .lesson-embedded-journey .stage-tab em{background:var(--qa-surface-soft);color:var(--qa-text-strong);box-shadow:inset 0 0 0 1px rgba(244,242,236,.09),0 8px 22px rgba(0,0,0,.26)}.qa-dark-mode .stage-expansion.preview-mode .stage-map-viewport:after{background:linear-gradient(transparent,var(--qa-surface-base) 86%)}.qa-dark-mode .journey-step:after,.qa-dark-mode .journey-step:before,.qa-dark-mode .stage-milestone:before{background:#4a5257}.qa-dark-mode .journey-step.path-right:after,.qa-dark-mode .journey-step.path-left:after{box-shadow:none}.qa-dark-mode .journey-step.current .step-circle,.qa-dark-mode .lesson-embedded-journey .journey-step.current .step-circle{box-shadow:0 0 0 4px var(--qa-surface-base),0 0 0 7px var(--gold),0 10px 23px rgba(0,0,0,.35)}.qa-dark-mode .stage-tab:nth-child(1),.qa-dark-mode .stage-tab:nth-child(2),.qa-dark-mode .stage-tab:nth-child(3),.qa-dark-mode .stage-tab.active{background:var(--qa-surface-soft);color:var(--qa-text-strong);box-shadow:inset 0 0 0 1px rgba(244,242,236,.1),0 8px 20px rgba(0,0,0,.2)}.qa-dark-mode .stage-tab em{background:#30383d;color:var(--qa-text-strong)}.qa-dark-mode .method-step,.qa-dark-mode .method-milestones article,.qa-dark-mode .method-benefits li>span,.qa-dark-mode .academy-demo>div,.qa-dark-mode .feedback-recommendation,.qa-dark-mode .proof-more,.qa-dark-mode .academy-proof-panel,.qa-dark-mode .academy-proof-detail>div:first-child{background:var(--qa-surface-soft);color:var(--qa-text-strong);box-shadow:inset 0 0 0 1px rgba(244,242,236,.09),0 10px 28px rgba(0,0,0,.27)}.qa-dark-mode .method-step>p,.qa-dark-mode .method-milestones small,.qa-dark-mode .academy-method-copy>p,.qa-dark-mode .academy-demo-feedback>p{color:var(--qa-text-muted)}.qa-dark-mode .method-step mark{background:#3b2e19;color:var(--qa-text-strong)}.qa-dark-mode .method-magnifier{background:rgba(37,44,48,.98);box-shadow:inset 0 0 0 4px #d9dde0,inset 8px 8px 15px rgba(0,0,0,.18),0 8px 20px rgba(0,0,0,.32)}.qa-dark-mode .method-magnifier:after{background:#d9dde0}.qa-dark-mode .method-quran-icon{background:linear-gradient(transparent,#382b1d)}.qa-dark-mode .lesson-download-locked{color:var(--gold)!important;background:transparent!important}.qa-dark-mode .member-resources .qa-button.primary{background:var(--gold);color:#15191b}.qa-dark-mode .day-ring{background:conic-gradient(var(--gold) var(--day-progress),#3d454a 0)}.qa-dark-mode .day-ring span,.qa-dark-mode .day-ring strong,.qa-dark-mode .day-ring small{color:var(--qa-text-strong)}

/* Shared lesson components inherit the contract, including their preview states. */
.qa-dark-mode .pronoun-map b{background:var(--qa-surface-soft);color:var(--qa-text-strong);box-shadow:inset 0 0 0 1px rgba(244,242,236,.11),0 5px 13px rgba(0,0,0,.2)}.qa-dark-mode .practice-window:after{background:linear-gradient(transparent,var(--qa-surface-raised))}.qa-dark-mode .practice-card.expanded .practice-window:after{display:none}.qa-dark-mode .practice-question legend>span{background:#59636f;color:#fff}.qa-dark-mode .practice-expand{border:1px solid rgba(244,242,236,.12)}

/* Account shelf cards are soft surfaces, not light-mode cards with dark-mode text. */
.qa-dark-mode .reference-item{background:var(--qa-surface-soft);color:var(--qa-text-strong);box-shadow:inset 0 0 0 1px rgba(244,242,236,.1),0 8px 22px rgba(0,0,0,.25)}.qa-dark-mode .reference-item h3{color:var(--qa-text-strong)}.qa-dark-mode .reference-item p,.qa-dark-mode .personal-reference-heading p:not(.qa-kicker){color:var(--qa-text-muted)}.qa-dark-mode .reference-item .bookmarks-list>a{background:#30383d;color:var(--sage);box-shadow:none}.qa-dark-mode .reference-coming{background:#382b1d;color:var(--gold)}

/* Explore Academy: make immediate continuation visible, not merely promised. */
.academy-continuation-card{grid-template-columns:minmax(280px,.72fr) minmax(520px,1.28fr);min-height:515px;padding:44px 48px;gap:36px;overflow:hidden}.academy-continuation-card .why-copy{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding-right:32px;border-right:1px solid rgba(25,33,46,.09)}.academy-continuation-card .why-copy h1{margin:15px 0 18px;font-size:clamp(35px,3.8vw,53px)}.academy-continuation-card .why-copy h1 em{display:block;margin-top:4px;color:var(--gold);font-style:normal}.academy-continuation-card .why-copy>p:not(.qa-eyebrow){margin:0;max-width:385px;font-size:16px;line-height:1.55}.continuation-checks{display:grid;gap:14px;margin:28px 0 0;padding:0;list-style:none}.continuation-checks li{position:relative;padding-left:43px;font:600 18px 'Playfair Display',serif}.continuation-checks li:before{content:"✓";position:absolute;left:0;top:50%;width:28px;height:28px;border-radius:50%;background:var(--sage-soft);color:var(--sage);display:grid;place-items:center;transform:translateY(-50%);font:700 14px Inter}.academy-continuation-map{min-width:0;align-self:center}.academy-unlock-statement{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 11px;color:var(--gold);font:600 14px 'Playfair Display',serif;text-align:center}.academy-unlock-statement span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--gold-soft);font:16px Inter}.continuation-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:58px}.continuation-stages>div{min-width:0;padding:11px 7px;border-radius:13px;background:#f8faf5;box-shadow:inset 0 0 0 1px rgba(72,106,91,.16);display:grid;grid-template-columns:22px minmax(0,1fr);grid-template-rows:auto auto;column-gap:6px;align-items:center;color:var(--sage);text-align:left}.continuation-stages>div:nth-child(2){background:#fffaf0;box-shadow:inset 0 0 0 1px rgba(182,107,19,.2);color:var(--gold)}.continuation-stages>div:nth-child(3){background:#f3f6fa;box-shadow:inset 0 0 0 1px rgba(31,65,119,.16);color:var(--blue)}.continuation-stages span{grid-row:1/3;font-size:20px}.continuation-stages strong{font:600 12px/1.2 'Playfair Display',serif}.continuation-stages small{margin-top:3px;color:var(--sage);font-size:8px;font-weight:700}.continuation-stages>div:nth-child(2) small{color:var(--gold)}.continuation-stages>div:nth-child(3) small{color:var(--blue)}.continuation-rail{position:relative;z-index:0;display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:72px;padding:0 2px}.continuation-rail:before{content:"";position:absolute;z-index:-1;left:16px;right:16px;top:35px;height:3px;background:linear-gradient(90deg,var(--sage) 0 47%,var(--gold) 47% 100%)}.continuation-node{position:relative;z-index:1;flex:0 0 37px;width:37px;height:37px;border-radius:50%;background:#fff;color:#81858c;box-shadow:0 0 0 1.5px #c9cdd1,0 5px 12px rgba(25,33,46,.08);display:grid;place-items:center;font:700 12px Inter}.continuation-node.complete{background:var(--sage);color:#fff;box-shadow:none}.continuation-node.current{width:48px;height:48px;flex-basis:48px;background:#fff;color:var(--sage);box-shadow:0 0 0 3px #fff,0 0 0 5px var(--sage),0 7px 17px rgba(72,106,91,.18)}.continuation-node.free{border:0;background:#fffaf0;color:var(--gold);box-shadow:0 0 0 1.5px var(--gold),0 5px 12px rgba(182,107,19,.1)}.continuation-node.release{width:48px;height:48px;flex-basis:48px;background:var(--gold);color:#fff;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--gold),0 7px 17px rgba(182,107,19,.2)}.academy-unlock-gate{position:relative;z-index:2;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:var(--gold);color:#fff;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--gold),0 8px 18px rgba(182,107,19,.25);font-size:0}.academy-unlock-gate:before{content:"";position:absolute;left:14px;top:9px;width:11px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-bottom:0;border-radius:9px 9px 0 0;transform:rotate(-20deg)}.academy-unlock-gate:after{content:"";position:absolute;left:11px;top:20px;width:18px;height:13px;border-radius:3px;background:currentColor;box-shadow:inset 0 0 0 2px var(--gold)}.academy-unlock-gate i{position:absolute;left:50%;bottom:calc(100% + 12px);transform:translateX(-50%);padding:6px 9px;border-radius:8px;background:var(--gold);color:#fff;font:700 8px Inter;white-space:nowrap;font-style:normal;box-shadow:0 5px 12px rgba(182,107,19,.2)}.academy-unlock-gate i:after{content:"";position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--gold)}.continuation-node.academy{background:#fff7e7;color:var(--gold);box-shadow:0 0 0 1.5px var(--gold),0 5px 12px rgba(182,107,19,.1)}.continuation-node.milestone{width:47px;height:47px;flex-basis:47px;background:#fff7e7;box-shadow:0 0 0 2px var(--gold),0 0 18px rgba(182,107,19,.28)}.continuation-node i{position:absolute;left:50%;bottom:calc(100% + 13px);transform:translateX(-50%);padding:6px 9px;border-radius:8px;background:var(--sage);color:#fff;font:700 8px Inter;white-space:nowrap;font-style:normal;box-shadow:0 5px 12px rgba(72,106,91,.18)}.continuation-node.release i{background:var(--gold);box-shadow:0 5px 12px rgba(182,107,19,.2)}.continuation-node i:after{content:"";position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid currentColor;color:inherit}.continuation-ellipsis{color:var(--sage);font-weight:700;letter-spacing:1px}.academy-dots{color:var(--gold)}.continuation-ranges{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:27px;text-align:center}.continuation-ranges span{position:relative;padding-top:11px;color:var(--ink);font:600 13px 'Playfair Display',serif}.continuation-ranges span:before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:currentColor;opacity:.45}.continuation-ranges span:nth-child(1){color:var(--sage)}.continuation-ranges span:nth-child(2),.continuation-ranges span:nth-child(3){color:var(--gold)}.continuation-ranges small{display:block;margin-top:5px;color:var(--muted);font:500 9px/1.35 Inter}.continuation-academy-note{display:flex;align-items:center;justify-content:center;gap:9px;width:max-content;max-width:100%;margin:24px 0 0 auto;padding:11px 17px;border-radius:999px;background:#fffaf0;box-shadow:inset 0 0 0 1px rgba(182,107,19,.34),0 7px 18px rgba(182,107,19,.1);color:var(--gold);font:600 13px 'Playfair Display',serif}.continuation-academy-note span{font-family:Inter;font-size:20px}
@media(max-width:980px){.academy-continuation-card{grid-template-columns:1fr;gap:28px}.academy-continuation-card .why-copy{padding:0;border:0}.academy-continuation-card .why-copy>p:not(.qa-eyebrow){max-width:600px}.academy-continuation-map{overflow-x:auto;padding:58px 2px 5px}.academy-continuation-map>*{min-width:620px}.continuation-stages{margin-bottom:65px}.continuation-academy-note{margin-right:0}}@media(max-width:760px){.academy-continuation-card{min-height:0;padding:30px 22px}.academy-continuation-card .why-copy h1{font-size:34px}.academy-continuation-card .why-copy>p:not(.qa-eyebrow){font-size:15px}.continuation-checks{grid-template-columns:repeat(2,1fr);gap:14px 8px;margin-top:23px}.continuation-checks li{padding:35px 0 0;font-size:14px;text-align:center}.continuation-checks li:before{left:50%;top:0;transform:translateX(-50%)}.academy-continuation-map{margin:0 -5px;padding-top:51px}.academy-continuation-map>*{min-width:530px}.continuation-stages{gap:6px;margin-bottom:47px}.continuation-stages>div{padding:8px 5px;grid-template-columns:18px minmax(0,1fr);column-gap:4px}.continuation-stages span{font-size:16px}.continuation-stages strong{font-size:10px}.continuation-stages small{font-size:7px}.academy-unlock-statement{margin-bottom:8px;font-size:12px}.continuation-rail{min-height:64px}.continuation-rail:before{top:31px}.academy-unlock-gate{flex-basis:35px;width:35px;height:35px;font-size:18px}.academy-unlock-gate i{font-size:7px}.continuation-academy-note{font-size:12px}.academy-support-card{min-height:122px;padding:15px}.academy-support-card>span{width:42px;height:42px;font-size:19px}.academy-support-card h3{font-size:19px}.academy-system-support{gap:8px}}

/* The Academy gate is a literal open lock; remaining lesson nodes carry a quiet lock cue. */
.academy-unlock-gate{display:grid;place-items:center}.academy-unlock-gate:before,.academy-unlock-gate:after{content:none}.academy-unlock-gate svg{width:23px;height:23px;fill:none;stroke:#fff;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.lesson-lock-icon{position:absolute;z-index:3;left:50%;bottom:calc(100% + 8px);width:20px;height:20px;display:grid;place-items:center;transform:translateX(-50%)}.lesson-lock-icon:before{content:none}.lesson-lock-icon svg{width:20px;height:20px;fill:none;stroke:var(--gold);stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.academy-unlock-statement{width:max-content;max-width:100%;margin:19px auto 0;padding:9px 14px;border-radius:999px;background:#fffaf0;box-shadow:inset 0 0 0 1px rgba(182,107,19,.34),0 7px 18px rgba(182,107,19,.1);font-size:13px}.academy-unlock-statement .statement-lock{position:relative;width:13px;height:10px;border:1.5px solid var(--gold);border-radius:2px;background:transparent}.academy-unlock-statement .statement-lock:before{content:"";position:absolute;left:2px;bottom:8px;width:6px;height:6px;border:1.5px solid var(--gold);border-right:0;border-bottom:0;border-radius:6px 0 0 0;transform:rotate(-14deg)}.qa-dark-mode .academy-unlock-statement{background:#382b1d;box-shadow:inset 0 0 0 1px rgba(214,154,59,.5),0 7px 18px rgba(0,0,0,.25)}
@media(max-width:760px){.academy-unlock-gate{flex-basis:35px;width:35px;height:35px}.academy-unlock-gate svg{width:19px;height:19px}.lesson-lock-icon{bottom:calc(100% + 6px);transform:translateX(-50%) scale(.8)}.academy-unlock-statement{margin-top:15px;padding:8px 11px;font-size:11px}}

/* One central Academy message is clearer than repeating the three stage labels. */
.academy-continuation-map>.academy-unlock-statement{margin:-14px auto 76px;padding:13px 21px;font-size:17px;letter-spacing:.01em}.academy-continuation-map>.academy-unlock-statement .statement-lock{transform:scale(1.18);margin-right:3px}
@media(max-width:760px){.academy-continuation-map>.academy-unlock-statement{margin:-7px auto 55px;padding:10px 13px;font-size:13px}.academy-continuation-map>.academy-unlock-statement .statement-lock{transform:scale(1);margin-right:0}}

.continuation-ranges b{display:inline-block;margin-top:8px;padding:4px 9px;border-radius:999px;background:#eef0ec;color:#69716c;font:700 8px Inter;letter-spacing:.07em;text-transform:uppercase}.qa-dark-mode .continuation-ranges b{background:#30383d;color:var(--qa-text-muted)}

/* One open gateway explains Academy access; repeating locks above every future day did not. */
.academy-continuation-card .academy-unlock-gate{flex-basis:36px;width:36px;height:36px;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--gold),0 6px 14px rgba(182,107,19,.17)}.academy-continuation-card .academy-unlock-gate svg{width:20px;height:20px}.academy-continuation-card .continuation-node.release{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--gold),0 6px 15px rgba(182,107,19,.16)}.qa-dark-mode .academy-continuation-card .academy-unlock-gate{box-shadow:0 0 0 2px var(--qa-surface-raised),0 0 0 4px var(--gold),0 6px 14px rgba(0,0,0,.3)}.qa-dark-mode .academy-continuation-card .continuation-node.release{box-shadow:0 0 0 2px var(--qa-surface-raised),0 0 0 4px var(--gold),0 6px 15px rgba(0,0,0,.3)}

/* The visual rail now carries the full three-stage story: Foundations, Words to Sentences, Qur’an Journey. */
.academy-continuation-card .continuation-rail{gap:4px}.academy-continuation-card .continuation-rail:before{background:linear-gradient(90deg,var(--sage) 0 34%,var(--gold) 34% 66%,var(--blue) 66% 100%)}.academy-continuation-card .continuation-node.stage-two{background:#fff7e7;color:var(--gold);box-shadow:0 0 0 1.5px var(--gold),0 5px 12px rgba(182,107,19,.1)}.academy-continuation-card .continuation-node.stage-three{background:#f3f6fa;color:var(--blue);box-shadow:0 0 0 1.5px var(--blue),0 5px 12px rgba(31,65,119,.1)}.academy-continuation-card .continuation-node.final{width:48px;height:48px;flex-basis:48px;box-shadow:0 0 0 2px var(--blue),0 0 18px rgba(31,65,119,.2)}.academy-continuation-card .stage-two-dots{color:var(--gold)}.academy-continuation-card .stage-three-dots{color:var(--blue)}.academy-continuation-card .continuation-ranges span:nth-child(3){color:var(--blue)}.qa-dark-mode .academy-continuation-card .continuation-node.stage-two{background:#382b1d;color:var(--gold);box-shadow:inset 0 0 0 1.5px var(--gold),0 5px 12px rgba(0,0,0,.23)}.qa-dark-mode .academy-continuation-card .continuation-node.stage-three{background:#202c3d;color:#a9c3ed;box-shadow:inset 0 0 0 1.5px #8da9d6,0 5px 12px rgba(0,0,0,.23)}.qa-dark-mode .academy-continuation-card .continuation-node.final{box-shadow:inset 0 0 0 2px #8da9d6,0 0 18px rgba(141,169,214,.2)}
.academy-continuation-card .continuation-rail{gap:4px}.academy-continuation-card .continuation-rail:before{background:linear-gradient(90deg,var(--sage) 0 34%,var(--gold) 34% 66%,var(--blue) 66% 100%)}.academy-continuation-card .continuation-node.stage-one{background:#f5f8f3;color:var(--sage);box-shadow:0 0 0 1.5px var(--sage),0 5px 12px rgba(72,106,91,.1)}.academy-continuation-card .continuation-node.stage-two{background:#fff7e7;color:var(--gold);box-shadow:0 0 0 1.5px var(--gold),0 5px 12px rgba(182,107,19,.1)}.academy-continuation-card .continuation-node.stage-three{background:#f3f6fa;color:var(--blue);box-shadow:0 0 0 1.5px var(--blue),0 5px 12px rgba(31,65,119,.1)}.academy-continuation-card .continuation-node.final{width:48px;height:48px;flex-basis:48px;box-shadow:0 0 0 2px var(--blue),0 0 18px rgba(31,65,119,.2)}.academy-continuation-card .continuation-ranges span:nth-child(3){color:var(--blue)}.academy-continuation-card .academy-unlock-gate.stage-three-gate{background:var(--blue);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--blue),0 6px 14px rgba(31,65,119,.17)}.qa-dark-mode .academy-continuation-card .continuation-node.stage-one{background:#20362b;color:#9dc5aa;box-shadow:inset 0 0 0 1.5px #90b89f,0 5px 12px rgba(0,0,0,.23)}.qa-dark-mode .academy-continuation-card .continuation-node.stage-two{background:#382b1d;color:var(--gold);box-shadow:inset 0 0 0 1.5px var(--gold),0 5px 12px rgba(0,0,0,.23)}.qa-dark-mode .academy-continuation-card .continuation-node.stage-three{background:#202c3d;color:#a9c3ed;box-shadow:inset 0 0 0 1.5px #8da9d6,0 5px 12px rgba(0,0,0,.23)}.qa-dark-mode .academy-continuation-card .continuation-node.final{box-shadow:inset 0 0 0 2px #8da9d6,0 0 18px rgba(141,169,214,.2)}.qa-dark-mode .academy-continuation-card .academy-unlock-gate.stage-three-gate{background:var(--blue);box-shadow:0 0 0 2px var(--qa-surface-raised),0 0 0 4px var(--blue),0 6px 14px rgba(0,0,0,.3)}
.academy-continuation-card .continuation-rail{gap:4px}.academy-continuation-card .continuation-rail:before{background:linear-gradient(90deg,var(--sage) 0 34%,var(--gold) 34% 66%,var(--blue) 66% 100%)}.academy-continuation-card .continuation-node.stage-one{background:#f5f8f3;color:var(--sage);box-shadow:0 0 0 1.5px var(--sage),0 5px 12px rgba(72,106,91,.1)}.academy-continuation-card .continuation-node.stage-two{background:#fff7e7;color:var(--gold);box-shadow:0 0 0 1.5px var(--gold),0 5px 12px rgba(182,107,19,.1)}.academy-continuation-card .continuation-node.stage-three{background:#f3f6fa;color:var(--blue);box-shadow:0 0 0 1.5px var(--blue),0 5px 12px rgba(31,65,119,.1)}.academy-continuation-card .continuation-node.final{width:48px;height:48px;flex-basis:48px;box-shadow:0 0 0 2px var(--blue),0 0 18px rgba(31,65,119,.2)}.academy-continuation-card .continuation-ranges span:nth-child(3){color:var(--blue)}.academy-continuation-card .academy-unlock-gate.stage-three-gate{background:var(--blue);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--blue),0 6px 14px rgba(31,65,119,.17)}.qa-dark-mode .academy-continuation-card .continuation-node.stage-one{background:#20362b;color:#9dc5aa;box-shadow:inset 0 0 0 1.5px #90b89f,0 5px 12px rgba(0,0,0,.23)}.qa-dark-mode .academy-continuation-card .continuation-node.stage-two{background:#382b1d;color:var(--gold);box-shadow:inset 0 0 0 1.5px var(--gold),0 5px 12px rgba(0,0,0,.23)}.qa-dark-mode .academy-continuation-card .continuation-node.stage-three{background:#202c3d;color:#a9c3ed;box-shadow:inset 0 0 0 1.5px #8da9d6,0 5px 12px rgba(0,0,0,.23)}.qa-dark-mode .academy-continuation-card .continuation-node.final{box-shadow:inset 0 0 0 2px #8da9d6,0 0 18px rgba(141,169,214,.2)}.qa-dark-mode .academy-continuation-card .academy-unlock-gate.stage-three-gate{background:var(--blue);box-shadow:0 0 0 2px var(--qa-surface-raised),0 0 0 4px var(--blue),0 6px 14px rgba(0,0,0,.3)}

/* Three compact clusters make the stages legible before a learner reads any labels. */
.academy-continuation-card .academy-stage-summary{display:grid;grid-template-columns:minmax(135px,1fr) 38px minmax(135px,1fr) 38px minmax(135px,1fr);gap:12px;align-items:center;min-height:78px;padding:0 2px}.academy-continuation-card .academy-stage-summary:before{display:none}.academy-continuation-card .rail-stage{position:relative;display:flex;align-items:center;justify-content:space-between;min-width:0}.academy-continuation-card .rail-stage:before{content:"";position:absolute;z-index:-1;left:17px;right:17px;top:50%;height:3px;background:currentColor}.academy-continuation-card .rail-stage-one{color:var(--sage)}.academy-continuation-card .rail-stage-two{color:var(--gold)}.academy-continuation-card .rail-stage-three{color:var(--blue)}.academy-continuation-card .rail-stage-arrow{position:relative;display:block;width:38px;height:16px;color:var(--gold)}.academy-continuation-card .rail-stage-arrow:before{content:"";position:absolute;left:0;right:8px;top:7px;border-top:2px dotted currentColor}.academy-continuation-card .rail-stage-arrow:after{content:"";position:absolute;right:0;top:3px;width:8px;height:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}.academy-continuation-card .stage-three-arrow{color:var(--blue)}.academy-continuation-card .academy-stage-summary .academy-unlock-gate{position:relative;flex:0 0 48px;width:48px;height:48px;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--gold),0 7px 17px rgba(182,107,19,.2)}.academy-continuation-card .academy-stage-summary .academy-unlock-gate svg{width:23px;height:23px}.academy-continuation-card .academy-stage-summary .academy-unlock-gate>small{position:absolute;right:-7px;bottom:-7px;z-index:2;min-width:19px;padding:3px 4px;border-radius:999px;background:#fff;color:var(--gold);box-shadow:0 3px 8px rgba(25,33,46,.15);font:700 8px Inter;text-align:center}.academy-continuation-card .academy-stage-summary .academy-unlock-gate.stage-three-gate{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--blue),0 7px 17px rgba(31,65,119,.2)}.academy-continuation-card .academy-stage-summary .academy-unlock-gate.stage-three-gate>small{color:var(--blue)}.qa-dark-mode .academy-continuation-card .academy-stage-summary .academy-unlock-gate{box-shadow:0 0 0 3px var(--qa-surface-raised),0 0 0 5px var(--gold),0 7px 17px rgba(0,0,0,.3)}.qa-dark-mode .academy-continuation-card .academy-stage-summary .academy-unlock-gate>small{background:var(--qa-surface-soft)}.qa-dark-mode .academy-continuation-card .academy-stage-summary .academy-unlock-gate.stage-three-gate{box-shadow:0 0 0 3px var(--qa-surface-raised),0 0 0 5px var(--blue),0 7px 17px rgba(0,0,0,.3)}

.academy-support-card{min-height:340px}.academy-support-card strong{display:block;max-width:100%;margin-top:20px;padding:10px 10px;border-radius:10px;background:var(--gold-soft);color:var(--gold);font:700 11px/1.35 Inter}.academy-support-card.understand strong{background:var(--sage-soft);color:var(--sage)}.academy-support-card.review strong{background:var(--blue-soft);color:var(--blue)}.qa-dark-mode .academy-support-card strong{background:#382b1d;color:var(--gold)}.qa-dark-mode .academy-support-card.understand strong{background:#20362b;color:#9dc5aa}.qa-dark-mode .academy-support-card.review strong{background:#202c3d;color:#a9c3ed}
@media(max-width:760px){.academy-support-card{min-height:132px}.academy-support-card strong{grid-column:2;margin:7px 0 0;padding:6px 7px;font-size:9px}}
.qa-dark-mode .academy-continuation-card{background:var(--qa-surface-raised);box-shadow:0 14px 34px rgba(0,0,0,.38)}.qa-dark-mode .academy-continuation-card .why-copy{border-right-color:rgba(244,242,236,.1)}.qa-dark-mode .academy-unlock-statement span{background:#382b1d}.qa-dark-mode .continuation-stages>div{background:#20362b;box-shadow:inset 0 0 0 1px rgba(144,184,159,.26)}.qa-dark-mode .continuation-stages>div:nth-child(2){background:#382b1d;box-shadow:inset 0 0 0 1px rgba(214,154,59,.32)}.qa-dark-mode .continuation-stages>div:nth-child(3){background:#202c3d;box-shadow:inset 0 0 0 1px rgba(141,169,214,.3)}.qa-dark-mode .continuation-stages strong{color:var(--qa-text-strong)}.qa-dark-mode .continuation-stages>div+div{border-left-color:rgba(244,242,236,.14)}.qa-dark-mode .continuation-node{background:var(--qa-surface-soft);color:var(--qa-text-muted);box-shadow:inset 0 0 0 1px rgba(244,242,236,.14),0 5px 12px rgba(0,0,0,.2)}.qa-dark-mode .continuation-node.complete{background:var(--sage);color:#fff;box-shadow:none}.qa-dark-mode .continuation-node.current{background:var(--qa-surface-soft);color:var(--sage);box-shadow:0 0 0 3px var(--qa-surface-raised),0 0 0 5px var(--sage),0 7px 17px rgba(0,0,0,.3)}.qa-dark-mode .continuation-node.free,.qa-dark-mode .continuation-node.academy,.qa-dark-mode .continuation-node.milestone{background:#382b1d;color:var(--gold);box-shadow:inset 0 0 0 1.5px var(--gold),0 5px 12px rgba(0,0,0,.23)}.qa-dark-mode .continuation-node.release{background:var(--gold);color:#17191b;box-shadow:0 0 0 3px var(--qa-surface-raised),0 0 0 5px var(--gold),0 7px 17px rgba(0,0,0,.3)}.qa-dark-mode .academy-unlock-gate{box-shadow:0 0 0 3px var(--qa-surface-raised),0 0 0 5px var(--gold),0 8px 18px rgba(0,0,0,.35)}.qa-dark-mode .continuation-academy-note{background:#382b1d;box-shadow:inset 0 0 0 1px rgba(214,154,59,.5),0 7px 18px rgba(0,0,0,.25)}

/* Academy value: one clear learning signal, supported by practice, understanding, and review. */
.academy-learning-system{margin-top:30px;padding:40px}.academy-system-label{width:max-content;margin:0 auto 13px;padding:10px 18px;border:1px solid rgba(182,107,19,.55);border-radius:999px;background:#fffaf0;color:var(--gold);box-shadow:0 7px 17px rgba(182,107,19,.1);font:700 13px Inter;letter-spacing:.15em;text-align:center;text-transform:uppercase}.academy-learning-system>h2{margin:0;text-align:center;font:600 38px 'Playfair Display',serif}.academy-system-intro{margin:9px auto 30px;max-width:590px;color:var(--muted);font-size:14px;text-align:center}.academy-system-grid{position:relative;display:grid;grid-template-columns:minmax(270px,.77fr) minmax(0,1.23fr);gap:26px;align-items:stretch}.academy-pattern-focus,.academy-support-card{position:relative;border-radius:20px;background:#fff;box-shadow:var(--soft-shadow)}.academy-pattern-focus{min-height:365px;padding:29px 23px;text-align:left;background:linear-gradient(145deg,#fbf8ed,#f2f6ee);box-shadow:inset 0 0 0 1px rgba(182,107,19,.45),var(--soft-shadow)}.academy-pattern-focus:after{content:"";position:absolute;top:50%;left:100%;width:27px;height:2px;background:var(--gold)}.academy-pattern-focus:before{content:"";position:absolute;z-index:2;top:calc(50% - 5px);right:-27px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid var(--gold)}.academy-system-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:var(--gold-soft);color:var(--gold);font:28px Inter;box-shadow:0 8px 18px rgba(182,107,19,.13)}.academy-pattern-focus h3{max-width:310px;margin:20px 0 17px;font:600 29px/1.08 'Playfair Display',serif}.pattern-noticed{margin:0 0 14px;color:var(--sage);font:600 17px 'Playfair Display',serif}.pattern-signals{display:flex;flex-wrap:wrap;gap:8px}.pattern-signals span{padding:8px 11px;border-radius:999px;background:var(--sage-soft);color:var(--sage);font-size:10px;font-weight:700}.pattern-next-step{display:flex;align-items:center;gap:12px;margin-top:26px;padding-top:20px;border-top:1px dashed rgba(25,33,46,.18)}.pattern-next-step>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--blue-soft);color:var(--blue);font-size:20px}.pattern-next-step strong,.pattern-next-step small{display:block}.pattern-next-step strong{font:600 18px 'Playfair Display',serif}.pattern-next-step small{margin-top:3px;color:var(--muted);font-size:10px}.academy-system-support{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:center}.academy-support-card{min-height:320px;padding:25px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.academy-support-card>span{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:var(--blue-soft);color:var(--blue);font-size:23px}.academy-support-card h3{margin:20px 0 9px;font:600 23px 'Playfair Display',serif}.academy-support-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.academy-support-card.understand>span{background:var(--sage-soft);color:var(--sage)}.academy-support-card.review>span{background:var(--gold-soft);color:var(--gold)}.academy-system-closing{margin:28px 0 0;text-align:center;color:var(--ink);font:500 17px 'Playfair Display',serif}.qa-dark-mode .academy-learning-system{background:var(--qa-surface-raised);box-shadow:0 14px 34px rgba(0,0,0,.38)}.qa-dark-mode .academy-system-label{background:#382b1d;box-shadow:inset 0 0 0 1px rgba(214,154,59,.18),0 7px 17px rgba(0,0,0,.2)}.qa-dark-mode .academy-pattern-focus{background:linear-gradient(145deg,#263228,#2a261d);color:var(--qa-text-strong);box-shadow:inset 0 0 0 1px rgba(214,154,59,.62),0 12px 27px rgba(0,0,0,.3)}.qa-dark-mode .academy-support-card{background:var(--qa-surface-soft);color:var(--qa-text-strong);box-shadow:inset 0 0 0 1px rgba(244,242,236,.1),0 10px 25px rgba(0,0,0,.25)}.qa-dark-mode .academy-pattern-focus h3,.qa-dark-mode .academy-system-closing,.qa-dark-mode .pattern-next-step strong{color:var(--qa-text-strong)}.qa-dark-mode .academy-system-intro,.qa-dark-mode .academy-support-card p,.qa-dark-mode .pattern-next-step small{color:var(--qa-text-muted)}.qa-dark-mode .pattern-signals span{background:#20362b}.qa-dark-mode .pattern-next-step{border-top-color:rgba(244,242,236,.16)}
@media(max-width:900px){.academy-system-grid{grid-template-columns:1fr}.academy-pattern-focus:after,.academy-pattern-focus:before{display:none}.academy-system-support{grid-template-columns:repeat(3,1fr)}.academy-support-card{min-height:220px}}@media(max-width:760px){.academy-learning-system{padding:28px 20px}.academy-learning-system>h2{font-size:30px}.academy-system-intro{margin-bottom:22px}.academy-pattern-focus{min-height:0;padding:25px}.academy-pattern-focus h3{font-size:27px}.academy-system-support{grid-template-columns:1fr;gap:10px}.academy-support-card{min-height:148px;display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:14px;text-align:left;align-items:center;justify-content:start}.academy-support-card>span{grid-row:1/3}.academy-support-card h3{margin:0;font-size:20px}.academy-support-card p{margin:4px 0 0}.academy-system-closing{font-size:15px}}

/* A visitor sees the same check-in structure before creating an account. */
.visitor-checkin-preview{width:100%}.visitor-checkin-preview .checkin-practice-card,.visitor-checkin-preview .checkin-review-card{min-height:174px}.visitor-checkin-preview .checkin-practice-card strong{font-size:32px}.visitor-checkin-preview .checkin-practice-card small{color:#816538}.visitor-checkin-preview .checkin-insight-row{margin-bottom:2px}.qa-dark-mode .visitor-checkin-preview .checkin-practice-card small{color:#d9b774}

/* The account control is a dark surface too; its active state must not revert to white. */
.qa-dark-mode .profile-orb,.qa-dark-mode .qa-profile-trigger,.qa-dark-mode .qa-profile-signin{background:var(--qa-surface-soft);color:var(--qa-text-strong);box-shadow:inset 0 0 0 1px rgba(244,242,236,.12),0 10px 24px rgba(0,0,0,.28)}.qa-dark-mode .qa-profile-trigger>span,.qa-dark-mode .qa-profile-signin>span{background:#382b1d;color:var(--gold)}.qa-dark-mode .qa-profile-trigger i{color:var(--gold)}.qa-dark-mode .qa-profile-dropdown{background:var(--qa-surface-raised);color:var(--qa-text-strong);box-shadow:0 20px 46px rgba(0,0,0,.48),inset 0 0 0 1px rgba(244,242,236,.1)}.qa-dark-mode .qa-profile-dropdown header{box-shadow:0 1px 0 rgba(244,242,236,.1)}.qa-dark-mode .qa-profile-dropdown>a{color:var(--qa-text-strong)!important}.qa-dark-mode .qa-profile-dropdown>a:hover,.qa-dark-mode .qa-profile-dropdown>a:focus-visible,.qa-dark-mode .qa-profile-dropdown>a.active{background:#30383d;color:var(--gold)!important}.qa-dark-mode .qa-profile-dropdown .qa-profile-logout{color:#d48669!important;box-shadow:0 -1px 0 rgba(244,242,236,.1)}

/* Academy and check-in components use the same three dark surfaces. */
.qa-dark-mode .icon-medal,.qa-dark-mode .pillar-icon,.qa-dark-mode .stage-icon{background:var(--qa-surface-soft);color:var(--gold);box-shadow:inset 0 0 0 1px rgba(244,242,236,.1)}.qa-dark-mode .pillar-card{background:var(--qa-surface-raised);color:var(--qa-text-strong);box-shadow:0 12px 30px rgba(0,0,0,.34)}.qa-dark-mode .pillar-card p{color:var(--qa-text-muted)}.qa-dark-mode .checkin-practice-card{background:linear-gradient(135deg,#382b1d,#2b241b);box-shadow:inset 0 0 0 1px rgba(214,154,59,.18),0 12px 30px rgba(0,0,0,.3)}.qa-dark-mode .checkin-practice-card .checkin-icon{background:var(--qa-surface-soft);color:var(--gold);box-shadow:inset 0 0 0 1px rgba(244,242,236,.1)}.qa-dark-mode .checkin-review-card>a{background:var(--qa-surface-soft);color:var(--blue);border-color:rgba(141,169,214,.4);box-shadow:inset 0 0 0 1px rgba(141,169,214,.1)}.qa-dark-mode .checkin-insight-row{background:var(--qa-surface-raised);box-shadow:inset 0 0 0 1px rgba(244,242,236,.1),0 8px 20px rgba(0,0,0,.24)}.qa-dark-mode .checkin-insight-row article+article{border-left-color:rgba(244,242,236,.12)}

/* Account controls and identity details follow the same dark surface contract. */
.qa-dark-mode .account-avatar{background:radial-gradient(circle at 35% 30%,#30383d,#20262a);color:var(--gold);box-shadow:0 0 0 2px var(--qa-surface-raised),0 0 0 3px var(--gold),0 12px 30px rgba(0,0,0,.35)}.qa-dark-mode .profile-list dt span,.qa-dark-mode .access-benefits i,.qa-dark-mode .preference-row i{background:var(--qa-surface-soft);color:var(--gold);box-shadow:inset 0 0 0 1px rgba(244,242,236,.1)}.qa-dark-mode .account-status.member{background:#382b1d}.qa-dark-mode .account-status.free{background:#20362b}.qa-dark-mode .access-card:after{border-color:rgba(214,154,59,.22);box-shadow:inset 0 0 0 10px var(--qa-surface-soft),inset 0 0 0 12px rgba(214,154,59,.12)}.qa-dark-mode .preference-row select{background:var(--qa-surface-soft);color:var(--qa-text-strong);box-shadow:inset 0 0 0 1px rgba(244,242,236,.12)}.qa-dark-mode .switch{background:#3d454a}.qa-dark-mode .switch:after{background:#20262a;box-shadow:0 2px 5px rgba(0,0,0,.35)}.qa-dark-mode .switch-input:checked+.switch{background:var(--gold)}.qa-dark-mode .switch-input:checked+.switch:after{background:#1a1f22}.qa-dark-mode .profile-list>div,.qa-dark-mode .preference-row,.qa-dark-mode .access-benefits>span+span{box-shadow:0 1px 0 rgba(244,242,236,.1)}
/* The four Academy steps are an encouraging learning checklist. */
.continuation-checks{counter-reset:none}.continuation-checks li{counter-increment:none;font:600 18px 'Playfair Display',serif}.continuation-checks li:before{content:"✓";font-size:14px}
@media(max-width:760px){.continuation-checks li{font-size:14px}}

/* Academy+ signature: quiet in sentences, unmistakable in premium labels and actions. */
.academy-plus-mark{display:inline-block;margin-left:.04em;color:var(--gold);font-family:Inter,sans-serif;font-size:.88em;font-weight:800;line-height:1;vertical-align:.18em}
h1 .academy-plus-mark,h2 .academy-plus-mark,h3 .academy-plus-mark,.qa-button .academy-plus-mark,.qa-kicker .academy-plus-mark,.qa-eyebrow .academy-plus-mark,.account-status .academy-plus-mark,.qa-profile-dropdown .academy-plus-mark,.academy-unlock-statement .academy-plus-mark{width:1.12em;height:1.12em;margin-left:-.04em;border-radius:50%;display:inline-grid;place-items:center;background:var(--gold);color:#fff;font-size:.7em;font-weight:800;line-height:1;vertical-align:.34em;box-shadow:0 3px 9px rgba(182,107,19,.25)}
.qa-eyebrow .academy-plus-mark,.qa-kicker .academy-plus-mark{margin-left:-.28em}
.qa-button .academy-plus-mark,.account-status .academy-plus-mark,.qa-profile-dropdown .academy-plus-mark{font-size:.72em;vertical-align:.25em}
.qa-button.academy-plus-button{gap:0}
.qa-button.academy-plus-button .academy-plus-mark{margin-left:-.22em;transform:translateX(-.12em)}
.qa-dark-mode h1 .academy-plus-mark,.qa-dark-mode h2 .academy-plus-mark,.qa-dark-mode h3 .academy-plus-mark,.qa-dark-mode .qa-button .academy-plus-mark,.qa-dark-mode .qa-kicker .academy-plus-mark,.qa-dark-mode .qa-eyebrow .academy-plus-mark,.qa-dark-mode .account-status .academy-plus-mark,.qa-dark-mode .qa-profile-dropdown .academy-plus-mark,.qa-dark-mode .academy-unlock-statement .academy-plus-mark{color:#17191b;box-shadow:0 3px 11px rgba(214,154,59,.25)}
.academy-unlock-statement span.academy-plus-mark,.qa-dark-mode .academy-unlock-statement span.academy-plus-mark{width:1.12em;height:1.12em;display:inline-grid;place-items:center;margin-left:-.04em;border-radius:50%;background:var(--gold);color:#17191b;font:800 .74em/1 Inter,sans-serif;vertical-align:.28em;box-shadow:0 3px 11px rgba(214,154,59,.25)}

/* Colour is semantic, never decorative: sage = progress, gold = action,
   blue = understanding, and plum = reflection or a gentle return to review. */
:root{--plum:#79566f;--plum-soft:#f4edf4}
.key-insight{background:linear-gradient(100deg,#fff 0%,var(--plum-soft) 100%);box-shadow:inset 0 0 0 1px rgba(121,86,111,.14),var(--soft-shadow)}
.key-insight .insight-icon{background:var(--plum-soft);color:var(--plum);box-shadow:0 6px 16px rgba(121,86,111,.13)}
.key-insight h2{color:var(--plum)}
.key-insight blockquote{box-shadow:-1px 0 rgba(121,86,111,.28)}
.checkin-insight-row article:nth-child(3)>span{background:var(--plum-soft);color:var(--plum)}
.checkin-insight-row article:nth-child(3) strong{color:var(--plum)}
body.qa-dark-mode{--plum:#d2a9c9;--plum-soft:#35253a}
.qa-dark-mode .key-insight{background:linear-gradient(100deg,#1a1f22 0%,#251d29 100%);box-shadow:inset 0 0 0 1px rgba(210,169,201,.18),0 12px 30px rgba(0,0,0,.34)}
.qa-dark-mode .key-insight .insight-icon,.qa-dark-mode .checkin-insight-row article:nth-child(3)>span{background:var(--plum-soft);color:var(--plum);box-shadow:inset 0 0 0 1px rgba(210,169,201,.16)}
.qa-dark-mode .key-insight h2,.qa-dark-mode .checkin-insight-row article:nth-child(3) strong{color:var(--plum)}
.qa-dark-mode .key-insight blockquote{box-shadow:-1px 0 rgba(210,169,201,.32)}

/* Repeated content families carry the same calm semantic cue everywhere. */
.academy-highlights .highlight-card:nth-child(1){background:linear-gradient(135deg,#fff 55%,var(--sage-soft));box-shadow:inset 0 0 0 1px rgba(72,106,91,.12),var(--shadow)}
.academy-highlights .highlight-card:nth-child(1) .icon-medal{background:var(--sage-soft);color:var(--sage)}
.academy-highlights .highlight-card:nth-child(2){background:linear-gradient(135deg,#fff 55%,var(--gold-soft));box-shadow:inset 0 0 0 1px rgba(182,107,19,.12),var(--shadow)}
.academy-highlights .highlight-card:nth-child(3){background:linear-gradient(135deg,#fff 55%,var(--blue-soft));box-shadow:inset 0 0 0 1px rgba(53,86,135,.12),var(--shadow)}
.academy-highlights .highlight-card:nth-child(3) .icon-medal{background:var(--blue-soft);color:var(--blue)}
.pillar-card:nth-child(1){background:linear-gradient(155deg,#fff 62%,var(--sage-soft));box-shadow:inset 0 3px var(--sage),var(--soft-shadow)}
.pillar-card:nth-child(2){background:linear-gradient(155deg,#fff 62%,var(--gold-soft));box-shadow:inset 0 3px var(--gold),var(--soft-shadow)}
.pillar-card:nth-child(3){background:linear-gradient(155deg,#fff 62%,var(--blue-soft));box-shadow:inset 0 3px var(--blue),var(--soft-shadow)}
.academy-support-card.review>span,.academy-support-card.review strong{background:var(--plum-soft);color:var(--plum)}
.academy-support-card.review{box-shadow:inset 0 3px var(--plum),var(--soft-shadow)}
.qa-dark-mode .academy-highlights .highlight-card:nth-child(1){background:linear-gradient(135deg,#1a1f22 55%,#1d2a22);box-shadow:inset 0 0 0 1px rgba(120,165,139,.16),0 12px 30px rgba(0,0,0,.34)}
.qa-dark-mode .academy-highlights .highlight-card:nth-child(2){background:linear-gradient(135deg,#1a1f22 55%,#2b241b);box-shadow:inset 0 0 0 1px rgba(214,154,59,.16),0 12px 30px rgba(0,0,0,.34)}
.qa-dark-mode .academy-highlights .highlight-card:nth-child(3){background:linear-gradient(135deg,#1a1f22 55%,#202c3d);box-shadow:inset 0 0 0 1px rgba(141,169,214,.16),0 12px 30px rgba(0,0,0,.34)}
.qa-dark-mode .pillar-card:nth-child(1){background:linear-gradient(155deg,#1a1f22 62%,#1d2a22);box-shadow:inset 0 3px var(--sage),0 12px 30px rgba(0,0,0,.34)}
.qa-dark-mode .pillar-card:nth-child(2){background:linear-gradient(155deg,#1a1f22 62%,#2b241b);box-shadow:inset 0 3px var(--gold),0 12px 30px rgba(0,0,0,.34)}
.qa-dark-mode .pillar-card:nth-child(3){background:linear-gradient(155deg,#1a1f22 62%,#202c3d);box-shadow:inset 0 3px var(--blue),0 12px 30px rgba(0,0,0,.34)}
.qa-dark-mode .academy-support-card.review{box-shadow:inset 0 3px var(--plum),0 10px 25px rgba(0,0,0,.25)}
.qa-dark-mode .academy-support-card.review>span,.qa-dark-mode .academy-support-card.review strong{background:var(--plum-soft);color:var(--plum)}

/* My Word Bank: search earns the full width; colour is reserved for learner state. */
.word-bank-page{max-width:1260px}.word-bank-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:4px 0 26px}.word-bank-heading h1{margin:0;font:600 clamp(42px,5vw,64px)/1 'Playfair Display',serif;letter-spacing:-.025em}.word-bank-heading>div>p{margin:9px 0 0;color:var(--muted);font-size:14px}.word-bank-count{display:flex;align-items:baseline;gap:8px;margin:0;color:var(--muted)}.word-bank-count strong{color:var(--ink);font:600 29px 'Playfair Display',serif}.word-bank-count span{font-size:12px}.word-search-section{margin-bottom:26px}.word-search-form{width:100%;height:76px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:17px;padding:9px 11px 9px 25px;border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(25,33,46,.12)}.word-search-form svg{width:28px;height:28px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round}.word-search-form input{min-width:0;height:56px;border:0;outline:0;background:transparent;color:var(--ink);font-size:17px}.word-search-form input::placeholder{color:#7c8087}.word-search-form button{height:54px;padding:0 26px;border:0;border-radius:14px;background:var(--ink);color:#fff;font-weight:700;cursor:pointer}.word-search-examples{display:flex;align-items:center;gap:8px;margin:12px 8px 0;color:var(--muted);font-size:11px}.word-search-examples button{border:0;border-radius:999px;padding:6px 11px;background:#f4f4f2;color:var(--ink);cursor:pointer}.word-search-status{min-height:20px;margin:10px 8px 0;color:var(--muted);font-size:12px}.word-search-results{display:grid;gap:10px;margin-top:11px;padding:14px;border-radius:20px;background:#f7f7f5;box-shadow:inset 0 0 0 1px rgba(23,32,51,.05)}.word-result-card{display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:24px;padding:20px 22px;border-radius:16px;background:#fff;box-shadow:var(--soft-shadow)}.word-result-arabic{margin:0;text-align:center;font:700 40px/1.3 'Noto Naskh Arabic',serif}.word-result-card h3{margin:0 0 4px;font:600 22px 'Playfair Display',serif;text-transform:capitalize}.word-result-meta,.word-result-reference{margin:2px 0;color:var(--muted);font-size:11px}.word-result-reference{color:var(--blue)}.word-result-actions{display:flex;gap:7px}.word-result-actions button{border:0;border-radius:10px;padding:10px 11px;background:#f3f3f1;color:var(--ink);font-size:10px;font-weight:700;cursor:pointer}.word-result-actions button[data-word-action=recognise].active{background:var(--sage);color:#fff}.word-result-actions button[data-word-action=review].active{background:var(--plum);color:#fff}.word-result-actions button[data-word-action=save].active{background:var(--ink);color:#fff}.word-of-day-card{display:grid;grid-template-columns:.8fr 1.2fr;overflow:hidden;margin-bottom:26px;border-radius:24px;background:#fff;box-shadow:var(--shadow)}.word-day-main{min-height:315px;padding:33px 38px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.word-bank-kicker{margin:0 0 14px;color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.word-arabic{margin:0;font:700 clamp(55px,7vw,84px)/1.15 'Noto Naskh Arabic',serif}.word-day-main h2{margin:8px 0 0;font:600 31px 'Playfair Display',serif;text-transform:capitalize}.word-transliteration{margin:2px 0 14px;color:var(--muted);font-style:italic}.word-lesson-link{color:var(--ink);font-size:11px;font-weight:700;text-decoration:none}.word-day-context{padding:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fafafa}.word-day-context>span{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.word-day-context>p{margin:19px 0 5px;font:700 44px/1.4 'Noto Naskh Arabic',serif}.word-day-context small{max-width:380px;color:var(--muted);font-size:11px}.word-day-context strong{margin-top:18px;padding:7px 12px;border-radius:999px;background:#fff;color:var(--blue);box-shadow:var(--soft-shadow);font-size:10px}.word-day-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr auto;gap:10px;padding:18px 22px;background:#fff;box-shadow:0 -1px rgba(23,32,51,.05)}.word-day-actions button{min-height:54px;border:0;border-radius:13px;background:#f5f5f3;color:var(--ink);font-weight:700;cursor:pointer}.word-day-actions .recognise.active{background:var(--sage);color:#fff}.word-day-actions .review.active{background:var(--plum);color:#fff}.word-day-actions .word-save{padding:0 20px}.word-day-actions .word-save.active{background:var(--ink);color:#fff}.related-words-section{margin-bottom:26px;padding:28px;border-radius:24px;background:#fff;box-shadow:var(--shadow)}.related-words-section header{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.related-words-section h2{margin:0;font:600 27px 'Playfair Display',serif}.related-words-section header p{margin:0;color:var(--muted);font-size:11px}.related-word-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related-word-list button{min-height:112px;padding:18px;border:0;border-radius:15px;background:#fafafa;color:var(--ink);box-shadow:inset 0 0 0 1px rgba(23,32,51,.05);cursor:pointer;text-align:left;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 18px}.related-word-list button>span{grid-row:1/3;min-width:74px;text-align:center;font:700 34px 'Noto Naskh Arabic',serif}.related-word-list button strong{font:600 17px 'Playfair Display',serif;text-transform:capitalize}.related-word-list button small{color:var(--muted)}.word-bank-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.word-bank-tools a{min-height:145px;padding:22px;border-radius:18px;background:#fff;color:var(--ink);box-shadow:var(--soft-shadow);text-decoration:none;display:flex;flex-direction:column;align-items:flex-start}.word-bank-tools a>span{font-size:23px}.word-bank-tools strong{margin-top:17px;font:600 18px 'Playfair Display',serif}.word-bank-tools small{margin-top:5px;color:var(--muted);font-size:10px}.word-bank-tools .test-words{box-shadow:inset 0 3px #a85f48,var(--soft-shadow)}.word-bank-empty{padding:45px;border-radius:24px;background:#fff;box-shadow:var(--shadow);text-align:center}.reference-item.reference-vocabulary{text-decoration:none}.reference-open{align-self:end;color:var(--gold);font-weight:700;font-size:12px}
.qa-dark-mode .word-bank-heading h1,.qa-dark-mode .word-bank-count strong{color:var(--qa-text-strong)}.qa-dark-mode .word-search-form,.qa-dark-mode .word-of-day-card,.qa-dark-mode .related-words-section,.qa-dark-mode .word-bank-tools a,.qa-dark-mode .word-result-card,.qa-dark-mode .word-bank-empty{background:var(--qa-surface-raised);color:var(--qa-text-strong);box-shadow:0 12px 30px rgba(0,0,0,.34)}.qa-dark-mode .word-search-form input{color:var(--qa-text-strong)}.qa-dark-mode .word-search-form svg{stroke:var(--qa-text-strong)}.qa-dark-mode .word-search-form button{background:var(--gold);color:#17191b}.qa-dark-mode .word-search-examples button,.qa-dark-mode .word-result-actions button,.qa-dark-mode .related-word-list button{background:var(--qa-surface-soft);color:var(--qa-text-strong)}.qa-dark-mode .word-search-results{background:#101315;box-shadow:inset 0 0 0 1px rgba(244,242,236,.08)}.qa-dark-mode .word-day-context{background:var(--qa-surface-soft)}.qa-dark-mode .word-day-context strong{background:var(--qa-surface-raised)}.qa-dark-mode .word-day-actions{background:var(--qa-surface-raised);box-shadow:0 -1px rgba(244,242,236,.08)}.qa-dark-mode .word-day-actions button{background:var(--qa-surface-soft);color:var(--qa-text-strong)}.qa-dark-mode .related-word-list button{box-shadow:inset 0 0 0 1px rgba(244,242,236,.08)}.qa-dark-mode .word-bank-tools .test-words{box-shadow:inset 0 3px #c98570,0 12px 30px rgba(0,0,0,.34)}
@media(max-width:900px){.word-result-card{grid-template-columns:86px 1fr}.word-result-actions{grid-column:1/-1}.word-bank-tools{grid-template-columns:1fr 1fr}}@media(max-width:760px){.word-bank-heading{align-items:flex-start}.word-bank-count{display:none}.word-bank-heading h1{font-size:43px}.word-search-form{height:64px;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;padding:7px 8px 7px 17px}.word-search-form button{height:48px;padding:0 13px;font-size:11px}.word-search-form input{font-size:13px}.word-of-day-card{grid-template-columns:1fr}.word-day-main{min-height:245px;padding:28px}.word-day-context{padding:28px}.word-day-actions{grid-template-columns:1fr 1fr}.word-day-actions .word-save{grid-column:1/-1}.related-words-section{padding:22px}.related-words-section header{display:block}.related-words-section header p{margin-top:4px}.related-word-list{grid-template-columns:1fr}.word-bank-tools{grid-template-columns:1fr 1fr}.word-bank-tools a{min-height:120px;padding:18px}.word-result-card{grid-template-columns:78px minmax(0,1fr);gap:10px 14px;padding:17px;text-align:left}.word-result-arabic{text-align:center;font-size:31px}.word-result-card h3{font-size:18px}.word-result-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}.word-result-actions button{padding:9px 5px;font-size:8px}.word-bank-tools strong{font-size:16px}}@media(max-width:480px){.word-bank-tools{grid-template-columns:1fr}}

.word-search-form button i{display:none;font-style:normal}@media(max-width:760px){.word-search-form{grid-template-columns:22px minmax(0,1fr) 46px;gap:8px;padding:7px 7px 7px 15px}.word-search-form button{width:46px;padding:0;font-size:17px}.word-search-form button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.word-search-form button i{display:inline}.word-search-form input{font-size:11px}}

/* One permanent doorway: Academy is the journey; Academy+ is the upgrade. */
.qa-academy-split{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);min-height:76px;border-radius:18px;background:#fff;box-shadow:0 10px 27px rgba(25,33,46,.12);overflow:hidden}
.qa-side-nav .qa-academy-split a{min-width:0;margin:0;padding:13px 12px;border-radius:0;display:grid;align-content:center;gap:2px;text-decoration:none}
.qa-side-nav .qa-academy-split a:before{display:none}
.qa-side-nav .qa-academy-split-main{grid-template-columns:26px minmax(0,1fr);column-gap:8px;color:var(--ink)}
.qa-side-nav .qa-academy-split-main>span{grid-row:1/3;align-self:center;color:var(--sage);font-size:22px}
.qa-side-nav .qa-academy-split strong{min-width:0;font-size:13px;line-height:1.12;white-space:nowrap}
.qa-side-nav .qa-academy-split small{color:var(--muted);font-size:8px;line-height:1.2;white-space:nowrap}
.qa-side-nav .qa-academy-split-main.active{background:#f6f8f5;color:var(--sage)}
.qa-side-nav .qa-academy-split-plus{position:relative;text-align:center;justify-items:center;background:linear-gradient(145deg,#fff8ed,var(--gold-soft));color:var(--gold);box-shadow:-1px 0 rgba(182,107,19,.1)}
.qa-side-nav .qa-academy-split-plus strong{display:flex;align-items:center;justify-content:center;gap:3px}
.qa-side-nav .qa-academy-split-plus b{width:20px;height:20px;border-radius:50%;display:inline-grid;place-items:center;background:var(--gold);color:#fff;font:800 16px/1 Inter,sans-serif;box-shadow:0 4px 10px rgba(182,107,19,.22)}
.qa-side-nav .qa-academy-split-plus>span{font-size:18px;color:var(--gold)}
.qa-side-nav .qa-academy-split-plus:hover{background:linear-gradient(145deg,#fff5e6,#f7e5c8)}
.qa-dark-mode .qa-academy-split{background:var(--qa-surface-raised);box-shadow:0 12px 28px rgba(0,0,0,.38)}
.qa-dark-mode .qa-side-nav .qa-academy-split-main.active{background:#203028;color:var(--sage)}
.qa-dark-mode .qa-side-nav .qa-academy-split-plus{background:linear-gradient(145deg,#282118,#382b1d);box-shadow:-1px 0 rgba(214,154,59,.16)}
.qa-dark-mode .qa-side-nav .qa-academy-split-plus:hover{background:linear-gradient(145deg,#30261b,#413120)}
.qa-dark-mode .qa-side-nav .qa-academy-split-plus b{color:#17191b}

/* Compact Word Bank: colour identifies actions, while content remains calm. */
.word-of-day-card{grid-template-columns:.9fr 1.1fr;border-radius:20px}
.word-day-main{min-height:225px;padding:24px 30px}
.word-bank-kicker{margin-bottom:8px;font-size:10px}
.word-arabic{font-size:clamp(49px,5vw,66px)}
.word-day-main h2{margin-top:3px;font-size:26px}
.word-transliteration{margin-bottom:9px;font-size:13px}
.word-day-context{padding:25px 30px}
.word-day-context>p{margin:11px 0 3px;font-size:37px}
.word-day-context strong{margin-top:11px;padding:6px 10px}
.word-day-actions{gap:8px;padding:12px 15px}
.word-day-actions button{min-height:46px;padding:7px 12px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px}
.word-day-actions button>span[aria-hidden=true]{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;background:transparent!important;font-size:24px;font-weight:800;filter:drop-shadow(0 5px 7px rgba(23,32,51,.2))}
.word-day-actions .recognise>span[aria-hidden=true]{color:var(--sage)}
.word-day-actions .review>span[aria-hidden=true]{color:var(--plum)}
.word-day-actions .word-save>span[aria-hidden=true]{color:var(--blue)}
.word-day-actions .word-save>span[aria-hidden=true] svg,.word-bank-tools .saved-words>span svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.word-day-actions .recognise.active>span[aria-hidden=true],.word-day-actions .review.active>span[aria-hidden=true],.word-day-actions .word-save.active>span[aria-hidden=true]{color:#fff;filter:drop-shadow(0 5px 8px rgba(0,0,0,.22))}
.word-bank-tools{align-items:stretch}.word-bank-tools a{position:relative;isolation:isolate;overflow:hidden;min-height:118px;padding:17px;display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;column-gap:13px;align-content:center}
.word-bank-tools a:after{content:"";position:absolute;z-index:-1;pointer-events:none;opacity:.55}
.word-bank-tools a>span{grid-row:1/3;width:40px;height:40px;display:grid;place-items:center;background:transparent!important;font-size:31px;font-weight:700;filter:drop-shadow(0 6px 8px rgba(23,32,51,.2))}
.word-bank-tools a:nth-child(1)>span{color:var(--plum)}
.word-bank-tools a:nth-child(2)>span{color:var(--blue)}
.word-bank-tools a:nth-child(3)>span{color:var(--sage)}
.word-bank-tools .memory-brain-icon{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.word-bank-tools .review-words{background:linear-gradient(145deg,#fff 55%,var(--plum-soft));box-shadow:var(--soft-shadow)}
.word-bank-tools .review-words:after{right:-20px;bottom:-33px;width:104px;height:104px;border-radius:50%;border:2px solid rgba(121,86,111,.15);box-shadow:0 0 0 12px rgba(121,86,111,.05),0 0 0 25px rgba(121,86,111,.025)}
.word-bank-tools .saved-words{background:linear-gradient(145deg,#fff 55%,var(--blue-soft));box-shadow:var(--soft-shadow)}
.word-bank-tools .saved-words:after{right:20px;bottom:-33px;width:58px;height:82px;border:2px solid rgba(53,86,135,.12);border-radius:9px 9px 3px 3px;clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%)}
.word-bank-tools .memory-words{background:linear-gradient(145deg,#fff 55%,var(--sage-soft));box-shadow:var(--soft-shadow)}
.word-bank-tools .memory-words:after{display:none}
.memory-digital-motif{position:absolute;z-index:-1;right:-2px;bottom:-7px;width:102px;height:75px;color:var(--sage);opacity:.1;font-style:normal}.memory-digital-motif svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.word-bank-tools strong{margin:0;font-size:16px;align-self:end}
.word-bank-tools small{margin-top:3px;align-self:start}
.word-bank-tools .test-words{min-height:118px;padding:17px;display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;column-gap:13px;align-content:center;background:linear-gradient(145deg,#fff 55%,#f8eee9);box-shadow:inset 0 3px #a85f48,var(--soft-shadow)}
.word-bank-tools .test-words:after{border:14px solid rgba(168,95,72,.07)}
.word-bank-tools .test-words>span{width:40px;height:40px;display:grid;place-items:center;background:transparent;color:#a85f48;font-size:31px;filter:drop-shadow(0 6px 8px rgba(168,95,72,.22))}

/*
 * Site-wide reading hierarchy.
 * Large and bold editorial headings carry the strongest tone; supporting copy
 * steps down through charcoal and grey without changing functional colours.
 */
:root{--text-primary:#050505;--text-secondary:#34383e;--text-body:#555b63;--text-subtle:#7b818a}
body{color:var(--text-body)}
:where(.qa-main,.qa-academy-main,.qa-lesson-main) :where(h1,h2,h3,.section-title){color:var(--text-primary)}
:where(.qa-main,.qa-academy-main,.qa-lesson-main) :where(p,li,dd){color:var(--text-body)}
:where(.qa-main,.qa-academy-main,.qa-lesson-main) :where(.qa-subtitle,small,.legend,.swipe-hint,.word-result-meta,.word-bank-count){color:var(--text-subtle)}
:where(.qa-main,.qa-academy-main,.qa-lesson-main) :where(h1,h2,h3) + :where(p,.qa-subtitle){color:var(--text-secondary)}
.qa-dark-mode{--text-primary:#f7f5f0;--text-secondary:#d6d4cf;--text-body:#b8bbc0;--text-subtle:#969ba3}
.qa-dark-mode :where(.qa-main,.qa-academy-main,.qa-lesson-main) :where(h1,h2,h3,.section-title){color:var(--text-primary)}
.word-day-main h2{color:var(--text-secondary)}
.word-of-day-card .related-words-inline{grid-column:1/-1;margin:0;padding:25px 28px 28px;border-radius:0;background:#fbfbfa;box-shadow:0 -10px 28px rgba(25,33,46,.055)}
.related-words-inline header{align-items:end}
.related-words-inline header>div>p{margin:0 0 3px;color:var(--gold);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.related-words-inline header>div>h2{margin:0}
.related-words-inline header>span{color:var(--text-subtle);font-size:10px}
.qa-dark-mode .word-of-day-card .related-words-inline{background:var(--qa-surface-soft);box-shadow:0 -10px 28px rgba(0,0,0,.18)}

/* Related words read as one learning family, separated by quiet dividers. */
.related-word-list{gap:0;overflow:hidden;border-radius:15px;background:#fafafa;box-shadow:inset 0 0 0 1px rgba(23,32,51,.06)}
.related-word-list button{border-radius:0;background:transparent;box-shadow:none}
.related-word-list button+button{border-left:1px solid rgba(23,32,51,.08)}
.related-word-list button.active{background:rgba(49,89,66,.06);box-shadow:inset 0 -2px #315942}
.qa-dark-mode .related-word-list{background:var(--qa-surface-soft);box-shadow:inset 0 0 0 1px rgba(244,242,236,.08)}
.qa-dark-mode .related-word-list button{background:transparent;box-shadow:none}
.qa-dark-mode .related-word-list button+button{border-left-color:rgba(244,242,236,.09)}
.qa-dark-mode .related-word-list button.active{background:rgba(124,173,142,.08);box-shadow:inset 0 -2px #7cad8e}
@media(max-width:760px){.related-word-list button+button{border-left:0;border-top:1px solid rgba(23,32,51,.08)}.qa-dark-mode .related-word-list button+button{border-top-color:rgba(244,242,236,.09)}}

/* My Word Bank exploration: one guided course route and one Qur'an route. */
.word-explore-section{margin:0 0 26px}
.word-explore-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin:0 4px 17px}
.word-explore-heading p{margin:0 0 5px;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.word-explore-heading h2{margin:0;font:600 clamp(28px,3vw,39px)/1.1 'Playfair Display',serif;letter-spacing:-.015em}
.word-explore-heading>span{padding-bottom:4px;color:var(--text-subtle);font-size:12px}
.word-explore-routes{display:grid;grid-template-columns:1.08fr .92fr;gap:18px}
.word-route-card{min-width:0;padding:27px;border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(25,33,46,.11)}
.word-route-card>header{display:flex;align-items:center;gap:16px}
.word-route-icon{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border-radius:17px;background:#edf4ed;font-size:28px;box-shadow:0 8px 20px rgba(43,79,57,.1)}
.word-route-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.word-route-card h3{margin:0;font:600 26px 'Playfair Display',serif}
.word-route-card header p{margin:4px 0 0;color:var(--text-body);font-size:12px}
.word-day-selector{display:flex;align-items:center;gap:9px;margin:23px 0 18px}
.word-day-selector a{width:58px;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:15px;background:#f4f6f2;color:#52645a;text-decoration:none;box-shadow:inset 0 0 0 1px rgba(55,94,69,.06)}
.word-day-selector a small{font-size:8px;text-transform:uppercase;letter-spacing:.08em}
.word-day-selector a strong{font:700 18px 'Playfair Display',serif}
.word-day-selector a.active{background:#315942;color:#fff;box-shadow:0 9px 20px rgba(49,89,66,.22)}
.word-day-collection{min-height:112px;padding:16px 17px;border-radius:17px;background:#f7f8f6}
.word-day-collection>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:14px}
.word-day-collection>div:first-child>strong{font:600 16px 'Playfair Display',serif}
.word-day-collection>div:first-child>small{color:var(--text-subtle);font-size:9px}
.word-day-word-list{display:flex;gap:8px;margin-top:13px;overflow-x:auto;padding:1px 1px 6px;scrollbar-width:thin}
.word-day-word-list button{min-width:102px;padding:9px 11px;border:0;border-radius:12px;background:#fff;color:var(--ink);box-shadow:0 5px 13px rgba(25,33,46,.07);cursor:pointer;text-align:center}
.word-day-word-list button.active{box-shadow:inset 0 0 0 2px #315942,0 7px 18px rgba(49,89,66,.14)}
.word-day-word-list button span{display:block;font:700 24px/1.25 'Noto Naskh Arabic',serif}
.word-day-word-list button small{display:block;color:var(--text-body);font-size:8px;text-transform:capitalize}
.word-route-link{display:inline-block;margin-top:15px;color:#315942;font-size:11px;font-weight:800;text-decoration:none}
.word-route-quran{background:#fbfcff}
.word-route-quran .word-route-icon{background:#edf2f8;color:#274e80;box-shadow:0 8px 20px rgba(39,78,128,.1)}
.surah-preview{display:flex;align-items:center;gap:16px;margin-top:23px;padding:18px;border-radius:17px;background:#fff;box-shadow:0 8px 23px rgba(39,78,128,.08)}
.surah-preview>span{min-width:108px;color:#173e70;text-align:center;font:700 30px 'Noto Naskh Arabic',serif}
.surah-preview>div{padding-left:16px;border-left:1px solid rgba(39,78,128,.12)}
.surah-preview strong,.surah-preview small{display:block}
.surah-preview strong{font:600 18px 'Playfair Display',serif}
.surah-preview small{margin-top:4px;color:var(--text-subtle);font-size:9px}
.word-route-note{display:flex;align-items:flex-start;gap:9px;margin:17px 3px 0;color:var(--text-body);font-size:10px;line-height:1.5}
.word-route-note span{color:#315942;font-weight:800}
.word-inline-status{min-height:16px;margin:13px 2px 0;color:var(--text-subtle);font-size:9px}
.word-inline-results{display:grid;gap:10px;margin-top:6px;padding-top:15px;border-top:1px solid rgba(23,32,51,.08)}
.word-inline-results .word-result-card{grid-template-columns:82px minmax(0,1fr);gap:12px 17px;padding:17px}
.word-inline-results .word-result-card.qa-motion-reveal{transform:none}
.word-inline-results .word-result-arabic{font-size:32px}
.word-inline-results .word-result-card h3{font-size:19px}
.word-inline-results .word-result-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}
.word-result-contexts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:11px}.word-result-context{min-width:0;padding:8px 10px;border-radius:10px;background:#f7f7f5}.word-result-context small{display:block;overflow:hidden;color:var(--text-subtle);font-size:8px;font-weight:700;letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap}.word-result-context strong{display:block;margin-top:3px;color:var(--ink);font:700 18px/1.35 'Noto Naskh Arabic',serif}.word-result-context span{display:block;overflow:hidden;margin-top:1px;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.surah-selector{display:flex;align-items:center;gap:10px;margin:17px 0 0}.surah-selector label{color:var(--text-subtle);font-size:10px;font-weight:700}.surah-selector select{min-width:148px;padding:9px 28px 9px 11px;border:1px solid rgba(23,32,51,.12);border-radius:10px;background:#fff;color:var(--ink);font:600 11px/1 inherit}.qa-dark-mode .word-result-context{background:var(--qa-surface-soft)}.qa-dark-mode .word-result-context strong,.qa-dark-mode .surah-selector select{color:var(--qa-text-strong)}.qa-dark-mode .surah-selector select{border-color:rgba(244,242,236,.12);background:var(--qa-surface-soft)}
.qa-dark-mode .word-route-card{background:var(--qa-surface-raised);box-shadow:0 12px 30px rgba(0,0,0,.34)}
.qa-dark-mode .word-route-quran{background:#1b2128}
.qa-dark-mode .word-route-icon{background:#223229}
.qa-dark-mode .word-route-quran .word-route-icon{background:#202d3d;color:#8fb2df}
.qa-dark-mode .word-day-selector a,.qa-dark-mode .word-day-collection{background:var(--qa-surface-soft);color:var(--qa-text-strong)}
.qa-dark-mode .word-day-selector a.active{background:#547b65;color:#fff}
.qa-dark-mode .word-day-word-list button,.qa-dark-mode .surah-preview{background:#252b2f;color:var(--qa-text-strong)}
.qa-dark-mode .word-day-word-list button.active{box-shadow:inset 0 0 0 2px #7cad8e,0 7px 18px rgba(0,0,0,.3)}
.qa-dark-mode .surah-preview>span{color:#9bbce5}
.qa-dark-mode .word-inline-results{border-top-color:rgba(244,242,236,.09)}

/* Word detail is a quiet reading panel, not a deck of cards. */
.word-route-selector{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;margin:22px 0 18px;padding:12px 15px;border-radius:15px;background:#f4f6f2;box-shadow:inset 0 0 0 1px rgba(55,94,69,.09)}
.word-route-quran .word-route-selector{background:#edf2f8;box-shadow:inset 0 0 0 1px rgba(39,78,128,.1)}
.word-route-selector label{color:var(--ink);font:600 15px 'Playfair Display',serif}
.word-route-selector select{width:100%;min-width:0;appearance:none;padding:11px 27px 11px 13px;border:0;border-radius:10px;background:#fff;color:var(--ink);font-size:13px;font-weight:700;outline:none;cursor:pointer;box-shadow:0 5px 13px rgba(25,33,46,.07)}
.word-route-selector>span{margin-left:-33px;pointer-events:none;color:var(--text-subtle);font-size:17px;line-height:1}
.word-inline-results{margin-top:14px;padding-top:17px;animation:none!important}
.word-search-results{animation:none!important}
.word-search-results .word-result-card,.word-inline-results .word-result-card{animation:none!important}
.word-search-results .word-result-card.qa-motion-reveal,.word-search-results .word-result-card.qa-motion-visible{opacity:1!important;transform:none!important;transition:none!important}
.word-detail-fade{animation:qa-word-detail-fade 560ms ease both!important}
@keyframes qa-word-detail-fade{from{opacity:0}to{opacity:1}}
.word-inline-results.word-detail-switch-out{opacity:0;transition:opacity 180ms ease}
.word-inline-results .word-result-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px 30px;padding:22px 27px;border-radius:17px;box-shadow:0 12px 28px rgba(25,33,46,.1)}
.word-inline-results .word-result-card.qa-motion-reveal,.word-inline-results .word-result-card.qa-motion-visible{opacity:1!important;transform:none!important;transition:none!important}
.word-result-identity{display:grid;grid-template-columns:108px minmax(0,1fr);align-items:center;gap:18px}
.word-inline-results .word-result-arabic{font-size:44px}
.word-inline-results .word-result-card h3{margin-bottom:5px;font-size:25px}
.word-inline-results .word-result-meta,.word-inline-results .word-result-reference{font-size:12px}
.word-result-contexts{grid-template-columns:1fr;gap:0;margin-top:17px}
.word-result-context{padding:14px 0;border-radius:0;background:transparent}
.word-result-context+.word-result-context{border-top:1px solid rgba(23,32,51,.1)}
.word-result-context small{font-size:10px;letter-spacing:.06em;white-space:normal}
.word-result-context strong{margin-top:6px;font-size:25px;line-height:1.4}
.word-result-context span{margin-top:3px;font-size:13px;white-space:normal}
.word-inline-results .word-result-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:3px}
.word-inline-results .word-result-actions button{min-height:54px;padding:8px 13px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:13px;font-size:12px}
.word-result-action-icon{width:28px;height:28px;display:grid;place-items:center;font-size:25px;font-weight:800;line-height:1;filter:drop-shadow(0 4px 6px rgba(23,32,51,.16))}
.word-result-action-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.word-result-action-icon.recognise{color:var(--sage)}.word-result-action-icon.review{color:var(--plum)}.word-result-action-icon.save{color:var(--blue)}
.word-result-actions button.active .word-result-action-icon{color:#fff;filter:drop-shadow(0 4px 6px rgba(0,0,0,.18))}
.word-day-word-list button.active,.related-word-list button.active{background:var(--sage)!important;color:#fff!important;box-shadow:0 8px 20px rgba(49,89,66,.22)!important}
.word-day-word-list button.active>small,.related-word-list button.active small{color:rgba(255,255,255,.8)!important}
.word-bank-tools :is(a,button){min-height:145px;padding:22px;border:0;border-radius:18px;background:#fff;color:var(--ink);box-shadow:var(--soft-shadow);text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;text-align:left;font:inherit;cursor:pointer}
.word-bank-tools button:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(25,33,46,.13)}
.qa-dark-mode .word-bank-tools button{background:var(--qa-surface-raised);color:var(--qa-text-strong);box-shadow:0 12px 30px rgba(0,0,0,.34)}
.word-tool-panel{margin-top:18px;padding:25px 28px;border-radius:20px;background:#fff;box-shadow:var(--shadow)}
.word-tool-panel h2{margin:0;font:600 27px 'Playfair Display',serif}.word-tool-status{margin:6px 0 17px;color:var(--muted);font-size:13px}
.word-collection-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.word-collection-list button{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 12px;padding:13px 15px;border:0;border-radius:13px;background:#f5f5f3;color:var(--ink);text-align:left;cursor:pointer}.word-collection-list button>span{grid-row:1/3;min-width:48px;text-align:center;font:700 27px 'Noto Naskh Arabic',serif}.word-collection-list button strong{font:600 16px 'Playfair Display',serif;text-transform:capitalize}.word-collection-list button small{color:var(--muted);font-size:10px}.word-collection-list button:hover{background:#edf4ef}
.word-test-prompt{margin:20px 0 15px;text-align:center;font:700 48px/1.25 'Noto Naskh Arabic',serif}.word-test-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.word-test-options button{min-height:50px;border:0;border-radius:12px;background:#f4f4f2;color:var(--ink);font-weight:700;cursor:pointer}.word-test-options button.correct{background:var(--sage);color:#fff}.word-test-options button.incorrect{background:#a85f48;color:#fff}.qa-dark-mode .word-tool-panel{background:var(--qa-surface-raised);box-shadow:0 12px 30px rgba(0,0,0,.34)}.qa-dark-mode .word-collection-list button,.qa-dark-mode .word-test-options button{background:var(--qa-surface-soft);color:var(--qa-text-strong)}
.word-test-question{max-width:720px;margin:0 auto;text-align:center}.word-test-progress{margin:2px 0 0;color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.08em}.word-test-feedback{margin:17px 0 12px;font-size:14px;font-weight:700}.word-test-feedback.correct{color:var(--sage)}.word-test-feedback.incorrect{color:#a85f48}.word-test-next,.word-test-retry{min-height:48px;margin-top:2px;padding:0 20px;border:0;border-radius:12px;background:var(--ink);color:#fff;font-weight:700;cursor:pointer}.word-test-final{max-width:620px;margin:6px auto 0;padding:30px;text-align:center;border-radius:16px;background:#f7f7f5}.word-test-final h3{margin:0}.word-test-final p{margin:10px 0 20px;color:var(--muted)}.qa-dark-mode .word-test-final{background:var(--qa-surface-soft)}.qa-dark-mode .word-test-next,.qa-dark-mode .word-test-retry{background:var(--gold);color:#17191b}
.word-test-round{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.word-test-round-card{position:relative;padding:17px 18px 14px;border-radius:16px;background:#f9f9f7;box-shadow:inset 0 0 0 1px rgba(23,32,51,.07)}.word-test-round-number{position:absolute;top:12px;left:13px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#edf0ec;color:var(--sage);font-size:11px;font-weight:800}.word-test-round-arabic{margin:4px 0 2px;text-align:center;font:700 39px/1.1 'Noto Naskh Arabic',serif}.word-test-round-prompt{margin:2px 0 11px;text-align:center;color:var(--muted);font-size:11px}.word-test-round-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.word-test-round-options button{min-height:37px;border:1px solid rgba(23,32,51,.14);border-radius:9px;background:#fff;color:var(--ink);font-size:12px;font-weight:700;cursor:pointer}.word-test-round-options button.selected{border-color:var(--blue);background:#eef4fb;color:#315b93}.word-test-round-options button.correct{border-color:var(--sage);background:#e9f1eb;color:#2f6848}.word-test-round-options button.incorrect{border-color:#a85f48;background:#faece7;color:#8b432f}.word-test-round-result{display:block;margin-top:9px;text-align:center;font-size:11px;font-weight:800}.word-test-round-result.correct{color:var(--sage)}.word-test-round-result.incorrect{color:#a85f48}.word-test-round-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(23,32,51,.08)}.word-test-round-footer p{margin:0;color:var(--muted);font-size:11px}.word-test-check{min-width:205px;min-height:46px;border:0;border-radius:12px;background:var(--ink);color:#fff;font-weight:800;cursor:pointer}.word-test-check:disabled{opacity:.38;cursor:not-allowed}.qa-dark-mode .word-test-round-card{background:var(--qa-surface-soft);box-shadow:inset 0 0 0 1px rgba(244,242,236,.09)}.qa-dark-mode .word-test-round-options button{background:var(--qa-surface-raised);border-color:rgba(244,242,236,.16);color:var(--qa-text-strong)}.qa-dark-mode .word-test-round-options button.selected{background:#1e2c3c}.qa-dark-mode .word-test-round-footer{border-top-color:rgba(244,242,236,.09)}.qa-dark-mode .word-test-check{background:var(--gold);color:#17191b}
@media(max-width:760px){body.qa-word-test-active{overflow:hidden}.word-tool-panel.word-test-mobile-deck{position:fixed;z-index:9999;isolation:isolate;inset:10px 10px 12px;display:flex;flex-direction:column;overflow:visible;margin:0;padding:24px 20px 18px;border-radius:28px;background:#fafaf8;box-shadow:0 20px 60px rgba(17,24,32,.28)}.word-tool-panel.word-test-mobile-deck:after{content:'';position:absolute;z-index:-1;left:22px;right:22px;bottom:-14px;height:96px;border-radius:24px;background:#eef0ee;box-shadow:0 10px 24px rgba(25,33,46,.10)}.word-tool-panel.word-test-mobile-deck h2{text-align:center;font-size:30px}.word-tool-panel.word-test-mobile-deck .word-tool-status{text-align:center;font-size:12px}.word-test-mobile-deck .word-test-question{display:flex;flex:1;flex-direction:column;justify-content:center;width:100%;max-width:none;min-height:0}.word-test-mobile-deck .word-test-prompt{margin:13px 0 8px;font-size:64px}.word-test-mobile-deck .word-test-options{gap:9px}.word-test-mobile-deck .word-test-options button{min-height:54px;font-size:17px}.word-test-mobile-deck .word-test-swipe-hint{margin:15px 0 0;color:var(--muted);font-size:12px;font-weight:700}.word-test-mobile-deck .word-test-swipe-hint:after{content:'↑';display:block;margin-top:3px;color:var(--gold);font-size:18px}.word-test-close{position:absolute;top:14px;right:15px;width:38px;height:38px;border:0;border-radius:50%;background:#ececea;color:var(--ink);font-size:26px;line-height:1;cursor:pointer}.qa-dark-mode .word-tool-panel.word-test-mobile-deck{background:var(--qa-surface-raised)}.qa-dark-mode .word-test-mobile-deck:after{background:#151a1d}.qa-dark-mode .word-test-close{background:var(--qa-surface-soft);color:var(--qa-text-strong)}}
@media(max-width:760px){.word-test-round{grid-template-columns:1fr}.word-test-round-footer{align-items:stretch;flex-direction:column}.word-test-check{width:100%}}
.word-test-setup{max-width:760px;margin:18px auto 0}.word-test-setup-label{margin:20px 0 9px;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.word-test-source-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.word-test-source-options button,.word-test-level-options button{min-height:48px;border:1px solid rgba(23,32,51,.12);border-radius:12px;background:#f7f7f5;color:var(--ink);font-weight:800;cursor:pointer}.word-test-source-options button.selected{border-color:var(--blue);background:#edf4fb;color:#315b93}.word-test-selector{display:grid;grid-template-columns:auto minmax(190px,1fr);align-items:center;gap:16px;min-height:54px;margin-top:10px;padding:0 15px;border-radius:12px;background:#f7f7f5;color:var(--muted);font-size:13px;font-weight:700}.word-test-selector select{min-width:0;height:36px;padding:0 10px;border:1px solid rgba(23,32,51,.12);border-radius:8px;background:#fff;color:var(--ink);font:inherit}.word-test-level-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.word-test-level-options button{display:flex;flex-direction:column;justify-content:center;gap:2px}.word-test-level-options small{font-size:10px;font-weight:600}.word-test-level-options button.selected{border-color:var(--gold);background:#fff7e9;color:#b66b13}.word-test-begin{width:100%;min-height:52px;margin-top:20px;border:0;border-radius:13px;background:var(--ink);color:#fff;font-weight:800;cursor:pointer}.academy-word-bank-card{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:23px;margin-top:22px!important;padding:25px 30px;border-radius:21px;background:linear-gradient(118deg,#fff 10%,#f7faf8);box-shadow:var(--soft-shadow)}.academy-word-bank-icon{display:grid;place-items:center;width:70px;height:70px;border-radius:21px;background:var(--sage-soft);color:var(--sage);font:700 39px/1 'Noto Naskh Arabic',serif;box-shadow:0 10px 20px rgba(49,89,66,.12)}.academy-word-bank-card .qa-kicker{margin:0 0 5px}.academy-word-bank-card h2{margin:0;font-size:28px}.academy-word-bank-card p:not(.qa-kicker){margin:6px 0 0;color:var(--muted);font-size:14px}.academy-word-bank-link{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:0 17px;border-radius:12px;background:var(--ink);color:#fff;font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}.academy-word-bank-link span{font-size:20px}.qa-dark-mode .word-test-source-options button,.qa-dark-mode .word-test-level-options button,.qa-dark-mode .word-test-selector{background:var(--qa-surface-soft);border-color:rgba(244,242,236,.12);color:var(--qa-text-strong)}.qa-dark-mode .word-test-source-options button.selected{background:#1e2c3c}.qa-dark-mode .word-test-level-options button.selected{background:#302617;color:#e2a22e}.qa-dark-mode .word-test-selector select{background:var(--qa-surface-raised);border-color:rgba(244,242,236,.14);color:var(--qa-text-strong)}.qa-dark-mode .academy-word-bank-card{background:linear-gradient(118deg,var(--qa-surface-raised),#1b2820)}.qa-dark-mode .academy-word-bank-link{background:var(--gold);color:#17191b}@media(max-width:760px){.word-test-source-options,.word-test-level-options{grid-template-columns:1fr}.word-test-selector{grid-template-columns:1fr;gap:7px;padding:13px 15px}.academy-word-bank-card{grid-template-columns:56px minmax(0,1fr);gap:16px;padding:21px}.academy-word-bank-icon{width:56px;height:56px;border-radius:17px;font-size:32px}.academy-word-bank-card h2{font-size:23px}.academy-word-bank-link{grid-column:1/-1;justify-content:center;width:100%}}
.qa-dark-mode .word-route-selector{background:#223229;box-shadow:inset 0 0 0 1px rgba(124,173,142,.14)}
.qa-dark-mode .word-route-quran .word-route-selector{background:#202d3d;box-shadow:inset 0 0 0 1px rgba(143,178,223,.15)}
.qa-dark-mode .word-route-selector label,.qa-dark-mode .word-route-selector select{color:var(--qa-text-strong)}
.qa-dark-mode .word-route-selector select{background:var(--qa-surface-soft);box-shadow:0 5px 13px rgba(0,0,0,.22)}
.qa-dark-mode .word-result-context+.word-result-context{border-top-color:rgba(244,242,236,.12)}

.journey-check-arrow{cursor:pointer}
.journey-check-arrow:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:4px}
@media(max-width:760px){
	.word-route-selector{grid-template-columns:1fr auto;gap:7px;margin:18px 0 15px;padding:12px}.word-route-selector label{grid-column:1/-1;font-size:14px}.word-route-selector select{font-size:12px}
	.word-inline-results .word-result-card{grid-template-columns:1fr;gap:14px;padding:20px}.word-result-identity{grid-template-columns:92px minmax(0,1fr);gap:14px}.word-inline-results .word-result-arabic{text-align:center;font-size:41px}.word-inline-results .word-result-card h3{font-size:24px}.word-result-context strong{font-size:23px}.word-result-context span{font-size:12px}.word-inline-results .word-result-actions{grid-template-columns:1fr}.word-inline-results .word-result-actions button{min-height:49px;font-size:12px}.word-bank-tools :is(a,button){min-height:120px;padding:18px}.word-collection-list{grid-template-columns:1fr}.word-test-options{grid-template-columns:1fr}.word-tool-panel{padding:22px}
}

/* Approved weekly Word Bank hierarchy: welcome, word focus, continuation, then compact tools. */
.word-bank-page{display:flex;flex-direction:column;gap:0}
.word-bank-page>.word-bank-heading{order:1}.word-bank-page>.word-search-section{order:2}.word-bank-page>.word-bank-welcome{order:3}.word-bank-page>.word-of-day-card{order:4}.word-bank-page>.word-bank-continue{order:5}.word-bank-page>.word-explore-section{order:6}.word-bank-page>.word-bank-tools{order:7}.word-bank-page>.word-tool-panel{order:8}
.word-bank-welcome,.word-bank-continue{position:relative;display:flex;align-items:center;gap:22px;margin:0 0 22px;padding:24px 30px;border-radius:20px;background:linear-gradient(110deg,#f5f8f0,#fbfbf8);box-shadow:var(--soft-shadow);overflow:hidden}
.word-bank-welcome-mark{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--sage);font-size:32px;box-shadow:var(--soft-shadow)}
.word-bank-welcome h2,.word-bank-continue h2{margin:0;font:600 24px 'Playfair Display',serif;color:var(--sage)}
.word-bank-welcome p{margin:7px 0;color:var(--muted);font-size:14px}.word-bank-welcome small{color:var(--muted);font-size:11px}.word-bank-botanical{margin-left:auto;color:#a6c18f;font-size:95px;line-height:.5;transform:rotate(-18deg);opacity:.6}
.word-bank-continue{display:grid;grid-template-columns:1fr auto;align-items:center;background:linear-gradient(110deg,#f4f8f0,#fff);min-height:150px}.word-bank-continue .word-bank-kicker{margin:0 0 6px}.word-bank-continue h2{font-size:31px;color:var(--ink)}.word-bank-continue strong{display:block;color:var(--sage);font-size:14px}.word-bank-continue small{color:var(--muted);font-size:11px}.word-bank-progress{width:230px;height:6px;margin:12px 0 6px;border-radius:999px;background:#e6ebe5}.word-bank-progress i{display:block;height:100%;border-radius:inherit;background:var(--sage)}.word-bank-continue .qa-button{min-width:130px;text-align:center}.word-bank-route-links{grid-column:1/-1;display:flex;justify-content:center;gap:20px}.word-bank-browse{color:var(--sage);font-size:12px;font-weight:700;text-decoration:none}
.word-day-context{position:relative;isolation:isolate;background:linear-gradient(125deg,#fffaf0 0%,#f7ecdb 54%,#fff 100%);overflow:hidden}.word-day-context:after{content:'🏮';position:absolute;right:9%;bottom:10%;z-index:-1;font-size:116px;line-height:1;opacity:.22;filter:saturate(.6) sepia(.35);transform:rotate(-3deg)}
.word-card-collapsed{display:none;align-items:center;gap:18px;width:100%;padding:17px 22px;border:0;border-radius:18px;background:linear-gradient(110deg,#fffaf0,#fff);color:var(--ink);text-align:left;cursor:pointer}.word-card-collapsed .word-bank-kicker{margin:0;color:var(--gold);font-size:10px}.word-card-collapsed strong{font:700 32px/1 'Noto Naskh Arabic',serif}.word-card-collapsed>span:not(.word-bank-kicker){font:600 17px 'Playfair Display',serif}.word-card-collapsed i{margin-left:auto;color:var(--gold);font-style:normal;font-size:23px}.word-of-day-card.is-collapsed{display:block;padding:0;background:transparent;box-shadow:var(--soft-shadow)}.word-of-day-card.is-collapsed>:not(.word-card-collapsed){display:none}.word-of-day-card.is-collapsed .word-card-collapsed{display:flex}.qa-dark-mode .word-card-collapsed{background:linear-gradient(110deg,#2b241b,#20252a);color:var(--qa-text-strong)}
.qa-dark-mode .word-bank-welcome,.qa-dark-mode .word-bank-continue{background:linear-gradient(110deg,#1d2a22,#20252a);color:var(--qa-text-strong)}.qa-dark-mode .word-bank-welcome-mark{background:var(--qa-surface-raised)}
@media(max-width:760px){.word-bank-welcome{padding:20px;gap:14px}.word-bank-botanical{display:none}.word-bank-continue{grid-template-columns:1fr;padding:22px}.word-bank-continue .qa-button{justify-self:start}.word-bank-progress{width:180px}.word-bank-route-links{justify-content:flex-start;gap:14px;flex-wrap:wrap}}

/* Approved My Word Bank composition: compact navigation, measured header, and a single hero word card. */
.word-bank-page{max-width:1260px}
.word-bank-heading{align-items:start;margin-bottom:14px}
.word-bank-heading h1{font-size:clamp(38px,4vw,52px);letter-spacing:-.035em}
.word-bank-heading>div>p{font-size:14px;margin-top:12px}
.word-bank-count{min-width:250px;min-height:44px;padding:8px 0 10px 48px;position:relative;display:block;color:#64707e;background:linear-gradient(90deg,#f4f7f1,#fff);border-radius:12px}
.word-bank-count:before{content:'↗';position:absolute;left:0;top:2px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#edf3e8;color:#4b9650;font-size:23px;font-weight:700;box-shadow:0 6px 14px rgba(49,89,66,.12)}
.word-bank-count strong{display:inline;font:700 15px Inter,sans-serif;color:#6b5815}
.word-bank-count span{display:block;margin-top:2px;font-size:12px;color:#687384}
.word-search-section{margin:0 0 18px auto;width:min(305px,100%)}
.word-search-form{height:50px;padding:5px 11px 5px 16px;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(23,32,51,.08),0 8px 22px rgba(25,33,46,.05);grid-template-columns:22px minmax(0,1fr)}
.word-search-form input{height:38px;font-size:12px}.word-search-form button{display:none}.word-search-form svg{width:21px;height:21px}
.word-search-examples,.word-search-status,.word-search-results{display:none}
.word-bank-welcome{min-height:112px;margin-bottom:18px;padding:22px 28px;border-radius:16px;background:linear-gradient(105deg,#f5f8f0 0%,#fbfbf9 65%,#f4f1e9 100%);box-shadow:var(--soft-shadow)}
.word-bank-welcome-mark{width:47px;height:47px;flex-basis:47px;color:#62a04d;font-size:27px}
.word-bank-welcome h2{font-size:22px}.word-bank-welcome p{font-size:13px;margin:6px 0}.word-bank-welcome small{font-size:11px}.word-bank-botanical{width:180px;height:90px;margin-left:auto;font-size:0;opacity:.65;background:radial-gradient(ellipse at 72% 45%,rgba(156,183,123,.55),transparent 34%),linear-gradient(125deg,transparent 43%,rgba(164,190,137,.65) 44% 46%,transparent 47%);clip-path:polygon(48% 100%,52% 0,57% 0,53% 100%,100% 100%,100% 0,94% 0,95% 100%,0 100%,0 80%,48% 80%)}
.word-of-day-card{grid-template-columns:.85fr 1.15fr;margin-bottom:18px;border-radius:16px;box-shadow:0 10px 24px rgba(25,33,46,.1)}
.word-day-main{min-height:260px;padding:28px 34px}.word-day-context{min-height:260px;padding:28px 34px}.word-day-context:after{content:'';right:7%;bottom:5%;width:130px;height:155px;opacity:.7;background:radial-gradient(circle at 50% 55%,rgba(216,158,72,.3),transparent 39%),linear-gradient(90deg,transparent 34%,#bb8339 35% 65%,transparent 66%);clip-path:polygon(38% 0,62% 0,70% 8%,66% 15%,79% 19%,86% 31%,86% 76%,98% 89%,85% 95%,15% 95%,2% 89%,14% 76%,14% 31%,21% 19%,34% 15%,30% 8%)}
.word-day-context>p{font-size:42px}.word-day-actions{padding:12px 16px;gap:10px}.word-day-actions button{min-height:44px;font-size:11px;border-radius:10px}
.word-day-context:after{display:none}
.word-lantern-art{position:absolute;right:7%;bottom:18px;width:82px;height:112px;border:3px solid rgba(176,124,54,.72);border-top:0;border-radius:5px 5px 18px 18px;opacity:.62;transform:scale(.86);filter:drop-shadow(0 10px 15px rgba(174,126,62,.22))}
.word-lantern-art:before{content:"";position:absolute;left:13px;right:13px;top:-13px;height:16px;border:3px solid rgba(176,124,54,.72);border-bottom:0;border-radius:50% 50% 0 0}
.word-lantern-art:after{content:"";position:absolute;left:50%;top:-31px;width:3px;height:20px;background:rgba(176,124,54,.72);transform:translateX(-50%)}
.word-lantern-art b{position:absolute;inset:18px 13px 14px;border:2px solid rgba(176,124,54,.5);border-radius:5px;background:radial-gradient(circle at 50% 54%,rgba(220,172,83,.48),rgba(220,172,83,.08) 46%,transparent 48%)}
.word-lantern-art em{position:absolute;left:50%;bottom:-12px;width:60px;height:11px;background:rgba(176,124,54,.55);border-radius:50%;transform:translateX(-50%);font-style:normal}
.word-bank-continue{min-height:150px;margin-bottom:18px;padding:22px 28px;border-radius:16px}.word-bank-continue h2{font-size:30px}.word-bank-continue strong{font-size:12px}
.word-bank-tools{grid-template-columns:1fr 1fr;margin-top:0}.word-bank-tools :is(a,button){min-height:112px;padding:16px}.word-bank-tools .test-words{min-height:112px}
.qa-nav-dot{width:5px;height:5px;border-radius:50%;background:#e6a22c;margin-left:auto}
body:has(.word-bank-page) .qa-sidebar{width:175px;padding-left:12px;padding-right:12px}
body:has(.word-bank-page) .qa-main{margin-left:175px}
body:has(.word-bank-page) .qa-side-nav{margin-top:72px;gap:8px}
body:has(.word-bank-page) .qa-side-nav a{padding:13px 12px;gap:10px;font-size:12px}
body:has(.word-bank-page) .qa-side-nav a span{font-size:18px}
/* The compact Word Bank sidebar must scale the logo container—not only the image.
   That removes the accidental white halo caused by an oversized transparent box. */
body:has(.word-bank-page) .qa100-brand-logo--sidebar{width:105px;height:105px}
body:has(.word-bank-page) .qa-brand img{max-width:none}
body:has(.word-bank-page) .qa-sidebar-note{font-size:11px;margin-left:10px}

/* Match the approved Word Bank composition: welcome, Today’s Word, then learning tools. */
.word-bank-page{display:flex;flex-direction:column}
.word-bank-page>.word-bank-heading{order:1}
.word-bank-page>.word-search-section{order:2}
.word-bank-page>.word-bank-welcome{order:3}
.word-bank-page>.word-of-day-card{order:4}
.word-bank-page>.word-bank-continue{order:5}
.word-bank-page>.word-explore-section{order:6}
.word-bank-page>.word-bank-tools{order:7}
.word-bank-page>.word-tool-panel{order:8}
.word-bank-count{min-width:276px;padding:5px 0 11px 48px;background:transparent;box-shadow:none}
.word-bank-count strong{display:block;font:700 12px/1.2 Inter,sans-serif;color:#725817;letter-spacing:.01em}
.word-bank-count span{display:block;margin-top:4px;color:#536172;font-size:12px}
.word-bank-count i{display:block;height:6px;margin-top:9px;border-radius:99px;background:#e9ece9;overflow:hidden}
.word-bank-count i b{display:block;height:100%;border-radius:inherit;background:#4b9650}
.word-bank-count em{display:none}
.word-bank-welcome{background:linear-gradient(105deg,#f4f8ee 0%,#fbfcf9 62%,#f1f4ea 100%);min-height:112px}
.word-bank-botanical{opacity:.9;transform:scale(1.2);transform-origin:right center}
.word-of-day-card{margin-top:0}
@media(max-width:760px){.word-bank-count{display:none}.word-bank-page>.word-search-section{order:2}.word-bank-page>.word-bank-welcome{order:3}.word-bank-page>.word-of-day-card{order:4}.word-bank-page>.word-bank-continue{order:5}}

/* Reference refinement: Today’s Word is one continuous hero card, with the motif woven into its context. */
.word-of-day-card{position:relative;overflow:hidden;background:linear-gradient(110deg,#fff 0%,#fff 42%,#fdf9f2 66%,#f7eddd 100%);box-shadow:0 12px 28px rgba(38,45,49,.12)}
.word-of-day-card .word-day-main,.word-of-day-card .word-day-context{background:transparent;border:0}
.word-of-day-card .word-day-context{position:relative;z-index:1}
.word-of-day-card .word-day-context:before{content:"";position:absolute;z-index:-1;right:-15px;top:0;bottom:0;width:48%;opacity:.55;background:radial-gradient(ellipse at 70% 40%,rgba(239,217,186,.58),transparent 58%);pointer-events:none}
.word-lantern-art{right:11%;bottom:17px;width:68px;height:102px;opacity:.72;transform:scale(1);border-color:rgba(166,117,55,.7);filter:drop-shadow(0 12px 18px rgba(174,126,62,.22))}
.word-lantern-art b{background:radial-gradient(circle at 50% 54%,rgba(226,173,75,.62),rgba(226,173,75,.1) 46%,transparent 48%)}
.word-of-day-card .word-day-actions{position:relative;z-index:2;background:rgba(255,255,255,.65);border-top:1px solid rgba(177,139,88,.14)}
.word-bank-continue{position:relative;overflow:hidden;background:linear-gradient(105deg,#f4f8f0,#fbfcf8 60%,#edf4e9)}
.word-bank-continue:after{content:"DAY";position:absolute;right:18%;bottom:-20px;width:150px;height:128px;padding-top:15px;border:3px solid rgba(72,108,67,.25);border-radius:10px 10px 24px 24px;color:rgba(51,91,51,.42);font:700 16px/1 Inter,sans-serif;text-align:center;box-shadow:inset 0 18px 0 rgba(255,255,255,.3);transform:rotate(4deg);pointer-events:none}
.word-bank-continue:before{content:"";position:absolute;right:13%;bottom:10px;width:100px;height:50px;border-bottom:3px solid rgba(72,108,67,.22);border-radius:50%;transform:rotate(-8deg);pointer-events:none}
.word-bank-continue>*{position:relative;z-index:1}
.continue-leaf{display:inline-grid;place-items:center;float:left;width:42px;height:42px;margin:2px 14px 0 0;border-radius:50%;background:#fff;color:#5a9b4f;font-size:24px;box-shadow:0 7px 14px rgba(49,89,66,.12)}
.word-explore-section{margin-top:0;padding:0;background:transparent;box-shadow:none}
.word-explore-heading{margin-bottom:12px}.word-explore-heading>div>p{margin-bottom:4px}.word-explore-heading h2{font-size:25px}
.word-route-card{min-height:150px;padding:18px 20px;border-radius:16px;box-shadow:0 8px 20px rgba(25,33,46,.08)}
@media(min-width:761px){.word-explore-routes{grid-template-columns:1fr 1fr;gap:14px}}
@media(max-width:760px){.word-of-day-card{background:linear-gradient(180deg,#fff 0%,#fff 45%,#fbf1df 100%)}.word-of-day-card .word-day-context:before{width:100%;top:0;height:100%;background:linear-gradient(180deg,transparent,rgba(239,217,186,.36))}.word-bank-continue:after{right:8%;opacity:.55}.word-explore-heading h2{font-size:24px}}

/* Compact reference panels for Explore More and Your Practice. */
.word-explore-section>.word-explore-routes{display:none}
.word-explore-section.is-exploring>.word-explore-routes{display:block;margin-top:12px}
.word-explore-section.is-exploring .word-route-card{display:none;margin:0;padding:18px 20px;border-radius:16px;box-shadow:0 8px 22px rgba(25,33,46,.07)}
.word-explore-section.is-exploring.is-exploring-day .word-route-journey,.word-explore-section.is-exploring.is-exploring-surah .word-route-quran{display:block}
.word-explore-reference-list{display:grid;gap:7px;padding:8px 12px 12px;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(25,33,46,.07)}
.word-explore-reference-list a{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:12px;padding:10px 12px;border-radius:12px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 2px 10px rgba(25,33,46,.04)}
.word-explore-reference-list a:hover{background:#f7faf8}.word-explore-reference-list a>span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#f1f5f7;color:#1663b7;font-size:27px}.word-explore-reference-list strong{font-size:14px}.word-explore-reference-list small{color:var(--muted);font-size:11px}.word-explore-reference-list b{grid-column:3;grid-row:1/3;font-size:28px;font-weight:400}
.word-explore-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.word-explore-choice{min-height:126px;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;padding:20px;border:1px solid rgba(23,32,51,.08);border-radius:16px;background:#fff;color:var(--ink);box-shadow:0 8px 20px rgba(25,33,46,.07);text-decoration:none;transition:transform var(--qa-motion-fast,.18s) var(--qa-motion-press,ease),box-shadow var(--qa-motion-standard,.26s) ease,border-color var(--qa-motion-standard,.26s) ease}.word-explore-choice:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(25,33,46,.12)}.word-explore-choice-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#edf2f8;color:#274e80}.word-explore-choice-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.word-explore-choice-day .word-explore-choice-icon{background:#edf4ed;color:#4f9442;font-size:26px}.word-explore-choice>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:4px}.word-explore-choice strong{font:600 20px/1.15 'Playfair Display',serif}.word-explore-choice small{color:var(--text-subtle);font-size:11px;line-height:1.4}.word-explore-choice>b{font-size:29px;font-weight:400}.qa-dark-mode .word-explore-choice{border-color:rgba(244,242,236,.1);background:var(--qa-surface-raised);color:var(--qa-text-strong);box-shadow:0 8px 20px rgba(0,0,0,.25)}.qa-dark-mode .word-explore-choice-icon{background:#202d3d;color:#8fb2df}.qa-dark-mode .word-explore-choice-day .word-explore-choice-icon{background:#223229;color:#a7d79d}
.word-bank-tools{position:relative;margin-top:18px;padding:35px 14px 14px;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(25,33,46,.07)}
.word-bank-tools:before{content:'YOUR PRACTICE';position:absolute;left:18px;top:15px;color:var(--sage);font-size:11px;font-weight:800;letter-spacing:.08em}
.word-bank-tools :is(a,button){min-height:110px}
@media(max-width:760px){.word-explore-reference-list{padding:7px}.word-bank-tools{grid-template-columns:repeat(2,1fr);padding-top:34px}}
@media(max-width:760px){.word-explore-choice-grid{grid-template-columns:1fr}.word-explore-choice{min-height:108px;padding:17px}.word-explore-choice strong{font-size:19px}}

/* The two explorers unfold below Explore More as quiet paper panels. */
.word-explore-section.is-exploring>.word-explore-routes{margin-top:10px}
.word-explore-section.is-exploring .word-route-card{padding:0;overflow:hidden;border:1px solid rgba(35,45,58,.11);border-radius:15px;background:#fcfbf8;box-shadow:0 5px 15px rgba(25,33,46,.05);animation:qa-word-route-in .32s ease-out}
.word-route-paper-head{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(142px,190px);align-items:center;gap:12px;padding:15px 18px 13px}
.word-route-paper-head .word-route-icon{width:40px;height:40px;flex-basis:40px;border-radius:50%;font-size:20px;box-shadow:none}
.word-route-paper-head .word-route-icon svg{width:23px;height:23px}
.word-route-paper-head>div p{margin:0 0 2px;color:#5b7862;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.word-route-quran .word-route-paper-head>div p{color:#486b9d}
.word-route-paper-head h3{margin:0;color:var(--ink);font:600 19px/1.2 'Playfair Display',serif}
.word-route-paper-head .word-route-selector{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0;margin:0;padding:0;background:transparent;box-shadow:none}
.word-route-paper-head .word-route-selector select{padding:8px 25px 8px 10px;border:1px solid rgba(35,45,58,.13);border-radius:8px;background:#fff;box-shadow:none;font-size:11px}
.word-route-paper-head .word-route-selector>span{margin-left:-26px;align-self:center;font-size:14px}
.word-route-paper-body{padding:12px 18px 15px;border-top:1px solid rgba(35,45,58,.09);background:linear-gradient(90deg,rgba(236,244,236,.36),transparent 65%)}
.word-route-quran .word-route-paper-body{background:linear-gradient(90deg,rgba(235,241,249,.62),transparent 65%)}
.word-route-paper-label{display:flex;align-items:baseline;justify-content:space-between;gap:15px}
.word-route-paper-label strong{font-size:12px}
.word-route-paper-label small{color:var(--text-subtle);font-size:9px}
.word-route-paper-body .word-day-word-list{margin-top:9px;padding-bottom:2px}
.word-route-paper-body .word-day-word-list button{min-width:88px;padding:6px 9px;border:1px solid rgba(35,45,58,.08);border-radius:8px;box-shadow:none}
.word-route-paper-body .word-day-word-list button span{font-size:21px}
.surah-route-body{display:flex;align-items:center;justify-content:space-between;gap:20px}
.surah-route-body p{margin:0;color:var(--text-body);font-size:12px;line-height:1.45}
.surah-route-body small{flex:0 0 auto;color:var(--text-subtle);font-size:10px}.surah-route-body small span{margin-right:5px;color:#315942;font-weight:800}
.qa-dark-mode .word-explore-section.is-exploring .word-route-card{border-color:rgba(244,242,236,.11);background:var(--qa-surface-raised);box-shadow:0 5px 16px rgba(0,0,0,.19)}
.qa-dark-mode .word-route-paper-head .word-route-selector{background:transparent}.qa-dark-mode .word-route-paper-head .word-route-selector select{border-color:rgba(244,242,236,.14);background:var(--qa-surface-soft);color:var(--qa-text-strong)}
.qa-dark-mode .word-route-paper-body{border-top-color:rgba(244,242,236,.08);background:linear-gradient(90deg,rgba(84,123,101,.12),transparent 65%)}.qa-dark-mode .word-route-quran .word-route-paper-body{background:linear-gradient(90deg,rgba(70,103,145,.15),transparent 65%)}
.qa-dark-mode .word-explore-reference-list{background:var(--qa-surface-raised);box-shadow:0 8px 22px rgba(0,0,0,.28)}
.qa-dark-mode .word-explore-reference-list a{background:var(--qa-surface-soft);color:var(--qa-text-strong);box-shadow:0 2px 10px rgba(0,0,0,.16)}
.qa-dark-mode .word-explore-reference-list a:hover{background:#30383d}.qa-dark-mode .word-explore-reference-list a>span{background:#30383d;color:var(--qa-text-strong)}.qa-dark-mode .word-explore-reference-list small{color:var(--qa-text-muted)}
@keyframes qa-word-route-in{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.word-route-paper-head{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:14px}.word-route-paper-head .word-route-selector{grid-column:1/-1;margin-top:4px}.word-route-paper-body{padding:12px 14px 14px}.word-route-paper-label{display:block}.word-route-paper-label small{display:block;margin-top:2px}.surah-route-body{display:block}.surah-route-body small{display:block;margin-top:8px}}

/* Actions float inside Today’s Word instead of forming a separate lower band. */
.word-of-day-card{padding-bottom:82px}
.word-of-day-card .word-day-actions{position:absolute;left:16px;right:16px;bottom:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;gap:10px;background:transparent;border-top:0;box-shadow:none}
.word-of-day-card .word-day-actions button{min-height:44px;background:rgba(255,255,255,.9);box-shadow:0 7px 18px rgba(25,33,46,.1);backdrop-filter:blur(5px)}
.word-of-day-card .word-day-actions .recognise.active{background:var(--sage);color:#fff}.word-of-day-card .word-day-actions .review.active{background:var(--plum);color:#fff}.word-of-day-card .word-day-actions .word-save.active{background:var(--ink);color:#fff}
.qa-dark-mode .word-of-day-card .word-day-actions button{background:#30383d;color:var(--qa-text-strong);box-shadow:0 7px 18px rgba(0,0,0,.28)}
.word-of-day-card.is-collapsed{padding-bottom:0}
@media(max-width:760px){.word-of-day-card{padding-bottom:138px}.word-of-day-card .word-day-actions{grid-template-columns:1fr 1fr;bottom:14px}.word-of-day-card .word-day-actions .word-save{grid-column:1/-1}.word-of-day-card.is-collapsed{padding-bottom:0}}
@media(min-width:761px){.word-bank-heading{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.word-bank-count{grid-column:2;grid-row:1}.word-search-section{margin-top:0;margin-right:0;clear:both}.word-bank-welcome{grid-column:1/-1}}
@media(max-width:760px){.word-bank-heading{display:block}.word-bank-count{display:none}.word-search-section{width:100%;margin:0 0 18px}.word-bank-welcome{min-height:100px;padding:18px}.word-bank-botanical{display:none}.word-of-day-card{grid-template-columns:1fr}.word-day-context{min-height:190px}.word-bank-continue{grid-template-columns:1fr}.word-bank-continue .qa-button{justify-self:start}}

@media(max-width:760px){.word-result-contexts{grid-template-columns:1fr}.surah-selector{align-items:flex-start;flex-direction:column;gap:6px}.surah-selector select{width:100%}}
@media(max-width:1180px){
	.word-explore-routes{grid-template-columns:1fr}
}
@media(max-width:760px){
	.word-explore-heading{display:block;margin-bottom:14px}
	.word-explore-heading>span{display:block;margin-top:7px}
	.word-explore-heading h2{font-size:30px}
	.word-route-card{padding:21px}
	.word-route-card h3{font-size:23px}
	.word-route-icon{width:50px;height:50px;flex-basis:50px;border-radius:15px}
	.word-day-selector{gap:7px;margin:19px 0 15px}
	.word-day-selector a{width:52px;height:52px}
	.word-day-collection>div:first-child{display:block}
	.word-day-collection>div:first-child>small{display:block;margin-top:3px}
	.surah-preview{padding:15px;gap:10px}
	.surah-preview>span{min-width:88px;font-size:25px}
	.word-of-day-card .related-words-inline{padding:22px}
	.related-words-inline header>span{display:block;margin-top:4px}
}

.word-bank-tools .test-words strong{margin:0;font-size:16px}
.qa-dark-mode .word-day-actions button>span[aria-hidden=true],.qa-dark-mode .word-bank-tools a>span{filter:drop-shadow(0 6px 8px rgba(0,0,0,.42))}
.qa-dark-mode .word-bank-tools .review-words{background:linear-gradient(145deg,var(--qa-surface-raised) 55%,#251d29)}.qa-dark-mode .word-bank-tools .saved-words{background:linear-gradient(145deg,var(--qa-surface-raised) 55%,#202c3d)}.qa-dark-mode .word-bank-tools .memory-words{background:linear-gradient(145deg,var(--qa-surface-raised) 55%,#1d2a22)}.qa-dark-mode .word-bank-tools .test-words{background:linear-gradient(145deg,var(--qa-surface-raised) 55%,#30221e)}

/* User-editable colour layer. Functional learning-state colours stay protected. */
body:not(.qa-dark-mode),body:not(.qa-dark-mode) .qa-main,body:not(.qa-dark-mode) .qa-academy-main,body:not(.qa-dark-mode) .qa-lesson-main,body:not(.qa-dark-mode) .lesson-workspace{background-color:var(--qa-custom-page,#fff)}
body:not(.qa-dark-mode) :where(.dashboard-card,.highlight-card,.promise-card,.pillars-parent,.academy-journey,.lesson-card,.account-card,.personal-reference-card,.word-route-card,.word-of-day-card,.related-words-section,.word-bank-tools a,.word-result-card,.word-bank-empty){background-color:var(--qa-custom-card,#fff)}
body:not(.qa-dark-mode) :where(.qa-sidebar,.academy-topbar,.topbar,.lesson-sidebar,.lesson-topbar){background-color:var(--qa-custom-navigation,#fff)}
body:not(.qa-dark-mode) :where(.qa-button.primary,.word-search-form button){background-color:var(--qa-custom-button,#172033);color:var(--qa-custom-button-text,#fff)}
body:not(.qa-dark-mode) :where(.qa-eyebrow,.qa-kicker,.word-bank-kicker,.word-explore-heading>div>p,.related-words-inline header>div>p,.text-link,.reference-open){color:var(--qa-custom-accent,#b66b13)}
body:not(.qa-dark-mode) :where(.word-arabic,.word-result-arabic,.word-day-word-list button>span,.related-word-list button>span){color:var(--qa-word-arabic,#172033)}
body:not(.qa-dark-mode) :where(.word-day-main h2,.word-result-card h3,.word-day-word-list button>small,.related-word-list button>strong){color:var(--qa-word-meaning,#34383e)}
body:not(.qa-dark-mode) :where(.word-day-word-list button.active>span,.word-day-word-list button.active>small,.related-word-list button.active>span,.related-word-list button.active>strong){color:#fff!important}
body:not(.qa-dark-mode) .word-transliteration{color:var(--qa-word-transliteration,#6e737c)}
body:not(.qa-dark-mode) .word-day-context>p{color:var(--qa-word-context,#172033)}
body:not(.qa-dark-mode) :where(.word-bank-kicker,.word-day-context>span,.word-explore-heading>div>p,.related-words-inline header>div>p){color:var(--qa-word-label,#b66b13)}
.qa-dark-mode .memory-digital-motif{opacity:.16}
@media(max-width:760px){.word-day-main{min-height:190px;padding:22px 24px}.word-day-context{padding:22px 24px}.word-day-actions{grid-template-columns:1fr;gap:7px}.word-day-actions .word-save{grid-column:auto}.word-bank-tools a,.word-bank-tools .test-words{min-height:102px;padding:14px}.word-bank-tools strong,.word-bank-tools .test-words strong{font-size:15px}}

/* QA100 Motion System: calm continuity, clear feedback and no decorative noise. */
:root{
	--qa-motion-fast:180ms;
	--qa-motion-standard:260ms;
	--qa-motion-expand:420ms;
	--qa-motion-ease:cubic-bezier(.22,1,.36,1);
	--qa-motion-press:cubic-bezier(.2,.8,.2,1)
}
@keyframes qa-motion-enter{from{opacity:0;transform:translate3d(0,12px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes qa-motion-pop{from{opacity:0;transform:translate3d(0,8px,0) scale(.985)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes qa-motion-progress{from{filter:saturate(.75);transform:scale(.94)}to{filter:saturate(1);transform:scale(1)}}
.qa-motion-enabled .qa-motion-page-item{opacity:0;transform:translate3d(0,12px,0)}
.qa-motion-enabled.qa-motion-ready .qa-motion-page-item{animation:qa-motion-enter var(--qa-motion-expand) var(--qa-motion-ease) both;animation-delay:calc(var(--qa-motion-order,0) * 42ms)}
.qa-motion-enabled .lesson-page-content>.lesson-identity.qa-motion-page-item{transform:translate3d(0,8px,0)}
.qa-motion-enabled .lesson-page-content>:is(section,aside,footer).qa-motion-page-item{transform:translate3d(0,14px,0)}
.qa-motion-reveal{opacity:0;transform:translate3d(0,8px,0) scale(.985)}
.qa-motion-reveal.qa-motion-visible{opacity:1;transform:translate3d(0,0,0) scale(1);transition:opacity var(--qa-motion-standard) ease,transform var(--qa-motion-expand) var(--qa-motion-ease)}
.word-inline-results:not([hidden]),.word-search-results:not([hidden]){animation:qa-motion-enter var(--qa-motion-standard) var(--qa-motion-ease) both}
details[open]>:not(summary){animation:qa-motion-enter var(--qa-motion-standard) var(--qa-motion-ease) both}
.dialog-card,.qa-profile-dropdown{transform-origin:var(--qa-motion-origin,center top)}
.dialog:not([hidden]) .dialog-card,.qa-profile-dropdown:not([hidden]){animation:qa-motion-pop var(--qa-motion-standard) var(--qa-motion-ease) both}
:where(.qa-button,.qa-theme-toggle,.profile-orb,.qa-profile-trigger,.practice-expand,.stage-reveal,.collapse-stage,.stage-tab,.journey-step .step-circle,.day-node,button[data-word-query],button[data-word-action],.word-bank-tools a,.hub-tool,.learning-tool,.checkin-practice-card>a,.checkin-review-card>a){transition:transform var(--qa-motion-fast) var(--qa-motion-press),box-shadow var(--qa-motion-standard) ease,background-color var(--qa-motion-standard) ease,color var(--qa-motion-standard) ease,border-color var(--qa-motion-standard) ease,opacity var(--qa-motion-fast) ease}
:where(.journey-step .step-circle,.day-node,.day-ring){transform-origin:center;will-change:transform}
.journey-just-updated :where(.journey-step.current .step-circle,.journey-step.completed .step-circle){animation:qa-motion-progress var(--qa-motion-expand) var(--qa-motion-ease) both}
.journey-step:before,.journey-step:after,.stage-milestone:before{transition:background-color var(--qa-motion-expand) ease,box-shadow var(--qa-motion-expand) ease,opacity var(--qa-motion-standard) ease}
.practice-window,.stage-map-viewport,.academy-proof-detail{transition:max-height var(--qa-motion-expand) var(--qa-motion-ease),opacity var(--qa-motion-standard) ease,transform var(--qa-motion-expand) var(--qa-motion-ease)}
:where(button,.qa-button,.word-bank-tools a,.hub-tool,.learning-tool):active{transform:translateY(1px) scale(.985);transition-duration:80ms}
@media(hover:hover) and (pointer:fine){
	:where(.qa-button,.word-bank-tools a,.hub-tool,.learning-tool,button[data-word-query],.stage-tab):hover{transform:translateY(-2px)}
	:where(button[data-word-query],.stage-tab,.word-bank-tools a,.hub-tool):hover{box-shadow:0 14px 30px rgba(25,33,46,.13)}
	.qa-dark-mode :where(button[data-word-query],.stage-tab,.word-bank-tools a,.hub-tool):hover{box-shadow:0 16px 32px rgba(0,0,0,.35)}
}
@media(max-width:760px){
	:root{--qa-motion-fast:150ms;--qa-motion-standard:220ms;--qa-motion-expand:340ms}
	.qa-motion-enabled.qa-motion-ready .qa-motion-page-item{animation-delay:calc(var(--qa-motion-order,0) * 25ms)}
}
@media(prefers-reduced-motion:reduce){
	html:focus-within{scroll-behavior:auto!important}
	*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0ms!important}
	.qa-motion-page-item,.qa-motion-reveal{opacity:1!important;transform:none!important}
}

/* Academy hero final hierarchy: proof first, pillars second, analysis third. */
.academy-method-hero{display:flex;flex-direction:column;gap:0;max-width:1160px;margin:0 auto 34px;padding:46px 12px 18px;text-align:center}
.academy-method-hero .academy-method-cta{min-width:260px;margin:0 auto;background:#1a1a1a;color:#fff;box-shadow:0 10px 25px rgba(17,17,17,.18)}
@media(max-width:1050px){.academy-method-hero{display:flex;padding:40px 10px 16px}.academy-method-intro{display:block}.academy-method-intro h1{max-width:none}}
@media(max-width:760px){.academy-method-hero{display:flex;padding:32px 0 10px}.academy-method-intro h1{font-size:44px}.academy-verse-carousel{height:385px;margin-top:30px;overflow:hidden;width:calc(100% + 28px)}.academy-verse-card--active{width:78%;min-width:0;padding:26px 21px 22px}.academy-verse-card--side{width:42%;min-height:245px;padding:24px 10px}.academy-verse-card--previous{left:-21%}.academy-verse-card--next{right:-21%}.academy-verse-card--side .academy-verse-translation{font-size:11px}.academy-verse-card--side .academy-verse-arabic{font-size:18px}.academy-verse-translation{font-size:18px}.verse-carousel-prev{left:18px}.verse-carousel-next{right:18px}.academy-method-pillars{gap:10px;margin:20px auto 30px}.method-pillar{min-height:100px;padding:12px 9px;display:flex;flex-direction:column;justify-content:center;text-align:center}.method-pillar>span{width:32px;height:32px;font-size:16px}.method-pillar strong{margin-top:6px;font-size:20px}.method-pillar small{font-size:10px}.academy-method-analysis{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:18px}.analysis-step{flex:0 0 78%;min-height:210px;scroll-snap-align:center}.analysis-step:not(:last-child):after{display:none}.analysis-step--notice .analysis-arabic{font-size:29px}.academy-learning-example{font-size:11px}.academy-method-hero .academy-method-cta{width:100%}}
.analysis-diacritic .analysis-role{position:absolute;z-index:3;top:37px;bottom:auto;left:50%;right:auto;transform:translateX(-50%);padding:6px 11px;white-space:nowrap;background:#fff;font:600 12px Inter,sans-serif;box-shadow:0 5px 12px rgba(25,33,46,.1)}.analysis-diacritic .analysis-role:before{content:"";position:absolute;left:50%;bottom:100%;width:1.5px;height:28px}.analysis-diacritic .analysis-role:after{content:"";position:absolute;left:calc(50% - 3px);bottom:calc(100% + 24px);width:7px;height:7px;transform:rotate(45deg);background:#fff}.analysis-diacritic--doer .analysis-role{color:#4b7b5b;border:1px solid #a7cbb0}.analysis-diacritic--doer .analysis-role:before{background:#5c9671}.analysis-diacritic--doer .analysis-role:after{border-top:1.5px solid #5c9671;border-left:1.5px solid #5c9671}.analysis-diacritic--receiver .analysis-role{color:#b66d11;border:1px solid #edc78c}.analysis-diacritic--receiver .analysis-role:before{background:#d28b22}.analysis-diacritic--receiver .analysis-role:after{border-top:1.5px solid #d28b22;border-left:1.5px solid #d28b22}

/* Academy hero polish: the active proof card floats, the side cards recede, and role arrows begin at the exact marked ending. */
.academy-verse-card{transition:transform 520ms var(--qa-motion-ease,cubic-bezier(.22,1,.36,1)),opacity 380ms ease,filter 520ms ease,box-shadow 520ms ease}
.academy-verse-card--active{box-shadow:0 25px 54px rgba(25,33,46,.19),0 6px 16px rgba(25,33,46,.1);filter:none;transform:translateY(-8px)}
.academy-verse-card--side{background:#eff0ee;box-shadow:0 14px 34px rgba(25,33,46,.16);filter:brightness(.88) saturate(.78)}
.academy-verse-card--previous{transform:translateX(4%) rotate(-1deg) scale(.95)}
.academy-verse-card--next{transform:translateX(-4%) rotate(1deg) scale(.95)}
.academy-verse-carousel.is-rotating .academy-verse-card{pointer-events:none}
.analysis-step--notice{min-height:258px}
.analysis-diacritic{display:inline-block;min-width:.17em;text-align:center}
.analysis-diacritic:after{width:.8em;height:.8em;top:35%;border-width:1.6px}
.analysis-diacritic .analysis-role{font-size:11px}
.analysis-diacritic--doer .analysis-role{top:-67px;bottom:auto}
.analysis-diacritic--doer .analysis-role:before{top:100%;bottom:auto;height:39px}
.analysis-diacritic--doer .analysis-role:after{top:calc(100% + 34px);bottom:auto;transform:rotate(225deg)}
.analysis-diacritic--receiver .analysis-role{top:42px;bottom:auto}
.analysis-diacritic--receiver .analysis-role:before{top:auto;bottom:100%;height:33px}
.analysis-diacritic--receiver .analysis-role:after{top:auto;bottom:calc(100% + 29px);transform:rotate(45deg)}
.analysis-connect-words{position:relative;display:flex;gap:9px;align-items:center;justify-content:center;margin-top:38px;padding-top:40px;color:var(--ink);font:600 clamp(21px,2.1vw,30px)/1.5 'Noto Naskh Arabic',serif;white-space:nowrap}
.analysis-connect-words>span{position:relative;z-index:2;padding:4px 8px;border-radius:8px;background:#fff}.analysis-connect-words>span:nth-child(1){box-shadow:inset 0 0 0 1px #bdd2e6}.analysis-connect-words>span:nth-child(2){box-shadow:inset 0 0 0 1px #a7cbb0}.analysis-connect-words>span:nth-child(3){box-shadow:inset 0 0 0 1px #edc78c}
.analysis-connect-arcs{position:absolute;z-index:1;top:0;left:50%;width:min(100%,300px);height:74px;overflow:visible;transform:translateX(-50%)}.analysis-connect-arcs path{fill:none;stroke-width:1.7}.analysis-connect-arcs path:first-of-type{stroke:#5c9671}.analysis-connect-arcs path:last-of-type{stroke:#d28b22}
@media(max-width:760px){.academy-verse-card--active{transform:translateY(-5px)}.analysis-step--notice{min-height:246px}.analysis-connect-words{font-size:27px}}

/* The carousel depth comes from elevation, not tinted side cards. */
.academy-method-pillars{margin:34px auto 8px}
.academy-verse-carousel{margin-top:28px}
.academy-verse-card--side{background:#fff;filter:none;box-shadow:0 13px 27px rgba(25,33,46,.11)}
.academy-verse-card--active{box-shadow:0 32px 68px rgba(25,33,46,.24),0 11px 25px rgba(25,33,46,.14)}
@media(max-width:760px){.academy-method-pillars{margin:24px auto 4px}.academy-verse-carousel{margin-top:24px}.verse-carousel-arrow{display:none}}

/* Hand-drawn grammar callouts, anchored to the actual ending marks rather than a separate combining glyph. */
.analysis-word--doer,.analysis-word--receiver{position:relative}
.analysis-word--doer:after,.analysis-word--receiver:after{content:"";position:absolute;z-index:2;width:.52em;height:.52em;border:1.8px solid;border-radius:50%;top:-.20em}
.analysis-word--doer:after{left:.23em;border-color:#5c9671}.analysis-word--receiver:after{left:.23em;border-color:#d28b22}
.analysis-word--doer .analysis-role,.analysis-word--receiver .analysis-role{position:absolute;z-index:4;left:50%;right:auto;bottom:auto;transform:translateX(-50%);padding:6px 11px;border-radius:10px;background:#fff;white-space:nowrap;font:600 12px Inter,sans-serif;box-shadow:0 6px 14px rgba(25,33,46,.12)}
.analysis-word--doer .analysis-role{top:-74px;color:#4b7b5b;border:1px solid #a7cbb0;transform:translateX(-39%) rotate(-1.5deg)}
.analysis-word--receiver .analysis-role{top:45px;color:#b66d11;border:1px solid #edc78c;transform:translateX(-61%) rotate(1.5deg)}
.analysis-word--doer .analysis-role:before,.analysis-word--receiver .analysis-role:before{content:"";position:absolute;width:1.7px;background:currentColor;transform-origin:top center}
.analysis-word--doer .analysis-role:before{height:48px;top:100%;left:31%;transform:rotate(-15deg)}
.analysis-word--receiver .analysis-role:before{height:40px;bottom:100%;left:68%;transform:rotate(16deg);transform-origin:bottom center}
.analysis-word--doer .analysis-role:after,.analysis-word--receiver .analysis-role:after{content:"";position:absolute;width:7px;height:7px;background:#fff;transform:rotate(45deg)}
.analysis-word--doer .analysis-role:after{left:calc(31% - 3px);top:calc(100% + 43px);border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor}
.analysis-word--receiver .analysis-role:after{left:calc(68% - 3px);bottom:calc(100% + 35px);border-left:1.7px solid currentColor;border-top:1.7px solid currentColor}
@media(max-width:760px){.analysis-word--doer .analysis-role{top:-69px}.analysis-word--receiver .analysis-role{top:43px}}

/* Keep the three learning pillars quiet so the verse carousel remains the visual proof point. */
.academy-method-intro{margin-bottom:18px}
.academy-method-pillars{margin-top:42px;margin-bottom:0}
.method-pillar{box-shadow:0 4px 12px rgba(25,33,46,.045)}
.academy-verse-carousel{margin-top:14px}
@media(max-width:760px){.academy-method-intro{margin-bottom:14px}.academy-method-pillars{margin-top:30px}.academy-verse-carousel{margin-top:12px}.method-pillar{box-shadow:0 3px 9px rgba(25,33,46,.04)}}

/* Precise, separately positioned vowel marks keep the callouts stable across Arabic font shaping. */
.analysis-word--doer:after,.analysis-word--receiver:after{display:none}
.analysis-mark{position:absolute;z-index:3;left:.19em;top:-.49em;width:.48em;height:.48em;display:grid;place-items:center;border:1.7px solid;border-radius:50%;background:#fff;font:600 .72em/1 'Noto Naskh Arabic',serif}
.analysis-mark--doer{color:#4b7b5b;border-color:#5c9671}.analysis-mark--receiver{color:#b66d11;border-color:#d28b22}
.analysis-connect-words{padding-top:38px;padding-bottom:41px}
.analysis-connect-arcs{display:none}
.analysis-connect-arc{position:absolute;z-index:1;width:52%;height:60px;overflow:visible}.analysis-connect-arc path{fill:none;stroke-width:1.7}.analysis-connect-arc--top{top:0;right:46%}.analysis-connect-arc--top path{stroke:#5c9671}.analysis-connect-arc--bottom{bottom:0;left:46%}.analysis-connect-arc--bottom path{stroke:#d28b22}

/* Compact the explanatory ribbon: it is a quick visual proof, not a second full-screen section. */
.academy-method-analysis{border-radius:18px}
.analysis-step{min-height:158px;padding:20px 12px 14px}
.analysis-step>small{top:13px;font-size:9px}
.analysis-arabic{margin:11px 0 0;font-size:clamp(21px,2vw,30px);line-height:1.45}
.analysis-step--notice{min-height:182px}.analysis-step--notice .analysis-arabic{margin-top:40px;font-size:clamp(19px,1.9vw,27px)}
.analysis-step--understand>p:not(.analysis-arabic){margin:10px 0 0;font-size:clamp(18px,1.7vw,24px)}
.analysis-connect-words{margin-top:23px;padding-top:30px;padding-bottom:30px;font-size:clamp(19px,1.8vw,26px)}
.analysis-connect-arc{height:46px}.analysis-connect-arc--bottom{bottom:-2px}
@media(max-width:760px){.academy-method-analysis{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory}.analysis-step{flex:0 0 68%;min-height:145px;padding:18px 11px 13px;scroll-snap-align:start}.analysis-step--notice{min-height:175px}.analysis-step--notice .analysis-arabic{margin-top:38px;font-size:25px}.analysis-step--understand>p:not(.analysis-arabic){font-size:21px}.analysis-connect-words{font-size:23px}.analysis-step:not(:last-child){border-right:1px solid rgba(25,33,46,.11)}}

/* Fixed vector callout: compact at every width and immune to browser Arabic shaping offsets. */
.analysis-step--notice{display:block;min-height:166px;padding:8px 8px 2px}.analysis-step--notice>small{display:none}.analysis-grammar-diagram{display:block;width:100%;height:154px;margin:0 auto;overflow:visible}.grammar-words text{fill:var(--ink);font:600 34px/1 'Noto Naskh Arabic',serif}.grammar-mark{font-size:26px!important;font-weight:700}.grammar-mark--doer{fill:#4b7b5b!important}.grammar-mark--receiver{fill:#b66d11!important}.grammar-circle{fill:none;stroke-width:1.7}.grammar-circle--doer{stroke:#5c9671}.grammar-circle--receiver{stroke:#d28b22}.grammar-doer-card{fill:#fff;stroke:#a7cbb0;stroke-width:1.4}.grammar-receiver-card{fill:#fff;stroke:#edc78c;stroke-width:1.4}.grammar-doer-text,.grammar-receiver-text{font:600 12px Inter,sans-serif;text-anchor:middle}.grammar-doer-text{fill:#4b7b5b}.grammar-receiver-text{fill:#b66d11}.grammar-doer-line{fill:none;stroke:#5c9671;stroke-width:1.8}.grammar-receiver-line{fill:none;stroke:#d28b22;stroke-width:1.8}
@media(max-width:760px){.analysis-step--notice{min-height:158px;padding:6px 4px 2px}.analysis-grammar-diagram{height:148px;margin-top:0}.grammar-words text{font-size:32px}}

/* Ending signals: the rule itself is the visual focus, not an unreliable overlay on a letter. */
.analysis-step--notice{display:flex;min-height:170px;padding:18px 10px 12px;justify-content:center}.analysis-step--notice>small{display:block;top:12px}.ending-signals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin-top:19px}.ending-signal{position:relative;min-width:0;padding:5px 4px 0;text-align:center}.ending-mark{position:relative;z-index:2;display:grid;place-items:center;width:29px;height:29px;margin:0 auto 4px;border-radius:50%;font:700 21px/1 'Noto Naskh Arabic',serif}.ending-mark:after{content:"";position:absolute;z-index:-1;top:25px;left:50%;width:28px;height:18px;border-left:1.7px solid;border-bottom:1.7px solid;border-radius:0 0 0 16px;transform:translateX(-45%) rotate(-12deg)}.ending-word{display:block;margin-top:12px;color:var(--ink);font:600 27px/1.25 'Noto Naskh Arabic',serif}.ending-signal strong{display:block;margin-top:6px;font-size:10px;line-height:1.25}.ending-signal em{display:block;margin-top:3px;color:#747a82;font:400 8px/1.3 Inter,sans-serif}.ending-signal--doer .ending-mark{color:#4b7b5b;background:#edf6ee}.ending-signal--doer .ending-mark:after{border-color:#5c9671}.ending-signal--doer strong{color:#4b7b5b}.ending-signal--receiver .ending-mark{color:#b66d11;background:#fff3df}.ending-signal--receiver .ending-mark:after{border-color:#d28b22;transform:translateX(-55%) scaleX(-1) rotate(-12deg)}.ending-signal--receiver strong{color:#b66d11}
@media(max-width:760px){.analysis-step--notice{min-height:166px;padding:17px 8px 10px}.ending-signals{gap:5px}.ending-word{font-size:26px}.ending-signal strong{font-size:10px}.ending-signal em{font-size:8px}}

/* One visual rule per word: ending mark → role. */
.analysis-step--notice{min-height:150px;padding:15px 10px 9px}.ending-signals{margin-top:14px}.ending-signal{padding:0}.ending-rule{display:flex;align-items:center;justify-content:center;gap:7px}.ending-rule .ending-mark{margin:0}.ending-rule-arrow{font:500 20px/1 Inter,sans-serif}.ending-signal strong{margin:0;font-size:13px}.ending-signal em{display:none}.ending-word{margin-top:8px;font-size:29px}.ending-mark:after{display:none}.ending-signal--doer .ending-rule-arrow{color:#5c9671}.ending-signal--receiver .ending-rule-arrow{color:#d28b22}@media(max-width:760px){.analysis-step--notice{min-height:144px;padding:14px 7px 7px}.ending-word{font-size:27px}.ending-signal strong{font-size:12px}}
.ending-signal--receiver .ending-mark{font-size:0}.ending-signal--receiver .ending-mark:before{content:"";display:block;width:14px;height:3px;border-radius:999px;background:#b66d11;transform:rotate(-22deg)}

/* Sign → word → meaning: a vertical cue stays clear on desktop and mobile. */
.analysis-step--notice{min-height:172px;padding:16px 10px 10px}
.ending-signals{margin-top:17px;gap:14px}
.ending-signal{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.ending-rule-arrow{display:block;width:2px;height:16px;margin:2px 0 3px;border-radius:99px}
.ending-word{margin-top:1px}
.ending-signal strong{margin-top:5px}
.ending-signal--doer .ending-rule-arrow{background:#5c9671}
.ending-signal--receiver .ending-rule-arrow{background:#d28b22}
@media(max-width:760px){.analysis-step--notice{min-height:163px;padding:15px 7px 8px}.ending-signals{gap:8px;margin-top:16px}.ending-rule-arrow{height:15px}.ending-word{font-size:26px}.ending-signal strong{font-size:11px}}

/* Isolated vowel signs: no baseline/tatweel line and both marks stay truly centred. */
.ending-signal--doer .ending-mark{font-size:0}
.ending-signal--doer .ending-mark:before{content:"ُ";position:absolute;left:50%;top:calc(50% + 19px);transform:translate(-50%,-50%);font:700 43px/1 'Noto Naskh Arabic',serif}
.ending-signal--receiver .ending-mark:before{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-22deg)}

/* The doer cue deliberately sits a little higher, with breathing room before Allāhu. */
.ending-signal--doer .ending-mark{margin-top:-7px}
.ending-signal--doer .ending-mark:before{top:calc(50% + 29px)}
.ending-signal--doer .ending-rule-arrow{margin-bottom:11px}

/* Journey map: gold belongs only to the learner's current position. */
.journey-step.free-available,.journey-step.academy-available{color:#747a81}
.journey-step.free-available .step-circle,.journey-step.academy-available .step-circle{background:#fff;box-shadow:0 0 0 1.5px #898f96,0 5px 12px rgba(25,33,46,.055)}

/* Put the role beside its ending sign; the quiet line then carries the eye to the word. */
.ending-cue{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:-7px}
.ending-cue .ending-mark{margin:0}
.ending-cue strong{margin:0;font-size:13px}
.ending-signal--doer .ending-mark{margin-top:0}
.ending-signal--doer .ending-mark:before{top:calc(50% + 29px)}
.ending-signal--doer .ending-rule-arrow{margin:3px 0 8px}
.ending-signal--receiver .ending-rule-arrow{margin:3px 0 8px}
@media(max-width:760px){.ending-cue{gap:6px}.ending-cue strong{font-size:12px}.ending-signal--doer .ending-rule-arrow,.ending-signal--receiver .ending-rule-arrow{margin-bottom:7px}}

/* Three compact clues now lead directly into the meaning, so “Understand” needs no separate panel. */
.academy-method-analysis{grid-template-columns:1fr 1.7fr 1.35fr}
.ending-signals--three{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.ending-signals--three .ending-cue{gap:3px;flex-direction:column;margin-top:-5px}
.ending-signals--three .ending-cue strong{font-size:10px;line-height:1.05}
.ending-signals--three .ending-word{font-size:25px}
.ending-signal--action .ending-mark{font:700 19px/1 Inter,sans-serif;color:#426d9d;background:#e9f1fb}
.ending-signal--action .ending-rule-arrow{background:#557eae}
.ending-signal--action strong{color:#426d9d}
.ending-signal--action .ending-word{color:var(--ink)}
.analysis-step--connect{justify-content:center}
.connect-meaning{display:flex;flex-direction:column;align-items:center;gap:8px;width:min(100%,225px);margin-top:19px}
.connect-meaning-unit{width:100%;padding:7px 10px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px rgba(25,33,46,.12)}
.connect-meaning-unit:first-child{box-shadow:inset 0 0 0 1px #a7cbb0}
.connect-meaning-unit:last-child{box-shadow:inset 0 0 0 1px #edc78c}
.connect-meaning-unit span,.connect-meaning-unit strong{display:block}
.connect-meaning-unit span{color:var(--ink);font:600 25px/1.22 'Noto Naskh Arabic',serif}
.connect-meaning-unit strong{margin-top:2px;font:600 13px/1.2 'Playfair Display',serif;color:#3f454d}
.connect-meaning>i{width:2px;height:10px;border-radius:99px;background:#a9afb5}
@media(max-width:760px){.academy-method-analysis{display:flex}.academy-method-analysis .analysis-step{flex-basis:74%}.ending-signals--three .ending-word{font-size:23px}.connect-meaning{width:min(100%,210px)}}

/* Pattern icon: a small square holding three fatha strokes, not a generic energy symbol. */
.ending-signal--action .ending-mark--pattern{display:grid;place-items:center;width:43px;border-radius:999px;background:#e9f1fb}
.ending-mark--pattern:before{display:none}
.pattern-fathas{display:flex;align-items:center;gap:3px}
.pattern-fathas i{display:block;width:8px;height:2.2px;border-radius:99px;background:#426d9d;transform:rotate(-22deg)}

/* Connect reads left-to-right: Arabic in the boxes, its meaning immediately below. */
.analysis-step--connect .connect-meaning{flex-direction:row-reverse;align-items:flex-start;justify-content:center;gap:13px;width:100%;max-width:280px;margin-top:21px}
.connect-meaning-group{display:flex;flex:1 1 0;min-width:0;flex-direction:column;align-items:center;gap:6px}
.connect-meaning-group--receiver{max-width:103px}
.connect-meaning-unit{width:100%;min-height:56px;padding:10px 8px;display:grid;place-items:center}
.connect-meaning-unit--action{border-color:#a7cbb0}
.connect-meaning-unit span{font-size:24px;white-space:nowrap}
.connect-meaning-group>strong{font:600 13px/1.15 'Playfair Display',serif;color:#3f454d;white-space:nowrap}
.connect-meaning-group--receiver>strong{color:#8d5714}
@media(max-width:760px){.analysis-step--connect .connect-meaning{max-width:250px;gap:10px}.connect-meaning-unit{min-height:52px;padding:8px 5px}.connect-meaning-unit span{font-size:22px}.connect-meaning-group>strong{font-size:12px}}

/* Academy hero dark mode: every proof surface changes together, preserving contrast and hierarchy. */
.qa-dark-mode .method-pillar{border-color:rgba(244,242,236,.1);box-shadow:0 10px 24px rgba(0,0,0,.28)}
.qa-dark-mode .method-pillar--sage{background:#1d2921;color:#8ab79a}.qa-dark-mode .method-pillar--sage>span{background:#263a2c}
.qa-dark-mode .method-pillar--blue{background:#1d2733;color:#9db8e4}.qa-dark-mode .method-pillar--blue>span{background:#27374a}
.qa-dark-mode .method-pillar--gold{background:#2c261d;color:#e1af5c}.qa-dark-mode .method-pillar--gold>span{background:#413522}
.qa-dark-mode .method-pillar small{color:var(--qa-text-muted)}
.qa-dark-mode .academy-verse-card{background:#20262a;border-color:rgba(244,242,236,.12);box-shadow:0 16px 36px rgba(0,0,0,.38)}
.qa-dark-mode .academy-verse-card--active{background:#252c30;box-shadow:0 30px 60px rgba(0,0,0,.52),0 8px 22px rgba(0,0,0,.35)}
.qa-dark-mode .academy-verse-card--side{background:#1c2226;box-shadow:0 13px 27px rgba(0,0,0,.32)}
.qa-dark-mode .academy-verse-arabic{color:var(--qa-text-strong)}
.qa-dark-mode .academy-verse-translation{color:var(--qa-text-strong)}
.qa-dark-mode .verse-carousel-arrow{background:#252c30;border-color:rgba(244,242,236,.12);color:var(--qa-text-strong);box-shadow:0 8px 18px rgba(0,0,0,.38)}
.qa-dark-mode .academy-method-analysis{background:#1a1f22;border-color:rgba(244,242,236,.12);box-shadow:0 12px 30px rgba(0,0,0,.36)}
.qa-dark-mode .analysis-step:not(:last-child){border-color:rgba(244,242,236,.1)}
.qa-dark-mode .analysis-step:not(:last-child):after{background:#1a1f22;filter:drop-shadow(1px 0 0 rgba(244,242,236,.1))}
.qa-dark-mode .analysis-step>small{color:#aeb5be}.qa-dark-mode .analysis-arabic,.qa-dark-mode .ending-word{color:var(--qa-text-strong)}
.qa-dark-mode .connect-meaning-unit{background:#252c30;box-shadow:inset 0 0 0 1px rgba(244,242,236,.14)}
.qa-dark-mode .connect-meaning-unit:first-child{box-shadow:inset 0 0 0 1px #7eb48c}.qa-dark-mode .connect-meaning-unit:last-child{box-shadow:inset 0 0 0 1px #dda24c}
.qa-dark-mode .connect-meaning-group>strong{color:var(--qa-text-strong)}
.qa-dark-mode .academy-learning-example{color:var(--qa-text-muted)}

/* Word Bank detail hierarchy and tool interactions. */
.word-detail-fade{animation:qa-word-detail-fade 720ms ease both!important}
.word-inline-results.word-detail-switch-out{opacity:0;transition:opacity 260ms ease}
.word-result-context{display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.word-result-context small{align-self:flex-end;color:var(--text-subtle);font-size:10px;letter-spacing:.07em;white-space:normal;opacity:.7}
.word-result-context strong{display:block;width:100%;margin-top:6px;font-size:25px;line-height:1.4;text-align:right}
.word-result-context span{display:block;width:100%;margin-top:3px;font-size:13px;white-space:normal;text-align:right}
.word-bank-tools button.selected{background:var(--ink);color:#fff;box-shadow:0 15px 32px rgba(25,33,46,.22),inset 0 0 0 1px rgba(255,255,255,.16)}
.word-bank-tools button.selected small{color:rgba(255,255,255,.74)}
.word-tool-panel.word-tool-opening{animation:qa-word-tool-fade 620ms ease both}
@keyframes qa-word-tool-fade{from{opacity:0}to{opacity:1}}
.qa-dark-mode .word-bank-tools button.selected{background:var(--gold);color:#17191b;box-shadow:0 15px 32px rgba(0,0,0,.32)}
.qa-dark-mode .word-bank-tools button.selected small{color:rgba(23,25,27,.72)}

/* Word Bank: clear context hierarchy and unmistakably interactive personal tools. */
.word-day-context{align-items:flex-end;text-align:right}
.word-day-context>span{align-self:flex-end;margin-bottom:17px}
.word-day-context>p{width:100%;margin:0;text-align:right;font-size:43px;line-height:1.34}
.word-day-context>strong{width:100%;margin-top:2px;padding:0;background:transparent;box-shadow:none;color:var(--ink);font:600 20px/1.35 'Playfair Display',serif;text-align:right}
.word-result-context{padding:18px 0 16px}
.word-result-context small{margin:0 0 14px}
.word-result-context strong{margin-top:0;font-size:28px;line-height:1.35}
.word-result-context span{margin-top:2px;font-size:15px;line-height:1.45}
.word-bank-tools :is(a,button){position:relative;isolation:isolate;overflow:hidden;border:1px solid transparent;cursor:pointer}
.word-bank-tools .review-words{background:linear-gradient(145deg,#fff 48%,#f2eaf1);border-color:#e8d7e3;color:#512f49}
.word-bank-tools .saved-words{background:linear-gradient(145deg,#fff 48%,#eaf0f8);border-color:#d6e0f0;color:#244f82}
.word-bank-tools .memory-words{background:linear-gradient(145deg,#fff 48%,#eaf3ee);border-color:#d7e7dd;color:#315942}
.word-bank-tools .test-words{background:linear-gradient(145deg,#fff 48%,#fcf0df);border-color:#f0d9b7;color:#925711}
.word-bank-tools .review-words small,.word-bank-tools .saved-words small,.word-bank-tools .memory-words small,.word-bank-tools .test-words small{color:currentColor;opacity:.72}
.word-bank-tools button.selected{border-color:transparent}
.word-inline-results .word-result-identity{grid-column:auto;grid-template-columns:108px minmax(0,1fr);justify-content:normal;align-self:center;align-items:center;gap:18px;text-align:left}
.word-inline-results .word-result-identity .word-result-arabic{margin:0;text-align:center}
.word-inline-results .word-result-identity .word-result-meta,.word-inline-results .word-result-identity .word-result-reference{margin-left:0}
.word-result-context small{margin-bottom:19px}
.word-result-context strong{margin-top:0}
.word-day-word-list{scrollbar-width:none;-ms-overflow-style:none}
.word-day-word-list::-webkit-scrollbar{display:none}
.qa-dark-mode .word-bank-tools .review-words{background:linear-gradient(145deg,#20252a 48%,#302431);border-color:#513b4f;color:#e9dce6}
.qa-dark-mode .word-bank-tools .saved-words{background:linear-gradient(145deg,#20252a 48%,#202d3c);border-color:#354963;color:#dbe7f6}
.qa-dark-mode .word-bank-tools .memory-words{background:linear-gradient(145deg,#20252a 48%,#203126);border-color:#395444;color:#d9eadf}
.qa-dark-mode .word-bank-tools .test-words{background:linear-gradient(145deg,#20252a 48%,#35291c);border-color:#604a2b;color:#f4dfbb}

/* Approved My Word Bank practice panel: four compact visual tools, not a row of generic cards. */
.word-bank-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch;padding:42px 14px 48px;border:1px solid rgba(33,48,43,.13);border-radius:20px;background:#fff;box-shadow:0 5px 18px rgba(25,33,46,.06)}
.word-bank-tools:before{top:16px;left:18px;color:#17623b;font-size:11px;letter-spacing:.08em}
.word-bank-tools button{min-height:172px!important;padding:17px 10px 12px!important;border:0!important;border-radius:14px!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;text-align:center!important;line-height:1.15}
.word-bank-tools button:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(25,33,46,.10)!important}
.word-bank-tools button>span{width:39px!important;height:39px!important;margin:0 0 10px!important;display:grid!important;place-items:center!important;background:transparent!important;font-size:36px!important;line-height:1!important;filter:none!important}
.word-bank-tools button>span svg{width:36px!important;height:36px!important;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.word-bank-tools button strong{margin:0!important;font-size:14px!important;font-weight:700!important;align-self:center!important}
.word-bank-tools button b{display:block;margin:8px 0 1px;font:600 30px/1 'Playfair Display',serif}
.word-bank-tools button small{max-width:104px;margin:7px 0 0!important;font-size:11px!important;line-height:1.3!important;align-self:center!important}
.word-bank-tools .review-words{background:#f5f7f1!important;color:#075c31!important}.word-bank-tools .saved-words{background:#f7f5fa!important;color:#2c1689!important}.word-bank-tools .memory-words{background:#fff7ed!important;color:#e86c00!important}.word-bank-tools .test-words{background:#f3f7fb!important;color:#0a5dbb!important}
.word-bank-tools .review-words:after,.word-bank-tools .saved-words:after,.word-bank-tools .memory-words:after,.word-bank-tools .test-words:after,.word-bank-tools .memory-digital-motif{display:none!important}
.word-bank-tools .word-practice-all{position:absolute;left:50%;bottom:15px;display:flex;align-items:center;gap:10px;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#17623b!important;box-shadow:none!important;font-size:12px;font-weight:700;text-decoration:none;transform:translateX(-50%)}
.word-bank-tools .word-practice-all span{font-size:26px;line-height:.5}
@media(max-width:760px){.word-bank-tools{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:50px}.word-bank-tools button{min-height:144px!important}.word-bank-tools button b{font-size:26px}}
.qa-dark-mode .word-bank-tools{background:var(--qa-surface-raised);border-color:rgba(255,255,255,.12)}.qa-dark-mode .word-bank-tools .review-words{background:#203329!important;color:#b7e2c4!important}.qa-dark-mode .word-bank-tools .saved-words{background:#2d2935!important;color:#d7c7ff!important}.qa-dark-mode .word-bank-tools .memory-words{background:#382b1f!important;color:#ffd29b!important}.qa-dark-mode .word-bank-tools .test-words{background:#202f43!important;color:#b9d6ff!important}

/* Visitors can explore the Word Bank before choosing to save progress. */
.word-bank-guest-links{display:flex;align-items:center;gap:16px;margin-top:17px}.word-bank-guest-links .qa-button{min-height:38px;padding:0 15px;font-size:11px}.word-bank-guest-links>a:not(.qa-button),.word-bank-academy-link{color:var(--sage);font-size:12px;font-weight:700;text-decoration:none}.word-bank-academy-link{display:inline-block;margin-top:20px}.word-bank-signup-dialog{z-index:140}.word-bank-signup-dialog .dialog-card{max-width:490px}.word-bank-signup-dialog .dialog-icon{background:var(--sage-soft);color:var(--sage)}.word-bank-signup-dialog .dialog-actions .qa-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.qa-dark-mode .word-bank-signup-dialog .dialog-icon{background:#20362b;color:#b7e2c4}
.word-bank-details-dialog{z-index:145}.word-bank-details-dialog .dialog-card{width:min(650px,100%);max-height:min(84dvh,760px);overflow:auto;padding:34px;text-align:left}.word-bank-details-dialog .dialog-card>div{display:flex;flex-direction:column}.word-bank-details-dialog h2{margin:0;color:var(--text-primary);font-size:30px}.word-bank-detail-source{order:-1;margin:0 0 4px!important;color:var(--gold)!important;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.word-bank-detail-arabic{margin:16px 0 0;color:var(--text-primary);font:700 52px/1.25 'Noto Naskh Arabic',serif;text-align:center}.word-bank-detail-transliteration{margin:0!important;color:var(--blue)!important;font:italic 600 17px 'Playfair Display',serif;text-align:center}.word-bank-detail-meaning{margin:12px 0 20px!important;color:var(--text-secondary)!important;font:600 23px/1.25 'Playfair Display',serif;text-align:center}.word-bank-detail-context{margin-top:4px;padding:18px 0;border-top:1px solid rgba(23,32,51,.1);border-bottom:1px solid rgba(23,32,51,.1);display:flex;flex-direction:column;gap:8px}.word-bank-detail-context small{color:var(--text-subtle);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.word-bank-detail-context strong{color:var(--text-primary);font:700 31px/1.35 'Noto Naskh Arabic',serif;text-align:right}.word-bank-detail-actions{justify-content:flex-start;margin:24px 0 0}.word-bank-detail-actions .qa-button{min-width:0;padding:12px 16px;font-size:12px;text-decoration:none}.word-bank-detail-results{margin-top:8px}.word-bank-detail-results .word-result-card{margin:0;padding:16px 0;background:transparent;border:0;border-radius:0;box-shadow:none}.word-bank-detail-results .word-result-actions{margin-top:18px}.guided-quran-saved-word{position:relative}.guided-quran-saved-word:after{content:"Guided Quran";margin-left:auto;color:var(--gold);font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.qa-dark-mode .word-bank-details-dialog .dialog-card{background:var(--qa-surface-raised)}.qa-dark-mode .word-bank-detail-context{border-color:rgba(255,255,255,.13)}
@media(max-width:760px){.word-bank-guest-links{align-items:flex-start;flex-direction:column;gap:12px}.word-bank-signup-dialog .dialog-card{padding:32px 22px}.word-bank-signup-dialog .dialog-actions{align-items:stretch}.word-bank-signup-dialog .dialog-actions .qa-button{width:100%}}
@media(max-width:760px){.word-bank-details-dialog{padding:12px}.word-bank-details-dialog .dialog-card{max-height:calc(100dvh - 24px);padding:28px 21px}.word-bank-detail-arabic{font-size:43px}.word-bank-detail-context strong{font-size:27px}.word-bank-detail-actions{align-items:stretch;flex-direction:column}.word-bank-detail-actions .qa-button{width:100%}}

/* A course word opens in a focused reading dialog, not the page's three-column result grid. */
.word-bank-details-dialog .word-bank-detail-results .word-result-card{display:block!important;margin:0!important;padding:22px 0 0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.word-bank-details-dialog .word-bank-detail-results .word-result-identity{display:grid;grid-template-columns:126px minmax(0,1fr);align-items:center;gap:20px;padding-bottom:20px}
.word-bank-details-dialog .word-bank-detail-results .word-result-arabic{margin:0!important;font-size:48px!important;line-height:1.3;text-align:center}
.word-bank-details-dialog .word-bank-detail-results .word-result-card h3{margin:0 0 6px!important;font-size:27px!important;line-height:1.12}
.word-bank-details-dialog .word-bank-detail-results .word-result-meta,.word-bank-details-dialog .word-bank-detail-results .word-result-reference{margin:3px 0!important;font-size:12px!important;line-height:1.45}
.word-bank-details-dialog .word-bank-detail-results .word-result-contexts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:17px 0;border-top:1px solid rgba(23,32,51,.1);border-bottom:1px solid rgba(23,32,51,.1)}
.word-bank-details-dialog .word-bank-detail-results .word-result-context{min-width:0;margin:0;padding:0;background:transparent}
.word-bank-details-dialog .word-bank-detail-results .word-result-context+.word-result-context{border-top:0}
.word-bank-details-dialog .word-bank-detail-results .word-result-context small{display:block;margin:0 0 7px!important;overflow:visible;font-size:10px!important;line-height:1.3;white-space:normal;text-overflow:clip}
.word-bank-details-dialog .word-bank-detail-results .word-result-context strong{margin:0!important;font-size:25px!important;line-height:1.35}
.word-bank-details-dialog .word-bank-detail-results .word-result-context span{margin:4px 0 0!important;overflow:visible;font-size:12px!important;line-height:1.4;white-space:normal;text-overflow:clip}
.word-bank-details-dialog .word-bank-detail-results .word-result-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0 0!important}
.word-bank-details-dialog .word-bank-detail-results .word-result-actions button{min-height:72px;padding:10px 9px!important;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:13px;font-size:11px!important;line-height:1.18;text-align:center}
.qa-dark-mode .word-bank-details-dialog .word-bank-detail-results .word-result-contexts{border-color:rgba(255,255,255,.13)}
@media(max-width:760px){.word-bank-details-dialog .word-bank-detail-results .word-result-identity{grid-template-columns:92px minmax(0,1fr);gap:14px;padding-bottom:17px}.word-bank-details-dialog .word-bank-detail-results .word-result-arabic{font-size:38px!important}.word-bank-details-dialog .word-bank-detail-results .word-result-card h3{font-size:23px!important}.word-bank-details-dialog .word-bank-detail-results .word-result-contexts{grid-template-columns:1fr;gap:12px}.word-bank-details-dialog .word-bank-detail-results .word-result-context+.word-result-context{padding-top:12px;border-top:1px solid rgba(23,32,51,.1)}.word-bank-details-dialog .word-bank-detail-results .word-result-actions{gap:7px}.word-bank-details-dialog .word-bank-detail-results .word-result-actions button{min-height:64px;padding:8px 5px!important;font-size:9px!important}.qa-dark-mode .word-bank-details-dialog .word-bank-detail-results .word-result-context+.word-result-context{border-color:rgba(255,255,255,.13)}}

/* The QA100 identity is a physical seal in every shell, including My Word Bank. */
.qa100-brand-logo img,.qa-brand .qa100-brand-logo img{box-shadow:0 12px 28px rgba(17,17,17,.20),0 3px 8px rgba(17,17,17,.14)!important}.qa-dark-mode .qa100-brand-logo img,.qa-dark-mode .qa-brand .qa100-brand-logo img{box-shadow:0 14px 30px rgba(0,0,0,.52),0 3px 9px rgba(0,0,0,.34)!important}

/* The verse stack follows a horizontal drag before it chooses the next card. */
.academy-verse-carousel{touch-action:pan-y;cursor:grab}.academy-verse-carousel.is-dragging{cursor:grabbing}.academy-verse-carousel.is-dragging .academy-verse-card{transition:none;user-select:none}.academy-verse-carousel.is-dragging .academy-verse-card--active{transform:translate3d(var(--verse-drag-x),-8px,0)}.academy-verse-carousel.is-dragging .academy-verse-card--previous{transform:translate3d(calc(4% + var(--verse-drag-near)),0,0) rotate(-1deg) scale(.95)}.academy-verse-carousel.is-dragging .academy-verse-card--next{transform:translate3d(calc(-4% + var(--verse-drag-near)),0,0) rotate(1deg) scale(.95)}
@media(max-width:760px){.academy-verse-carousel.is-dragging .academy-verse-card--active{transform:translate3d(var(--verse-drag-x),-5px,0)}}

/* Give the progress segment the same heading cue as the other lesson sections. */
.lesson-page-content>.lesson-embedded-journey .card-heading h2{display:flex;align-items:center;gap:0}.lesson-progress-section-icon{width:62px;height:62px;flex:0 0 62px;display:grid;place-items:center;margin-right:18px;border-radius:50%;background:#f1f5f1;color:#14634b}.lesson-progress-section-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.qa-dark-mode .lesson-progress-section-icon{background:#203329;color:#b7e2c4}@media(max-width:760px){.lesson-progress-section-icon{width:48px;height:48px;flex-basis:48px;margin-right:13px}.lesson-progress-section-icon svg{width:26px;height:26px}}
@media(max-width:760px){
	.word-day-context>span{margin-bottom:12px}.word-day-context>p{font-size:39px}.word-day-context>strong{font-size:18px}
	.word-result-context{padding:15px 0}.word-result-context small{margin-bottom:16px}.word-result-context strong{font-size:26px}.word-result-context span{font-size:15px}
	.word-inline-results .word-result-identity{grid-column:auto;grid-template-columns:92px minmax(0,1fr);gap:13px}
}

/* Lesson pages read as one guided workbook, with quiet chapter markers. */
.lesson-page-content{counter-reset:qa-lesson-section}
.lesson-page-content>section.lesson-card,.lesson-page-content>aside.lesson-card{counter-increment:qa-lesson-section;position:relative}
.lesson-page-content>section.lesson-card:not(.lesson-opening)::before,.lesson-page-content>aside.lesson-card:not(.lesson-opening)::before{content:counter(qa-lesson-section);position:absolute;top:18px;left:20px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--sage-soft);color:var(--sage);font-size:11px;font-weight:700}
.lesson-page-content>section.lesson-card:not(.lesson-opening)>h2,.lesson-page-content>aside.lesson-card:not(.lesson-opening)>h2{padding-left:38px}

/* Clean lesson architecture: Today’s Journey first, then a numbered paper-like sequence. */
.lesson-opening{display:flex;flex-direction:column;gap:16px}
.lesson-opening .learn-today{order:-1;display:grid;grid-template-columns:1fr;min-height:0;padding:24px 28px;border-radius:18px;background:linear-gradient(110deg,#fffaf1,#fffdf8);box-shadow:0 12px 30px rgba(182,107,19,.12);border:1px solid rgba(182,107,19,.13)}
.lesson-opening .learn-today h2{font-size:26px;color:#263c31}
.lesson-opening .learn-today ul{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:14px 0 0}
.lesson-opening .learn-today li{margin:0;padding:10px 18px;grid-template-columns:38px 1fr;border-right:1px solid rgba(182,107,19,.14);font-size:12px}
.lesson-opening .learn-today li:last-child{border-right:0}
.lesson-opening .learn-today li>span{width:34px;height:34px;background:#edf4ee;color:var(--sage)}
.lesson-opening .lesson-progress{display:none}
.lesson-opening .lesson-video{order:2;position:relative;padding:25px 28px;background:#fff;box-shadow:0 8px 23px rgba(25,33,46,.08);counter-increment:qa-lesson-section}
.lesson-opening .lesson-video h2{padding-left:78px;font-size:24px}
.lesson-opening .lesson-video:before{content:counter(qa-lesson-section);position:absolute;top:0;left:0;width:58px;height:70px;border-radius:0 0 5px 0;display:grid;place-items:center;background:#14634b;color:#fff;font-size:18px;font-weight:800}
.lesson-page-content>section.lesson-card:not(.lesson-opening),.lesson-page-content>aside.lesson-card:not(.lesson-opening){border-radius:13px;box-shadow:0 7px 20px rgba(25,33,46,.07);border:1px solid rgba(23,32,51,.06)}
.lesson-page-content>section.lesson-card:not(.lesson-opening):before,.lesson-page-content>aside.lesson-card:not(.lesson-opening):before{top:0;left:0;width:58px;height:70px;border-radius:0 0 5px 0;color:#fff;font-size:18px;background:#dc8500}
.lesson-page-content>section.lesson-card:not(.lesson-opening)>h2,.lesson-page-content>aside.lesson-card:not(.lesson-opening)>h2{padding-left:78px}
.lesson-page-content>.quran-examples:before{background:#615981}.lesson-page-content>.key-insight:before{background:#615981}.lesson-page-content>.practice-card:before{background:#dc8500}.lesson-page-content>.lesson-embedded-journey:before{background:#14634b}
.lesson-page-content>.lesson-embedded-journey{margin-top:16px;padding-top:22px}
.lesson-page-content>.lesson-embedded-journey .card-heading h2{padding-left:0}
.lesson-page-content>.lesson-embedded-journey .card-heading{padding-left:58px}
@media(max-width:760px){.lesson-opening .learn-today{padding:20px}.lesson-opening .learn-today ul{grid-template-columns:1fr;gap:0}.lesson-opening .learn-today li{padding:9px 0;border-right:0;border-bottom:1px solid rgba(182,107,19,.12)}.lesson-opening .learn-today li:last-child{border-bottom:0}.lesson-opening .lesson-video{padding:22px 20px}.lesson-opening .lesson-video h2{padding-left:58px}.lesson-opening .lesson-video:before,.lesson-page-content>section.lesson-card:not(.lesson-opening):before,.lesson-page-content>aside.lesson-card:not(.lesson-opening):before{width:48px;height:58px;font-size:16px}.lesson-page-content>section.lesson-card:not(.lesson-opening)>h2,.lesson-page-content>aside.lesson-card:not(.lesson-opening)>h2{padding-left:62px}}

/* Today's Journey: the approved three-part lesson checklist. */
.lesson-opening .learn-today{display:block;overflow:hidden;padding:28px 30px 24px;border:1px solid rgba(182,107,19,.18);background:linear-gradient(115deg,#fffdf8 0%,#fffaf1 52%,#fffdf8 100%);box-shadow:0 14px 34px rgba(182,107,19,.13)}
.today-journey-heading{display:flex;align-items:center;gap:12px;margin:0 0 24px;color:#17261f}
.today-journey-heading h2{font-size:27px;margin:0}
.today-journey-heading>span{font:32px/1 Georgia,serif;color:#b66b13;transform:rotate(-18deg);display:inline-block}
.today-journey-heading:after{content:"";margin-left:auto;width:116px;height:52px;opacity:.45;background:radial-gradient(ellipse at 75% 20%,transparent 0 35%,#b66b13 36% 38%,transparent 39%),linear-gradient(135deg,transparent 47%,#b66b13 48% 50%,transparent 51%);transform:rotate(-10deg)}
.today-journey-columns{display:grid;grid-template-columns:repeat(3,1fr)}
.today-journey-column{padding:0 26px;min-width:0}
.today-journey-column+ .today-journey-column{border-left:1px solid rgba(182,107,19,.16)}
.today-journey-column h3{display:flex;align-items:center;gap:12px;margin:0 0 16px;font:600 25px/1.15 'Playfair Display',serif}
.journey-column-icon{font:32px/1 Arial,sans-serif;font-weight:400}
.journey-learn h3{color:#14543e}.journey-learn .journey-column-icon{color:#14543e}
.journey-practice h3{color:#c86400}.journey-practice .journey-column-icon{color:#d36f0a}
.journey-save h3{color:#14543e}.journey-save .journey-column-icon{color:#14543e}
.journey-check{width:100%;display:grid;grid-template-columns:30px minmax(0,1fr) 16px;align-items:center;gap:10px;padding:13px 0;border:0;border-bottom:1px solid rgba(25,33,46,.12);background:transparent;color:#1b2028;text-align:left;font:500 13px/1.35 inherit;cursor:pointer;transition:color .2s ease,transform .2s ease}
.journey-check:last-child{border-bottom:0}
.journey-check:hover{transform:translateX(2px);color:#b66b13}
.journey-check>b{font-size:25px;font-weight:400;line-height:1;text-align:right;color:#95601c}
.journey-check-box{width:22px;height:22px;border:1.5px solid #b8b4ab;border-radius:50%;display:block;position:relative;background:rgba(255,255,255,.5);transition:background .2s ease,border-color .2s ease}
.journey-check.is-complete .journey-check-box{border-color:#17624a;background:#17624a}
.journey-check.is-complete .journey-check-box:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font:600 14px/1 Arial,sans-serif}
.journey-check.is-complete>span:nth-child(2){text-decoration:line-through;text-decoration-color:rgba(23,98,74,.45);color:#527365}
@media(max-width:980px){.today-journey-column{padding:0 16px}.today-journey-column h3{font-size:22px}.journey-check{font-size:12px}}
@media(max-width:760px){.lesson-opening .learn-today{padding:22px 20px}.today-journey-heading{margin-bottom:14px}.today-journey-heading h2{font-size:24px}.today-journey-heading:after{width:70px;height:40px}.today-journey-columns{grid-template-columns:1fr}.today-journey-column{padding:14px 0}.today-journey-column+.today-journey-column{border-left:0;border-top:1px solid rgba(182,107,19,.16)}.today-journey-column h3{font-size:23px;margin-bottom:8px}.journey-check{font-size:13px;padding:12px 0}}

/* Paper-like lesson sequence: Today's Journey is the only elevated card. */
.lesson-page-content>section.lesson-card:not(.lesson-opening),
.lesson-page-content>aside.lesson-card:not(.lesson-opening),
.lesson-opening .lesson-video,
.lesson-page-content .member-resources,
.lesson-page-content .lesson-academy-prompt{
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  position:relative;
  /* Keep the companion icon close to its numbered section marker. */
  padding:28px 42px 28px 54px;
  border-top:1px solid rgba(25,33,46,.10);
  border-bottom:1px solid rgba(25,33,46,.06);
}
.lesson-opening .lesson-video{order:2;margin-top:0}
.lesson-page-content>section.lesson-card:not(.lesson-opening):before,
.lesson-page-content>aside.lesson-card:not(.lesson-opening):before,
.lesson-opening .lesson-video:before{
  top:26px;
  left:8px;
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:17px;
  line-height:1;
  font-weight:800;
  box-shadow:none;
}
.lesson-opening .lesson-video:before{background:#14634b}
.lesson-page-content>section.lesson-card:not(.lesson-opening):before,
.lesson-page-content>aside.lesson-card:not(.lesson-opening):before{background:#dc8500}
.lesson-page-content>section.lesson-card:not(.lesson-opening).pronoun-summary:before,
.lesson-page-content>section.lesson-card:not(.lesson-opening).builder-module-summary:before{background:#d36f0a!important;color:#fff}
.lesson-page-content>section.lesson-card:not(.lesson-opening).quran-examples:before{background:#14634b!important}
.lesson-page-content>aside.lesson-card:not(.lesson-opening).key-insight:before{background:#615981!important}
.lesson-page-content>section.lesson-card:not(.lesson-opening).practice-card:before{background:#dc8500!important}
.lesson-page-content>section.lesson-card:not(.lesson-opening).lesson-embedded-journey:before{background:#14634b!important}
.lesson-page-content>.lesson-completion:before{background:#14634b!important;color:#fff}
.lesson-page-content .lesson-card h2{padding-left:0!important}
.lesson-page-content .lesson-card:not(.learn-today) h2:before{display:inline-grid;place-items:center;width:52px;height:52px;margin-right:18px;border-radius:50%;background:#f3f6f1;font:28px/1 Arial,sans-serif;vertical-align:middle}
.lesson-opening .lesson-video h2:before{content:"▶";color:#14634b;background:#edf4ee;font-size:20px;padding-left:3px}
.lesson-page-content>.pronoun-summary h2:before,.lesson-page-content>.builder-module h2:before{content:"▤";color:#d36f0a;background:#fff5e6}
.lesson-page-content>.quran-examples h2:before{content:"▢";color:#14634b;background:#edf4ee}
.lesson-page-content>.key-insight h2:before{content:"♧";color:#615981;background:#f2eefc}
.lesson-page-content>.practice-card h2:before{content:"✎";color:#d36f0a;background:#fff5e6}
.lesson-page-content .member-resources h2:before,.lesson-page-content .lesson-academy-prompt h2:before{content:"☑";color:#14634b;background:#edf4ee}
.lesson-page-content>.pronoun-summary h2:before,.lesson-page-content>.lesson-understand-section h2:before{content:"";font-size:0}
.lesson-page-content>.pronoun-summary h2:after,.lesson-page-content>.lesson-understand-section h2:after{content:"";grid-column:1;grid-row:1 / span 2;justify-self:center;width:27px;height:27px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d36f0a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.75h8.5L18 7.25v13H6z'/%3E%3Cpath d='M14.5 3.75v3.5H18M9 11h6M9 14.5h6M9 18h4'/%3E%3C/svg%3E")}
.lesson-page-content>.quran-examples h2:before{content:"";font-size:0}
.lesson-page-content>.quran-examples h2:after{content:"";grid-column:1;grid-row:1 / span 2;justify-self:center;width:29px;height:29px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314634b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.75 5.5c3.25-.55 5.75.1 8.65 2.1v11c-2.9-2-5.4-2.65-8.65-2.1zM21.25 5.5c-3.25-.55-5.75.1-8.65 2.1v11c2.9-2 5.4-2.65 8.65-2.1z'/%3E%3Cpath d='M11.4 7.6v11M4.8 8.7v6.2M19.2 8.7v6.2'/%3E%3C/svg%3E")}
.lesson-page-content .video-placeholder{margin-top:18px;box-shadow:none;border:1px solid rgba(25,33,46,.06)}
.lesson-page-content .lesson-progress{display:none}
.lesson-page-content>.lesson-academy-prompt,.lesson-page-content>.member-resources{counter-increment:none}
.lesson-page-content>.lesson-completion{counter-increment:qa-lesson-section;position:relative;margin-top:0;padding:28px 42px 28px 86px;border-top:1px solid rgba(25,33,46,.10);border-bottom:1px solid rgba(25,33,46,.06);display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}
.lesson-page-content>.lesson-completion:before{content:counter(qa-lesson-section);position:absolute;top:26px;left:8px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#14634b;color:#fff;font-size:17px;font-weight:800}
.lesson-page-content>.lesson-completion:after{content:"☑";position:absolute;top:79px;left:8px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#edf4ee;color:#14634b;font:25px/1 Arial,sans-serif}
.lesson-page-content>.lesson-completion button,.lesson-page-content>.lesson-completion>a{border-radius:0;box-shadow:none}
.lesson-page-content>.lesson-completion .complete-lesson,
.lesson-page-content>.lesson-completion>a:not(.complete-lesson){border-radius:12px;box-shadow:0 7px 18px rgba(25,33,46,.12)}
.lesson-page-content>.lesson-completion .complete-lesson{
  border:1.5px solid rgba(20,99,75,.55);
  background:#fff;
  color:#14634b;
  box-shadow:0 7px 18px rgba(25,33,46,.07);
}
.lesson-page-content>.lesson-completion>a:not(.login-to-complete){background:var(--sage);color:#fff}
.lesson-page-content>.lesson-completion button small,
.lesson-page-content>.lesson-completion>a:not(.login-to-complete) small{
  color:rgba(255,255,255,.76)!important;
  opacity:1!important;
}
.lesson-page-content>.lesson-completion .complete-lesson small{color:#6f857b!important}
.lesson-page-content>.lesson-completion .login-to-complete{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px rgba(25,33,46,.16),0 7px 18px rgba(25,33,46,.08)}
/* Academy+ members already have the full practice in the lesson itself. */
.qa-member .member-resources{display:none!important}
/* Keep one Key Insight icon: the authored insight icon is the visual anchor. */
.lesson-page-content>.key-insight h2:before{display:none!important;content:none!important}
/* Give every numbered lesson marker a quiet, tactile lift. */
.lesson-page-content>section.lesson-card:not(.lesson-opening):before,
.lesson-page-content>aside.lesson-card:not(.lesson-opening):before,
.lesson-opening .lesson-video:before,
.lesson-page-content>.lesson-completion:before{
  box-shadow:0 6px 14px rgba(25,33,46,.18)!important;
}
/* The direct Day 2 template uses these companion icons.  Keep them visually
   paired with their matching numbered marker, as in the approved paper view. */
.lesson-page-content .lesson-card:not(.learn-today) h2:before{
  width:62px;
  height:62px;
  margin-right:18px;
  border-radius:50%;
  background:#edf4ee!important;
  color:#14634b!important;
  box-shadow:none!important;
  font-size:27px;
  vertical-align:middle;
}
.lesson-page-content>.pronoun-summary h2:before,
.lesson-page-content>.practice-card h2:before{
  background:#fff5e6!important;
  color:#d36f0a!important;
}
.lesson-page-content>.key-insight .insight-icon{
  width:62px;
  height:62px;
  margin:0;
  border-radius:50%;
  background:#f2eefc!important;
  color:#615981!important;
  box-shadow:none!important;
  font-size:29px;
}
.lesson-page-content>.lesson-completion:after{
  width:62px;
  height:62px;
  left:0;
  border-radius:50%;
  background:#edf4ee!important;
  color:#14634b!important;
  box-shadow:none!important;
}
.qa-dark-mode .lesson-page-content .lesson-card:not(.learn-today) h2:before{background:#202d25!important;color:#8fc29c!important}
.qa-dark-mode .lesson-page-content>.pronoun-summary h2:before,
.qa-dark-mode .lesson-page-content>.practice-card h2:before{background:#342719!important;color:#eba455!important}
.qa-dark-mode .lesson-page-content>.key-insight .insight-icon{background:#2a2638!important;color:#b8a7e4!important}
.qa-dark-mode .lesson-page-content>.lesson-completion:after{background:#202d25!important;color:#8fc29c!important}

/* Compact paper rows: title, subtitle, and a single clear expansion control. */
.lesson-section-header{display:flex;align-items:center;justify-content:space-between;gap:22px;width:100%}
.lesson-section-header h2{display:grid!important;grid-template-columns:62px minmax(0,1fr);grid-template-rows:auto auto;column-gap:18px;align-items:center;margin:0!important}
.lesson-section-header h2:before{grid-row:1 / span 2;grid-column:1;margin:0!important}
.lesson-section-title{grid-column:2;grid-row:1;font:600 27px/1.06 'Playfair Display',serif;color:inherit}
.lesson-section-subtitle{grid-column:2;grid-row:2;display:block;margin-top:5px;color:var(--muted);font:500 12px/1.3 Inter,system-ui,sans-serif}
.lesson-section-toggle{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border:0;border-radius:50%;background:#f7f7f5;color:#34403a;font:700 25px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 6px 15px rgba(25,33,46,.08);transition:transform .22s ease,background-color .22s ease}
.lesson-section-toggle:hover{background:#edf4ee;color:#14634b}
.lesson-section-toggle[aria-expanded="true"]{transform:rotate(180deg)}
.lesson-section-body{margin-top:22px}
.lesson-section-collapsible.is-collapsed{padding-bottom:26px!important}
.lesson-section-collapsible.is-collapsed .lesson-section-body{display:none}
.qa-dark-mode .lesson-section-toggle{background:#242b2e;color:var(--qa-text-strong);box-shadow:inset 0 0 0 1px rgba(244,242,236,.1)}
.qa-dark-mode .lesson-section-toggle:hover{background:#203329;color:#b7e2c4}
@media(max-width:760px){
  .lesson-section-header{gap:12px}
  .lesson-section-header h2{grid-template-columns:48px minmax(0,1fr);column-gap:13px}
  .lesson-section-header h2:before{width:48px!important;height:48px!important;font-size:23px!important}
  .lesson-section-title{font-size:23px}
  .lesson-section-subtitle{font-size:11px}
  .lesson-section-toggle{width:42px;height:42px;flex-basis:42px}
}

/* Key Insight — approved lavender reference layout. */
.lesson-page-content>.key-insight{
  display:grid!important;
  grid-template-columns:62px max-content minmax(0,1fr) 36px;
  gap:12px;
  align-items:center;
  min-height:172px;
  padding-top:18px!important;
  padding-bottom:18px!important;
  background:transparent!important;
}

/* Approved lesson-paper separation: each learning section is a quiet outlined
   sheet, with its coloured number deliberately seated on the upper-left edge. */
.lesson-opening .lesson-video,
.lesson-page-content>section.lesson-card:not(.lesson-opening),
.lesson-page-content>aside.lesson-card:not(.lesson-opening),
.lesson-page-content>.lesson-completion{
  margin-top:16px!important;
  border:1px solid rgba(25,33,46,.10)!important;
  border-radius:15px!important;
  box-shadow:0 3px 12px rgba(25,33,46,.025)!important;
}
.lesson-opening .lesson-video:before,
.lesson-page-content>section.lesson-card:not(.lesson-opening):before,
.lesson-page-content>aside.lesson-card:not(.lesson-opening):before,
.lesson-page-content>.lesson-completion:before{
  /* Keep the marker near the sheet edge while leaving its corner visible. */
  top:8px!important;
  left:-22px!important;
  box-shadow:0 7px 16px rgba(25,33,46,.20)!important;
}
.lesson-page-content>.key-insight{border-color:rgba(97,89,129,.12)!important}
.qa-dark-mode .lesson-opening .lesson-video,
.qa-dark-mode .lesson-page-content>section.lesson-card:not(.lesson-opening),
.qa-dark-mode .lesson-page-content>aside.lesson-card:not(.lesson-opening),
.qa-dark-mode .lesson-page-content>.lesson-completion{border-color:rgba(244,242,236,.11)!important;box-shadow:0 3px 12px rgba(0,0,0,.16)!important}
.lesson-page-content>.key-insight>.insight-icon{
  grid-column:1;
  grid-row:1;
  width:62px!important;
  height:62px!important;
  margin:0!important;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#f2eefc!important;
  color:#615981!important;
  font-size:30px!important;
}
.key-insight-heading{grid-column:2;grid-row:1;min-width:0;width:max-content;justify-self:start}
.key-insight-title{margin:0!important;padding:0!important;color:#17191b;font:600 27px/1.1 'Playfair Display',serif!important}
.key-insight-title:before{display:none!important;content:none!important}
.insight-icon svg,.key-insight-panel-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.key-insight-panel{
  grid-column:3;
  grid-row:1;
  display:grid;
  /* The single bulb beside “Key Insight” is the visual anchor. */
  grid-template-columns:minmax(0,.82fr) minmax(0,1fr);
  gap:16px;
  align-items:center;
  min-height:108px;
  padding:18px 22px;
  border-radius:12px;
  background:linear-gradient(105deg,#f5effd 0%,#faf7ff 100%);
  box-shadow:inset 0 0 0 1px rgba(97,89,129,.08);
}
.key-insight-panel-icon{display:none!important}
.key-insight-panel>div{min-width:0}
.key-insight-panel strong{display:block;margin:0 0 7px;color:#17191b;font:700 14px/1.2 Inter,system-ui,sans-serif}
.key-insight-panel p{margin:0;color:#4f5360;font:500 13px/1.45 Inter,system-ui,sans-serif}
.key-insight-panel blockquote{min-width:0;margin:0;padding:0 0 0 22px;text-align:center;box-shadow:-1px 0 rgba(97,89,129,.2)}
.key-insight-panel blockquote b{display:block;color:#1b2130;font:700 25px/1.32 'Noto Naskh Arabic',serif}
.key-insight-panel blockquote p{margin:5px 0 0;color:#242836;font-size:12px;line-height:1.38}
.key-insight-panel cite{display:block;margin-top:4px;color:#4f5360;font-size:11px;font-style:normal}
.key-insight-chevron{grid-column:4;grid-row:1;justify-self:end;color:#151a26;font:700 28px/1 Arial,sans-serif}
.qa-dark-mode .key-insight-title{color:var(--qa-text-strong)}
.qa-dark-mode .key-insight-panel{background:linear-gradient(105deg,#251f2c,#2a2633);box-shadow:inset 0 0 0 1px rgba(215,199,255,.13)}
.qa-dark-mode .key-insight-panel strong,.qa-dark-mode .key-insight-panel blockquote b{color:var(--qa-text-strong)}
.qa-dark-mode .key-insight-panel p,.qa-dark-mode .key-insight-panel cite{color:var(--qa-text-muted)}
.qa-dark-mode .key-insight-chevron{color:var(--qa-text-strong)}
@media(max-width:900px){
  .lesson-page-content>.key-insight{grid-template-columns:54px max-content minmax(0,1fr) 30px;gap:14px}
  .key-insight-panel{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:12px;padding:16px}
}
@media(max-width:760px){
  .lesson-page-content>.key-insight{grid-template-columns:48px minmax(0,1fr) 32px;gap:13px}
  .lesson-page-content>.key-insight>.insight-icon{width:48px!important;height:48px!important;font-size:24px!important}
  .key-insight-heading{grid-column:2}
  .key-insight-title{font-size:23px!important}
  .key-insight-panel{grid-column:1/-1;grid-row:2;grid-template-columns:1fr;padding:16px}
  .key-insight-panel blockquote{grid-column:1/-1;padding:15px 0 0;box-shadow:0 -1px rgba(97,89,129,.2)}
  .key-insight-chevron{grid-column:3}
  .lesson-opening .lesson-video:before,
  .lesson-page-content>section.lesson-card:not(.lesson-opening):before,
  .lesson-page-content>aside.lesson-card:not(.lesson-opening):before,
  .lesson-page-content>.lesson-completion:before{top:6px!important;left:-16px!important}
}

/* Approved lesson template: coloured number markers lead; their companion icons use the same precise, quiet line style. */
.lesson-page-content .builder-module h2{display:flex;align-items:center;font-size:27px}
.lesson-page-content .builder-module h2:before{display:none!important}
.lesson-section-icon{width:62px;height:62px;flex:0 0 62px;display:grid;place-items:center;margin-right:18px;border-radius:50%;background:#f1f5f1;color:#14634b}
.lesson-section-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lesson-section-icon--summary,.lesson-section-icon--practice{background:#fff5e8;color:#d36f0a}.lesson-section-icon--key-insight{background:#f2eefc;color:#615981}
.lesson-page-content>section.lesson-card:not(.lesson-opening).builder-module-quran-example:before{background:#14634b!important}
.lesson-page-content>.builder-module-key-insight{display:grid;grid-template-columns:62px minmax(230px,.78fr) minmax(260px,1.1fr);gap:20px;align-items:center;padding-top:27px!important;padding-bottom:27px!important;background:linear-gradient(100deg,rgba(246,241,253,.94),rgba(250,247,255,.88));border-top-color:rgba(97,89,129,.14)!important;border-bottom-color:rgba(97,89,129,.11)!important}
.lesson-page-content>.builder-module-key-insight:before{background:#615981!important}.lesson-page-content>.builder-module-key-insight h2{grid-column:1/-1;margin:0;color:#615981}.lesson-page-content>.builder-module-key-insight .lesson-builder-copy{grid-column:2/-1;padding:18px 22px;border-radius:13px;background:rgba(255,255,255,.54);box-shadow:inset 0 0 0 1px rgba(97,89,129,.10)}
.lesson-page-content>.builder-module-key-insight .lesson-builder-copy>:first-child{margin-top:0}.lesson-page-content>.builder-module-key-insight .lesson-builder-copy>:last-child{margin-bottom:0}
.lesson-completion-icon{position:absolute;top:79px;left:13px;width:32px;height:32px;display:grid;place-items:center;color:#14634b}.lesson-completion-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.lesson-page-content>.lesson-completion:after{display:none!important}
.lesson-pagination{display:grid;grid-template-columns:1fr 1.25fr;gap:10px;margin:18px 0 0}.lesson-pagination a{position:relative;min-height:78px;padding:15px 52px;border-radius:12px;text-decoration:none;display:flex;flex-direction:column;justify-content:center;transition:transform .2s ease,box-shadow .2s ease}.lesson-pagination a:hover{transform:translateY(-2px)}.lesson-pagination small{margin-bottom:4px;font-size:10px;color:#676d75}.lesson-pagination strong{font:600 17px/1.2 'Playfair Display',serif}.lesson-pagination a>span{position:absolute;top:50%;font-size:26px;line-height:1;transform:translateY(-50%)}.lesson-pagination-previous{background:#fffaf4;color:var(--ink);box-shadow:inset 0 0 0 1px rgba(182,107,19,.16),0 7px 18px rgba(25,33,46,.07)}.lesson-pagination-previous>span{left:20px}.lesson-pagination-next{background:linear-gradient(105deg,#0e5a3d,#146d4b);color:#fff;box-shadow:0 10px 22px rgba(20,84,62,.18)}.lesson-pagination-next small{color:rgba(255,255,255,.76)}.lesson-pagination-next>span{right:20px}
.qa-dark-mode .lesson-section-icon{background:#203329;color:#b7e2c4}.qa-dark-mode .lesson-section-icon--summary,.qa-dark-mode .lesson-section-icon--practice{background:#382b1f;color:#ffd29b}.qa-dark-mode .lesson-section-icon--key-insight{background:#2d2935;color:#d7c7ff}.qa-dark-mode .lesson-page-content>.builder-module-key-insight{background:linear-gradient(100deg,#201d26,#28232f)}.qa-dark-mode .lesson-page-content>.builder-module-key-insight .lesson-builder-copy{background:rgba(255,255,255,.035)}.qa-dark-mode .lesson-pagination-previous{background:#24282a;color:var(--qa-text-strong);box-shadow:inset 0 0 0 1px rgba(255,255,255,.13)}
@media(max-width:760px){.lesson-page-content .builder-module h2{font-size:23px}.lesson-section-icon{width:48px;height:48px;flex-basis:48px;margin-right:13px}.lesson-section-icon svg{width:26px;height:26px}.lesson-page-content>.builder-module-key-insight{display:block}.lesson-page-content>.builder-module-key-insight .lesson-builder-copy{margin-top:14px}.lesson-pagination{grid-template-columns:1fr}.lesson-pagination a{min-height:70px}.lesson-completion-icon{left:8px;top:70px}}
@media(max-width:760px){
  .lesson-page-content>section.lesson-card:not(.lesson-opening),.lesson-page-content>aside.lesson-card:not(.lesson-opening),.lesson-opening .lesson-video,.lesson-page-content .member-resources,.lesson-page-content .lesson-academy-prompt{padding:24px 18px 24px 50px}
  .lesson-page-content>section.lesson-card:not(.lesson-opening):before,.lesson-page-content>aside.lesson-card:not(.lesson-opening):before,.lesson-opening .lesson-video:before{left:-16px!important;top:6px!important;width:38px;height:38px;font-size:15px}
  .lesson-page-content .lesson-card:not(.learn-today) h2:before{width:auto;height:auto;margin-right:10px;font-size:23px}
  .lesson-page-content>.lesson-completion{padding:24px 18px 24px 50px;grid-template-columns:1fr}
  .lesson-page-content>.lesson-completion:before{left:-16px!important;top:6px!important;width:38px;height:38px;font-size:15px}
  .lesson-page-content>.lesson-completion:after{left:14px;top:70px;width:auto;height:auto;font-size:22px}
}

/* Day 1's final promise card has unique markup; keep the verse from being squeezed by the shared Key Insight layout. */
.lesson-page-content>.orientation-promise.key-insight{display:grid!important;grid-template-columns:80px minmax(0,1fr)!important;gap:24px!important;align-items:center!important;padding:34px 44px 34px 74px!important;background:linear-gradient(110deg,#fffaf1,#fff)!important}
.lesson-page-content>.orientation-promise.key-insight>span{width:76px!important;height:76px!important;margin:0!important;grid-column:1!important;grid-row:1!important}
.lesson-page-content>.orientation-promise.key-insight>div{min-width:0;display:grid;grid-template-columns:minmax(280px,1fr) minmax(260px,360px);gap:18px 30px;align-items:center}
.lesson-page-content>.orientation-promise.key-insight .qa-kicker{grid-column:1/-1;margin:0}
.lesson-page-content>.orientation-promise.key-insight h2{grid-column:1;margin:0!important;max-width:650px;color:#6f5368;font:600 clamp(30px,3.3vw,46px)/1.12 'Playfair Display',serif!important}
.lesson-page-content>.orientation-promise.key-insight b,.lesson-page-content>.orientation-promise.key-insight>div>p:last-child{grid-column:2;min-width:0;text-align:center}
.lesson-page-content>.orientation-promise.key-insight b{align-self:end;color:var(--sage);font:700 clamp(32px,3.7vw,48px)/1.55 'Noto Naskh Arabic',serif}
.lesson-page-content>.orientation-promise.key-insight>div>p:last-child{align-self:start;margin:4px auto 0;max-width:290px;color:#4f5360;font:600 16px/1.45 Inter,system-ui,sans-serif}
.qa-dark-mode .lesson-page-content>.orientation-promise.key-insight{background:linear-gradient(110deg,#1a1f22,#251d29)!important}
.qa-dark-mode .lesson-page-content>.orientation-promise.key-insight h2{color:var(--qa-text-strong)}
.qa-dark-mode .lesson-page-content>.orientation-promise.key-insight>div>p:last-child{color:var(--qa-text-muted)}
@media(max-width:1100px){.lesson-page-content>.orientation-promise.key-insight>div{grid-template-columns:1fr}.lesson-page-content>.orientation-promise.key-insight h2,.lesson-page-content>.orientation-promise.key-insight b,.lesson-page-content>.orientation-promise.key-insight>div>p:last-child{grid-column:1;text-align:left}.lesson-page-content>.orientation-promise.key-insight b{margin-top:8px;text-align:center}.lesson-page-content>.orientation-promise.key-insight>div>p:last-child{text-align:center;margin-left:0}}
@media(max-width:760px){.lesson-page-content>.orientation-promise.key-insight{grid-template-columns:1fr!important;padding:30px 20px 24px!important;text-align:center}.lesson-page-content>.orientation-promise.key-insight>span{margin:auto!important}.lesson-page-content>.orientation-promise.key-insight h2{text-align:center;font-size:30px!important}.lesson-page-content>.orientation-promise.key-insight>div>p:last-child{margin-left:auto}}

/* Day 1's editable insight has longer Qur'an content: keep its reflection in the normal reading flow. */
.lesson-page-content>.builder-module-day-1.builder-module-key-insight{display:block!important;padding:32px 42px!important;background:linear-gradient(110deg,#fffaf1,#fff)!important}
.lesson-page-content>.builder-module-day-1.builder-module-key-insight h2{display:block;margin:0!important;color:#6f5368;font:600 clamp(30px,3.3vw,46px)/1.12 'Playfair Display',serif!important}
.lesson-page-content>.builder-module-day-1.builder-module-key-insight .lesson-builder-copy{display:block;margin-top:22px;padding:22px 26px;border-radius:13px;background:linear-gradient(105deg,#f5effd,#faf7ff);box-shadow:inset 0 0 0 1px rgba(97,89,129,.10)}
.lesson-page-content>.builder-module-day-1.builder-module-key-insight .lesson-builder-copy p{max-width:none;margin:0;color:#4f5360;font:600 16px/1.45 Inter,system-ui,sans-serif}
.lesson-page-content>.builder-module-day-1.builder-module-key-insight .lesson-builder-copy p+p{margin-top:10px}
.lesson-page-content>.builder-module-day-1.builder-module-key-insight .lesson-builder-copy p:has([lang="ar"]),.lesson-page-content>.builder-module-day-1.builder-module-key-insight .lesson-builder-copy [lang="ar"]{display:block;color:var(--sage);font:700 clamp(32px,3.7vw,48px)/1.55 'Noto Naskh Arabic',serif;text-align:center}
.qa-dark-mode .lesson-page-content>.builder-module-day-1.builder-module-key-insight{background:linear-gradient(110deg,#1a1f22,#251d29)!important}
.qa-dark-mode .lesson-page-content>.builder-module-day-1.builder-module-key-insight h2{color:var(--qa-text-strong)}
.qa-dark-mode .lesson-page-content>.builder-module-day-1.builder-module-key-insight .lesson-builder-copy{background:rgba(255,255,255,.035)}
.qa-dark-mode .lesson-page-content>.builder-module-day-1.builder-module-key-insight .lesson-builder-copy p{color:var(--qa-text-muted)}
@media(max-width:760px){.lesson-page-content>.builder-module-day-1.builder-module-key-insight{padding:28px 20px!important;text-align:center}.lesson-page-content>.builder-module-day-1.builder-module-key-insight h2{font-size:30px!important}.lesson-page-content>.builder-module-day-1.builder-module-key-insight .lesson-builder-copy{padding:18px}.lesson-page-content>.builder-module-day-1.builder-module-key-insight .lesson-builder-copy p{font-size:15px}}

/* Dashboard: give the sidebar seal just enough depth against the white navigation surface. */
body.qa100-journey-page .qa-brand .qa100-brand-logo--sidebar img{box-shadow:0 12px 28px rgba(17,17,17,.20),0 3px 8px rgba(17,17,17,.14)}

/* Keep the visitor's next-lesson preview fully legible on the dark dashboard. */
.qa-dark-mode .visitor-next-lesson{background:#2d271d;box-shadow:inset 0 0 0 1px rgba(226,164,56,.18),0 8px 22px rgba(0,0,0,.18)}
.qa-dark-mode .visitor-next-lesson>span:first-child{background:#49351a;color:#f4c36f}
.qa-dark-mode .visitor-next-lesson strong{color:var(--qa-text-strong)}
.qa-dark-mode .visitor-next-lesson small{color:var(--qa-text-muted)}

/* Canonical lesson-paper treatment: learning groups read as notes on one sheet,
   rather than as a second layer of floating cards. This covers both the original
   Days 1–5 markup and the shared foundation lesson template. */
.lesson-page-content .attached-family-map,
.lesson-page-content .quran-example-grid,
.lesson-page-content .harakat-grid,
.lesson-page-content .role-legend,
.lesson-page-content .analysis-labels{
  gap:0;
  overflow:hidden;
  border:1px solid rgba(25,33,46,.12);
  border-radius:8px;
  background:#fffdf8;
  box-shadow:none;
}
.lesson-page-content .attached-family-map>div,
.lesson-page-content .quran-example-grid article,
.lesson-page-content .harakat-grid article,
.lesson-page-content .role-legend>span,
.lesson-page-content .analysis-labels span{
  min-height:0;
  border:0;
  border-right:1px solid rgba(25,33,46,.11);
  border-bottom:1px solid rgba(25,33,46,.11);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.lesson-page-content .attached-family-map>div,
.lesson-page-content .quran-example-grid article{padding:18px 12px}
.lesson-page-content .harakat-grid article{padding:21px 16px}
.lesson-page-content .role-legend>span{padding:16px}
.lesson-page-content .analysis-labels span{padding:12px}
.lesson-page-content .attached-family-map>div:nth-child(4n),
.lesson-page-content .quran-example-grid article:nth-child(4n),
.lesson-page-content .analysis-labels span:nth-child(4n){border-right:0}
.lesson-page-content .harakat-grid article:nth-child(3n),
.lesson-page-content .role-legend>span:nth-child(3n){border-right:0}
.lesson-page-content .attached-family-map>div:nth-last-child(-n+3){border-bottom:0}
.lesson-page-content .quran-example-grid article:nth-last-child(-n+4),
.lesson-page-content .harakat-grid article:nth-last-child(-n+3),
.lesson-page-content .role-legend>span:nth-last-child(-n+3),
.lesson-page-content .analysis-labels span:nth-last-child(-n+4){border-bottom:0}

.lesson-page-content .you-and-i,
.lesson-page-content .compact-arabic,
.lesson-page-content .tanween-transform,
.lesson-page-content .analyzed-sentence,
.lesson-page-content .order-demo article,
.lesson-page-content .definite-switch article,
.lesson-page-content .definite-switch>aside,
.lesson-page-content .pronoun-map b{
  border:1px solid rgba(25,33,46,.12);
  border-radius:6px;
  background:#fffdf8;
  box-shadow:none;
}
.lesson-page-content .tanween-transform{padding:18px;background:#fffdf8}
.lesson-page-content .tanween-transform span{border:1px solid rgba(25,33,46,.11);border-radius:5px;background:transparent}
.lesson-page-content .order-demo article,.lesson-page-content .definite-switch article{box-shadow:none}
.lesson-page-content .practice-question{border-radius:6px;box-shadow:inset 0 0 0 1px rgba(25,33,46,.12)}
.lesson-page-content .answer-options button,.lesson-page-content .practice-expand{border-radius:5px;box-shadow:inset 0 0 0 1px rgba(25,33,46,.14)}

.qa-dark-mode .lesson-page-content .attached-family-map,
.qa-dark-mode .lesson-page-content .quran-example-grid,
.qa-dark-mode .lesson-page-content .harakat-grid,
.qa-dark-mode .lesson-page-content .role-legend,
.qa-dark-mode .lesson-page-content .analysis-labels,
.qa-dark-mode .lesson-page-content .you-and-i,
.qa-dark-mode .lesson-page-content .compact-arabic,
.qa-dark-mode .lesson-page-content .tanween-transform,
.qa-dark-mode .lesson-page-content .analyzed-sentence,
.qa-dark-mode .lesson-page-content .order-demo article,
.qa-dark-mode .lesson-page-content .definite-switch article,
.qa-dark-mode .lesson-page-content .definite-switch>aside,
.qa-dark-mode .lesson-page-content .pronoun-map b{background:#1d2326;border-color:rgba(244,242,236,.13);box-shadow:none}
.qa-dark-mode .lesson-page-content .attached-family-map>div,
.qa-dark-mode .lesson-page-content .quran-example-grid article,
.qa-dark-mode .lesson-page-content .harakat-grid article,
.qa-dark-mode .lesson-page-content .role-legend>span,
.qa-dark-mode .lesson-page-content .analysis-labels span{background:transparent;border-color:rgba(244,242,236,.12);box-shadow:none}
.qa-dark-mode .lesson-page-content .tanween-transform span{border-color:rgba(244,242,236,.12);background:transparent}

@media(max-width:900px){
  .lesson-page-content .attached-family-map>div:nth-child(4n){border-right:1px solid rgba(25,33,46,.11)}
  .lesson-page-content .attached-family-map>div:nth-child(2n){border-right:0}
  .lesson-page-content .attached-family-map>div:nth-last-child(-n+3){border-bottom:1px solid rgba(25,33,46,.11)}
  .lesson-page-content .attached-family-map>div:nth-last-child(-n+1){border-bottom:0}
  .qa-dark-mode .lesson-page-content .attached-family-map>div{border-color:rgba(244,242,236,.12)}
}
@media(max-width:760px){
  .lesson-page-content .attached-family-map,
  .lesson-page-content .quran-example-grid,
  .lesson-page-content .harakat-grid,
  .lesson-page-content .role-legend{display:block}
  .lesson-page-content .attached-family-map>div,
  .lesson-page-content .quran-example-grid article,
  .lesson-page-content .harakat-grid article,
  .lesson-page-content .role-legend>span{border-right:0;border-bottom:1px solid rgba(25,33,46,.11)}
  .lesson-page-content .attached-family-map>div:last-child,
  .lesson-page-content .quran-example-grid article:last-child,
  .lesson-page-content .harakat-grid article:last-child,
  .lesson-page-content .role-legend>span:last-child{border-bottom:0}
  .qa-dark-mode .lesson-page-content .attached-family-map>div,
  .qa-dark-mode .lesson-page-content .quran-example-grid article,
  .qa-dark-mode .lesson-page-content .harakat-grid article,
  .qa-dark-mode .lesson-page-content .role-legend>span{border-color:rgba(244,242,236,.12)}
}

/* Day 1 keeps unique orientation content, but follows the same paper grammar. */
.lesson-page-content .two-roles article,
.lesson-page-content .orientation-purpose article,
.lesson-page-content .approach-comparison article,
.lesson-page-content .orientation-route article,
.lesson-page-content .daily-rhythm li,
.lesson-page-content .daily-rhythm aside{
  border:1px solid rgba(25,33,46,.12);
  border-radius:6px;
  background:#fffdf8;
  box-shadow:none;
}
.lesson-page-content .orientation-purpose>div{gap:0;overflow:hidden;border:1px solid rgba(25,33,46,.12);border-radius:8px;background:#fffdf8}
.lesson-page-content .orientation-purpose article{border:0;border-radius:0}
.lesson-page-content .orientation-purpose article+article{border-left:1px solid rgba(25,33,46,.11)}
.lesson-page-content .two-roles article,.lesson-page-content .orientation-route article{box-shadow:none}
.qa-dark-mode .lesson-page-content .two-roles article,
.qa-dark-mode .lesson-page-content .orientation-purpose>div,
.qa-dark-mode .lesson-page-content .orientation-purpose article,
.qa-dark-mode .lesson-page-content .approach-comparison article,
.qa-dark-mode .lesson-page-content .orientation-route article,
.qa-dark-mode .lesson-page-content .daily-rhythm li,
.qa-dark-mode .lesson-page-content .daily-rhythm aside{background:#1d2326;border-color:rgba(244,242,236,.13);box-shadow:none}
.qa-dark-mode .lesson-page-content .orientation-purpose article+article{border-left-color:rgba(244,242,236,.12)}
@media(max-width:760px){
  .lesson-page-content .orientation-purpose article+article{border-top:1px solid rgba(25,33,46,.11);border-left:0}
  .qa-dark-mode .lesson-page-content .orientation-purpose article+article{border-top-color:rgba(244,242,236,.12)}
}
.qa-dark-mode .visitor-next-arrow{color:#f4c36f}

/* Lesson actions stay flush with the paper surface rather than floating above it. */
.lesson-page-content .qa-button,
.lesson-page-content>.lesson-completion .complete-lesson,
.lesson-page-content>.lesson-completion>a:not(.complete-lesson),
.lesson-page-content .lesson-pagination a,
.lesson-page-content .lesson-pagination a:hover{box-shadow:none!important}
.lesson-page-content .lesson-pagination-previous{border:1px solid rgba(182,107,19,.16)}
.qa-dark-mode .lesson-page-content .lesson-pagination-previous{border-color:rgba(244,242,236,.13)}

/* Keep the embedded progress card on the same flat paper plane as the lesson. */
.lesson-page-content>.lesson-embedded-journey,
.lesson-page-content>.lesson-embedded-journey.journey-just-updated{
  border:1px solid rgba(25,33,46,.10);
  border-radius:15px;
  box-shadow:none!important;
  animation:none!important;
}
.qa-dark-mode .lesson-page-content>.lesson-embedded-journey{border-color:rgba(244,242,236,.11)}

/* One completion row: previous, save progress, and next lesson. */
.lesson-page-content>.lesson-completion--with-pagination{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.lesson-page-content>.lesson-completion--with-pagination>form{min-width:0}
.lesson-page-content>.lesson-completion--with-pagination>form .complete-lesson{width:100%;height:100%}
.lesson-page-content>.lesson-completion--with-pagination .lesson-completion-previous{border:1px solid rgba(182,107,19,.16);background:#fffaf4!important;color:var(--ink)!important}
.lesson-page-content>.lesson-completion--with-pagination .lesson-completion-previous small{color:#676d75!important}
.lesson-page-content>.lesson-completion--with-pagination .lesson-completion-next{background:linear-gradient(105deg,#0e5a3d,#146d4b)!important}
.qa-dark-mode .lesson-page-content>.lesson-completion--with-pagination .lesson-completion-previous{background:#24282a!important;border-color:rgba(244,242,236,.13);color:var(--qa-text-strong)!important}
.qa-dark-mode .lesson-page-content>.lesson-completion--with-pagination .lesson-completion-previous small{color:var(--qa-text-muted)!important}
@media(max-width:760px){.lesson-page-content>.lesson-completion--with-pagination{grid-template-columns:1fr;gap:10px}}

/* The progress map and its lesson actions form one final paper sheet. */
.lesson-page-content>.lesson-embedded-journey{
  position:relative;
  margin-bottom:0!important;
  border-bottom:0!important;
  border-radius:15px 15px 0 0!important;
  counter-increment:qa-lesson-section;
}
.lesson-page-content>.lesson-embedded-journey:before{
  content:counter(qa-lesson-section);
  position:absolute;
  z-index:2;
  top:8px;
  left:-22px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#14634b!important;
  color:#fff;
  box-shadow:0 7px 16px rgba(25,33,46,.20);
  font-size:17px;
  font-weight:800;
}
.lesson-page-content>.lesson-completion{
  margin-top:0!important;
  border-top:1px solid rgba(25,33,46,.10)!important;
  border-radius:0 0 15px 15px!important;
  counter-increment:none!important;
}
.lesson-page-content>.lesson-completion:before{display:none!important}
.qa-dark-mode .lesson-page-content>.lesson-completion{border-top-color:rgba(244,242,236,.11)!important}
/* Unit lessons have two final actions; keep their paper buttons exactly matched. */
.lesson-page-content>.lesson-completion:not(.lesson-completion--with-pagination){align-items:stretch}
.lesson-page-content>.lesson-completion:not(.lesson-completion--with-pagination)>form,
.lesson-page-content>.lesson-completion:not(.lesson-completion--with-pagination)>a{min-height:132px;height:auto!important;align-self:stretch}
.lesson-page-content>.lesson-completion:not(.lesson-completion--with-pagination)>form{display:grid;min-height:132px;height:auto!important;align-self:stretch}
.lesson-page-content>.lesson-completion:not(.lesson-completion--with-pagination) .complete-lesson{min-height:132px!important;height:auto!important;align-content:center}
@media(min-width:761px){
  .lesson-page-content>.lesson-completion:not(.lesson-completion--with-pagination){height:190px!important;min-height:0!important;grid-template-rows:132px!important}
}
@media(min-width:761px) and (max-width:1200px){
  .lesson-page-content>.lesson-embedded-journey .card-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px}
  .lesson-page-content>.lesson-embedded-journey .card-heading h2{font-size:25px;white-space:nowrap}
  .lesson-page-content>.lesson-embedded-journey .legend{gap:6px;font-size:11px;white-space:nowrap}
  .lesson-page-content>.lesson-embedded-journey .legend i{margin-left:5px}
  .lesson-page-content>.lesson-embedded-journey .stage-tab strong{font-size:13px;white-space:nowrap}
  .lesson-page-content>.lesson-embedded-journey .academy-roadmap-footer .qa-button{min-width:0;white-space:nowrap}
  .lesson-page-content>.lesson-completion:not(.lesson-completion--with-pagination){height:210px!important;grid-template-rows:152px!important}
  .lesson-page-content>.lesson-completion:not(.lesson-completion--with-pagination)>a strong{font-size:20px;line-height:1.18}
}
@media(max-width:760px){
  .lesson-page-content>.lesson-embedded-journey .stage-tabs{display:grid;grid-template-columns:1fr;overflow:visible;padding:0}
  .lesson-page-content>.lesson-embedded-journey .stage-tab{width:100%;height:74px;min-height:74px;flex:initial}
  .lesson-page-content>.lesson-completion:not(.lesson-completion--with-pagination){height:auto!important;grid-auto-rows:88px!important}
  .lesson-page-content>.lesson-completion:not(.lesson-completion--with-pagination)>form,
  .lesson-page-content>.lesson-completion:not(.lesson-completion--with-pagination)>a,
  .lesson-page-content>.lesson-completion:not(.lesson-completion--with-pagination) .complete-lesson{min-height:0!important;height:88px!important}
  .lesson-page-content>.lesson-completion{padding-left:14px!important;padding-right:14px!important}
  .lesson-page-content>.lesson-embedded-journey:before{top:6px;left:-16px;width:38px;height:38px;font-size:15px}
}

/* Related explainers live under one Understand section, with a quiet internal break. */
.lesson-page-content .lesson-summary-detail{
  margin:28px 0 0!important;
  padding:24px 0 0!important;
  border-top:1px solid rgba(25,33,46,.10);
  background:transparent!important;
  box-shadow:none!important;
}
.lesson-page-content .lesson-summary-detail>h3{margin:0 0 12px;font:600 22px/1.2 'Playfair Display',serif}
.qa-dark-mode .lesson-page-content .lesson-summary-detail{border-top-color:rgba(244,242,236,.11)}
@media(max-width:760px){.lesson-page-content .lesson-summary-detail{margin-top:22px!important;padding-top:20px!important}.lesson-page-content .lesson-summary-detail>h3{font-size:20px}}

/* The progress heading owns the clipboard icon; keep its two actions compact. */
.lesson-page-content>.lesson-completion:not(.lesson-completion--with-pagination){
  height:auto!important;
  min-height:0!important;
  grid-template-rows:auto!important;
  padding:18px 42px!important;
}
.lesson-page-content>.lesson-completion:not(.lesson-completion--with-pagination)>form,
.lesson-page-content>.lesson-completion:not(.lesson-completion--with-pagination)>a,
.lesson-page-content>.lesson-completion:not(.lesson-completion--with-pagination) .complete-lesson{
  min-height:96px!important;
  height:auto!important;
}
.lesson-page-content>.lesson-completion:not(.lesson-completion--with-pagination)>form{display:block!important}
@media(max-width:760px){
  .lesson-page-content>.lesson-completion:not(.lesson-completion--with-pagination){padding:14px!important}
  .lesson-page-content>.lesson-completion:not(.lesson-completion--with-pagination)>form,
  .lesson-page-content>.lesson-completion:not(.lesson-completion--with-pagination)>a,
  .lesson-page-content>.lesson-completion:not(.lesson-completion--with-pagination) .complete-lesson{min-height:88px!important;height:88px!important}
}

/* Each of the three completion actions should fit its own copy, not a shared row height. */
.lesson-page-content>.lesson-completion--with-pagination{
  align-items:start;
  padding:18px 42px!important;
}
.lesson-page-content>.lesson-completion--with-pagination>form,
.lesson-page-content>.lesson-completion--with-pagination>a,
.lesson-page-content>.lesson-completion--with-pagination>form .complete-lesson{
  height:auto!important;
  min-height:0!important;
  align-self:start;
}
.lesson-page-content>.lesson-completion--with-pagination>form .complete-lesson{
  padding-top:18px!important;
  padding-bottom:18px!important;
}
@media(max-width:760px){
  .lesson-page-content>.lesson-completion--with-pagination{padding:14px!important}
}

/* Learning uses a blue and deep-navy system rather than the old green accent. */
body.qa-dark-mode{--sage:#79b6ee;--sage-soft:#173d67;--blue:#a7caed;--blue-soft:#1b3150;--gold:#ffad32;--gold-soft:#3a2915}
.lesson-progress-section-icon,.lesson-section-icon{background:#eaf4ff!important;color:#0758a8!important}
.lesson-opening .lesson-video:before,.lesson-page-content>.quran-examples:before,.lesson-page-content>.lesson-embedded-journey:before,.lesson-page-content>.lesson-completion:before{background:#064c93!important}
.lesson-opening .lesson-video h2:before,.lesson-page-content>.quran-examples h2:before,.lesson-page-content .member-resources h2:before,.lesson-page-content .lesson-academy-prompt h2:before{background:#eaf4ff!important;color:#0758a8!important}
.lesson-page-content>.lesson-completion .complete-lesson{border-color:rgba(7,88,168,.58)!important;color:#0758a8!important}
.lesson-page-content>.lesson-completion .complete-lesson small{color:#58758d!important}
.lesson-page-content>.lesson-completion>a:not(.login-to-complete):not(.lesson-completion-previous),.lesson-page-content>.lesson-completion--with-pagination .lesson-completion-next,.lesson-pagination-next{background:linear-gradient(105deg,#063f7a,#0758a8)!important}
.lesson-page-content>.lesson-completion .lesson-completion-previous{background:#fff7e9!important;border-color:rgba(247,147,29,.30)!important;color:var(--ink)!important}
.qa-dark-mode .lesson-page-content>.lesson-completion .lesson-completion-previous{background:#24282a!important;border-color:rgba(244,242,236,.13)!important;color:var(--qa-text-strong)!important}
.qa-dark-mode .lesson-progress-section-icon,.qa-dark-mode .lesson-section-icon{background:#1e344b!important;color:#9ec5e6!important}
.qa-dark-mode .lesson-opening .lesson-video h2:before,.qa-dark-mode .lesson-page-content>.quran-examples h2:before,.qa-dark-mode .lesson-page-content .member-resources h2:before,.qa-dark-mode .lesson-page-content .lesson-academy-prompt h2:before{background:#1e344b!important;color:#9ec5e6!important}

/* Blue carries the route and current lesson; orange is reserved for the location label. */
.day-node.current:after,.journey-step.current:after,.journey-step.current:before{background:linear-gradient(90deg,#0758a8,#d9dbde)!important}
.day-node.current span,.journey-step.current .step-circle{background:#0758a8!important;box-shadow:0 0 0 4px #fff,0 0 0 7px #0758a8,0 10px 23px rgba(7,88,168,.20)!important}
.journey-step .you-are-here{background:linear-gradient(135deg,#f9a11f,#e77e08)!important;box-shadow:0 8px 18px rgba(231,126,8,.28),0 2px 5px rgba(25,33,46,.12)!important}
.journey-step .you-are-here:after{border-top-color:#e77e08!important}
.qa-dark-mode .day-node.current span,.qa-dark-mode .journey-step.current .step-circle{background:#2a76b7!important;box-shadow:0 0 0 4px var(--qa-surface-base),0 0 0 7px #2a76b7,0 10px 23px rgba(0,0,0,.35)!important}
.qa-dark-mode .day-node.current:after,.qa-dark-mode .journey-step.current:after,.qa-dark-mode .journey-step.current:before{background:linear-gradient(90deg,#2a76b7,#4a5257)!important}

/* Large commitment actions use the logo's charcoal; blue remains a progress accent. */
.qa-button.primary,.academy-word-bank-link{background:#252a2e!important;color:#fff!important;box-shadow:0 10px 24px rgba(25,33,46,.20)!important}
.lesson-page-content>.lesson-completion>a:not(.login-to-complete):not(.lesson-completion-previous),.lesson-page-content>.lesson-completion--with-pagination .lesson-completion-next,.lesson-pagination-next{background:#252a2e!important;box-shadow:0 10px 22px rgba(25,33,46,.18)!important}
.qa-dark-mode .qa-button.primary,.qa-dark-mode .academy-word-bank-link,.qa-dark-mode .lesson-page-content>.lesson-completion>a:not(.login-to-complete):not(.lesson-completion-previous),.qa-dark-mode .lesson-page-content>.lesson-completion--with-pagination .lesson-completion-next,.qa-dark-mode .lesson-pagination-next{background:#30383d!important;color:#fff!important}

/* The active journey position belongs to the charcoal action family as well. */
.day-node.current:after,.journey-step.current:after,.journey-step.current:before{background:linear-gradient(90deg,#252a2e,#d9dbde)!important}
.day-node.current span,.journey-step.current .step-circle{background:#252a2e!important;box-shadow:0 0 0 4px #fff,0 0 0 7px #252a2e,0 10px 23px rgba(25,33,46,.20)!important}
.qa-dark-mode .day-node.current:after,.qa-dark-mode .journey-step.current:after,.qa-dark-mode .journey-step.current:before{background:linear-gradient(90deg,#30383d,#4a5257)!important}
.qa-dark-mode .day-node.current span,.qa-dark-mode .journey-step.current .step-circle{background:#30383d!important;box-shadow:0 0 0 4px var(--qa-surface-base),0 0 0 7px #30383d,0 10px 23px rgba(0,0,0,.35)!important}

/* QA100 colour hierarchy: navy headings, charcoal actions, blue progress, orange attention. */
:root{--qa-heading:#063f7a;--qa-action:#252a2e;--qa-progress:#0758a8;--qa-attention:#f7931d}
body:not(.qa-dark-mode) :is(.academy-intro h1,.academy-method-intro h1,.word-bank-heading h1,.lesson-title h1,.card-heading>h1,.card-heading>div>h2,.lesson-summary h2,.learning-hub-heading h2,.visitor-word-bank-preview h2){color:var(--qa-heading)}
.qa-button.primary,.academy-word-bank-link{background:var(--qa-action)!important}
.lesson-page-content>.lesson-completion>a:not(.login-to-complete):not(.lesson-completion-previous),.lesson-page-content>.lesson-completion--with-pagination .lesson-completion-next,.lesson-pagination-next{background:var(--qa-action)!important}
.journey-step .you-are-here{background:linear-gradient(135deg,#f9a11f,var(--qa-attention))!important}
body.qa-dark-mode{--qa-heading:#f4f2ec;--qa-action:#30383d;--qa-progress:#2a76b7;--qa-attention:#ffad32}
.qa-dark-mode :is(.academy-intro h1,.academy-method-intro h1,.word-bank-heading h1,.lesson-title h1,.card-heading>h1,.card-heading>div>h2,.lesson-summary h2,.learning-hub-heading h2,.visitor-word-bank-preview h2){color:var(--qa-heading)}

/* Visitors can inspect the Word Bank before deciding to begin tracking. */
.visitor-word-bank-preview{padding:30px 34px!important}
.visitor-word-bank-preview>header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end}
.visitor-word-bank-preview h2{margin:0;font:600 30px/1.1 'Playfair Display',serif;color:var(--ink)}
.visitor-word-bank-preview header p:not(.qa-kicker){max-width:510px;margin:8px 0 0;color:var(--muted);font-size:13px}
.visitor-word-bank-preview .qa-button{min-width:260px;white-space:nowrap}
.visitor-word-bank-words{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:26px;border-top:1px solid rgba(6,63,122,.14)}
.visitor-word-bank-words article{display:grid;grid-template-columns:minmax(82px,.8fr) minmax(0,1.2fr);gap:14px;align-items:stretch;padding:18px 20px}
.visitor-word-bank-words article+article{border-left:1px solid rgba(6,63,122,.14)}
.visitor-word-bank-term,.visitor-word-bank-context{display:flex;min-width:0;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.visitor-word-bank-contexts{display:grid;gap:8px;min-width:0}
.visitor-word-bank-words b,.visitor-word-bank-words strong,.visitor-word-bank-words span{display:block}
.visitor-word-bank-term b{font:700 39px/1 'Noto Naskh Arabic',serif;color:var(--blue)}
.visitor-word-bank-term strong{margin-top:8px;font:700 15px/1.2 Inter,sans-serif;color:var(--ink)}
.visitor-word-bank-context{padding:9px 10px;background:#eef0f2;border-radius:4px}
.visitor-word-bank-context small{display:block;margin-bottom:2px;color:#9aa0a6;font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.visitor-word-bank-context b{font:700 23px/1.25 'Noto Naskh Arabic',serif;color:#30383d}
.visitor-word-bank-context span{margin-top:5px;color:var(--muted);font-size:10px;line-height:1.35}
.qa-dark-mode .visitor-word-bank-words,.qa-dark-mode .visitor-word-bank-words article+article{border-color:rgba(244,242,236,.12)}
.qa-dark-mode .visitor-word-bank-context{background:#30383d}
.qa-dark-mode .visitor-word-bank-context small{color:#9da5ad}
.qa-dark-mode .visitor-word-bank-term b{color:#9ec5e6}
.qa-dark-mode .visitor-word-bank-context b{color:#f4f2ec}
@media(max-width:760px){.visitor-word-bank-preview{padding:24px 20px!important}.visitor-word-bank-preview>header{grid-template-columns:1fr;gap:18px}.visitor-word-bank-preview h2{font-size:26px}.visitor-word-bank-preview .qa-button{width:100%;min-width:0}.visitor-word-bank-words{grid-template-columns:1fr;gap:0;margin-top:20px}.visitor-word-bank-words article{padding:16px 0}.visitor-word-bank-words article+article{border-left:0;border-top:1px solid rgba(6,63,122,.14)}.visitor-word-bank-words article:last-child{padding-bottom:0}.visitor-word-bank-context{padding:12px}}

/* Keep lesson orientation available on phones without retaining the full desktop sidebar. */
@media(max-width:760px){.lesson-sidebar{padding:14px 18px 12px}.lesson-stage-nav{display:block;padding:13px 0 0}.lesson-stage-nav>p{display:none}.lesson-stage-nav ol{display:flex;gap:8px;overflow-x:auto;padding:0 0 3px;scrollbar-width:thin}.lesson-stage-nav li{display:grid;grid-template-columns:25px minmax(100px,1fr);gap:8px;flex:0 0 148px;min-height:50px;padding:8px;border:1px solid rgba(6,63,122,.16);border-radius:5px}.lesson-stage-nav li:not(:last-child):after{display:none}.lesson-stage-nav li>span{width:24px;height:24px;font-size:10px}.lesson-stage-nav li small{max-width:none;margin-top:1px;font-size:9px;line-height:1.25}.lesson-stage-nav li strong{font-size:10px}.lesson-stage-nav .full-stage{display:block;margin:9px 0 1px;font-size:10px}.qa-dark-mode .lesson-stage-nav li{border-color:rgba(244,242,236,.14)}}

/* The narrow Word Bank sidebar belongs to desktop; mobile uses the shared slide-out menu. */
@media(max-width:760px){body:has(.word-bank-page) .qa-main{margin-left:0}body:has(.word-bank-page) .qa-sidebar{width:250px;padding-left:18px;padding-right:18px}}

/* Lesson navigation uses the shared hamburger pattern on phones. */
@media(max-width:760px){.lesson-menu-toggle{display:grid;place-items:center}.lesson-app .lesson-sidebar{position:fixed;inset:0 auto 0 0;width:min(88vw,300px);height:100dvh;padding:24px 20px 34px;transform:translateX(-105%);transition:transform .25s ease;overflow-y:auto;z-index:70;box-shadow:8px 0 28px rgba(25,33,46,.16)}.lesson-app .lesson-sidebar.open{transform:translateX(0)}.lesson-app .lesson-back,.lesson-app .lesson-sidebar-academy{display:block}.lesson-app .lesson-stage-nav{display:block;padding:23px 8px 0}.lesson-app .lesson-stage-nav>p{display:block}.lesson-app .lesson-stage-nav ol{display:block;overflow:visible;padding:0}.lesson-app .lesson-stage-nav li{display:grid;grid-template-columns:34px 1fr;gap:11px;min-height:83px;padding:0;border:0;border-radius:0}.lesson-app .lesson-stage-nav li:not(:last-child):after{display:block}.lesson-app .lesson-stage-nav li>span{width:33px;height:33px;font-size:inherit}.lesson-app .lesson-stage-nav li small{max-width:100px;margin-top:3px;font-size:11px;line-height:1.35}.lesson-app .lesson-stage-nav li strong{font-size:inherit}.lesson-app .lesson-stage-nav .full-stage{display:inline-block;margin:5px 0 20px;font-size:12px}}

@media(max-width:760px){.lesson-menu-toggle{z-index:80}}

/* The Word Bank drawer keeps one focused Academy+ invitation for non-members. */
body:has(.word-bank-page) .qa-sidebar .lesson-sidebar-academy{margin:20px 0 0;padding:17px 11px;border-radius:10px}
body:has(.word-bank-page) .qa-sidebar .sidebar-academy-arch{width:62px;height:49px}
body:has(.word-bank-page) .qa-sidebar .lesson-sidebar-academy h2{margin:6px 0 8px;font-size:15px}
body:has(.word-bank-page) .qa-sidebar .lesson-sidebar-academy p{font-size:9px;line-height:1.5}
body:has(.word-bank-page) .qa-sidebar .lesson-sidebar-academy a{margin-top:10px}
@media(max-width:760px){body:has(.word-bank-page) .qa-sidebar .lesson-sidebar-academy{display:block}}

/* Palette audit: legacy green and purple primary treatments now use QA100's blue family. */
:root{--qa-royal-blue:#0758a8;--qa-royal-blue-mid:#2a76b7;--qa-royal-blue-soft:#eaf4ff;--qa-royal-blue-pale:#a9c3ed;--qa-charcoal:#252a2e;--qa-orange:#f7931d}
.lesson-progress-section-icon,.lesson-section-icon{background:var(--qa-royal-blue-soft);color:var(--qa-royal-blue)}
.lesson-opening .lesson-video:before,.lesson-page-content>section.lesson-card:not(.lesson-opening).quran-examples:before,.lesson-page-content>section.lesson-card:not(.lesson-opening).lesson-embedded-journey:before,.lesson-page-content>.lesson-completion:before,.lesson-page-content>section.lesson-card:not(.lesson-opening).builder-module-quran-example:before{background:var(--qa-royal-blue)!important}
.lesson-opening .lesson-video h2:before,.lesson-page-content>.quran-examples h2:before,.lesson-page-content .member-resources h2:before,.lesson-page-content .lesson-academy-prompt h2:before{background:var(--qa-royal-blue-soft);color:var(--qa-royal-blue)}
.lesson-page-content>.quran-examples h2:after{filter:brightness(0) saturate(100%) invert(30%) sepia(88%) saturate(1173%) hue-rotate(181deg) brightness(88%) contrast(96%)}
.lesson-completion-icon{color:var(--qa-royal-blue)}
.lesson-page-content>.lesson-completion .complete-lesson{border-color:color-mix(in srgb,var(--qa-royal-blue) 55%,transparent);color:var(--qa-royal-blue)}
.lesson-section-icon--key-insight,.lesson-page-content>.builder-module-key-insight:before{background:var(--qa-royal-blue)!important;color:#fff}
.lesson-page-content>.builder-module-key-insight{background:linear-gradient(100deg,#f3f7fc,#edf4fb);border-top-color:rgba(7,88,168,.14)!important;border-bottom-color:rgba(7,88,168,.11)!important}
.lesson-page-content>.builder-module-key-insight h2{color:var(--qa-royal-blue)}
.journey-learn h3,.journey-learn .journey-column-icon,.journey-save h3,.journey-save .journey-column-icon{color:var(--qa-royal-blue)}
.journey-check.is-complete .journey-check-box{border-color:var(--qa-royal-blue);background:var(--qa-royal-blue)}
.journey-check.is-complete>span:nth-child(2){text-decoration-color:rgba(7,88,168,.45);color:#426d9d}
.related-word-list button.active{background:rgba(7,88,168,.06);box-shadow:inset 0 -2px var(--qa-royal-blue)}
.word-day-selector a.active{background:var(--qa-royal-blue);box-shadow:0 9px 20px rgba(7,88,168,.22)}
.word-day-word-list button.active{box-shadow:inset 0 0 0 2px var(--qa-royal-blue),0 7px 18px rgba(7,88,168,.14)}
.word-route-link,.word-route-note span,.surah-route-body small span{color:var(--qa-royal-blue)}
.word-bank-tools .memory-words{background:linear-gradient(145deg,#fff 48%,var(--qa-royal-blue-soft));border-color:#bdd2e6;color:var(--qa-royal-blue)}
.analysis-diacritic--doer:after,.analysis-mark--doer,.grammar-circle--doer,.grammar-doer-line{border-color:var(--qa-royal-blue);stroke:var(--qa-royal-blue)}
.analysis-role--doer,.analysis-diacritic--doer .analysis-role,.analysis-word--doer .analysis-role,.grammar-mark--doer,.grammar-doer-text,.ending-signal--doer strong{color:var(--qa-royal-blue)!important}
.analysis-role--doer,.analysis-diacritic--doer .analysis-role,.analysis-word--doer .analysis-role{border-color:var(--qa-royal-blue-pale)}
.analysis-role--doer:before,.analysis-diacritic--doer .analysis-role:before{background:var(--qa-royal-blue-mid)}
.analysis-role--doer:after,.analysis-diacritic--doer .analysis-role:after{border-color:var(--qa-royal-blue-mid)}
.analysis-connect-arcs path:first-of-type,.analysis-connect-arc--top path{stroke:var(--qa-royal-blue)}
.analysis-connect-words>span:nth-child(2),.grammar-doer-card{box-shadow:inset 0 0 0 1px var(--qa-royal-blue-pale);stroke:#bdd2e6}
.ending-signal--doer .ending-mark{color:var(--qa-royal-blue);background:var(--qa-royal-blue-soft)}
.ending-signal--doer .ending-mark:after{border-color:var(--qa-royal-blue-mid)}
.ending-signal--doer .ending-rule-arrow{background:var(--qa-royal-blue-mid)}
.qa-dark-mode .lesson-progress-section-icon,.qa-dark-mode .lesson-section-icon{background:#202c3d;color:#a9c3ed}
.qa-dark-mode .lesson-page-content>.builder-module-key-insight{background:linear-gradient(100deg,#1b2631,#202c3d)}
.word-search-form button,.word-test-begin,.word-test-check{background:var(--qa-charcoal)}
.qa-dark-mode .word-search-form button,.qa-dark-mode .word-test-begin,.qa-dark-mode .word-test-check{background:#30383d;color:#f4f2ec}
.lesson-page-content .lesson-card:not(.learn-today) h2:before,.lesson-page-content>.lesson-completion:after{background:var(--qa-royal-blue-soft)!important;color:var(--qa-royal-blue)!important}
.lesson-page-content>.key-insight .insight-icon,.lesson-page-content>.key-insight>.insight-icon{background:var(--qa-royal-blue-soft)!important;color:var(--qa-royal-blue)!important}
.lesson-section-toggle:hover{background:var(--qa-royal-blue-soft);color:var(--qa-royal-blue)}
.qa-dark-mode .lesson-page-content .lesson-card:not(.learn-today) h2:before,.qa-dark-mode .lesson-page-content>.lesson-completion:after{background:#202c3d!important;color:#a9c3ed!important}
.qa-dark-mode .lesson-page-content>.key-insight .insight-icon,.qa-dark-mode .lesson-page-content>.key-insight>.insight-icon{background:#202c3d!important;color:#a9c3ed!important}

/* Utility controls are neutral charcoal, leaving blue and orange for learning states. */
.qa-menu-toggle,.profile-orb,.qa-profile-trigger>span,.qa-profile-signin>span,.qa-theme-toggle{background:var(--qa-charcoal);color:#fff}
.qa-dark-mode .qa-menu-toggle,.qa-dark-mode .profile-orb,.qa-dark-mode .qa-profile-trigger>span,.qa-dark-mode .qa-profile-signin>span,.qa-dark-mode .qa-theme-toggle{background:#30383d;color:#f4f2ec}
.qa-menu-toggle{box-shadow:0 10px 24px rgba(25,33,46,.22)}
.qa-dark-mode .qa-menu-toggle{box-shadow:0 10px 24px rgba(0,0,0,.42)}

/* Mobile account menu: leave the profile control in its normal drawer position. */
@media(max-width:760px){.qa-sidebar-profile .qa-profile-dropdown{position:fixed;top:auto;right:14px;bottom:78px;left:14px;width:auto;z-index:100}}

/* Final identity: charcoal and gray are primary; orange remains the only highlight colour. */
:root{--ink:#252a2e;--sage:#4a5257;--sage-soft:#eef0f2;--blue:#30383d;--blue-soft:#f1f2f3;--qa-heading:#252a2e;--qa-progress:#4f5360;--qa-royal-blue:#4a5257;--qa-royal-blue-mid:#6d747b;--qa-royal-blue-soft:#eef0f2;--qa-royal-blue-pale:#c8cbd0}
body.qa-dark-mode{--sage:#c8cbd0;--sage-soft:#2b3034;--blue:#d5d8db;--blue-soft:#2b3034;--qa-heading:#f4f2ec;--qa-progress:#c8cbd0;--qa-royal-blue:#c8cbd0;--qa-royal-blue-mid:#9aa0a6;--qa-royal-blue-soft:#2b3034;--qa-royal-blue-pale:#6d747b}

/* Keep long learner identities contained inside the navigation drawer. */
.qa-sidebar,
.qa-sidebar *{box-sizing:border-box}
.qa-sidebar-profile,
.qa-sidebar-profile .qa-profile-menu,
.qa-sidebar-profile .qa-profile-trigger,
.qa-sidebar .qa-account{min-width:0;max-width:100%}
.qa-sidebar-profile .qa-profile-trigger strong,
.qa-sidebar .qa-account strong,
.qa-sidebar .qa-account small{min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.qa-profile-dropdown header>div{min-width:0;max-width:100%;overflow:hidden}

@media(max-width:760px){
  .qa-sidebar{width:min(88vw,320px);overflow-x:hidden}
  body:has(.word-bank-page) .qa-sidebar{width:min(88vw,320px)}
  .qa-sidebar-profile{width:100%;margin-inline:0}
  .qa-sidebar-profile .qa-profile-trigger strong{flex:1;max-width:none;text-align:left}
  .qa-sidebar-profile .qa-profile-dropdown header small{max-width:100%;white-space:normal;overflow-wrap:anywhere}
}
.method-pillar--sage,.method-pillar--blue{background:#f4f5f6;color:#4a5257}.method-pillar--sage>span,.method-pillar--blue>span{background:#e8eaec}
.academy-continuation-card .continuation-node.stage-one,.academy-continuation-card .continuation-node.stage-three{background:#f3f4f5;color:#4a5257;box-shadow:0 0 0 1.5px #6d747b,0 5px 12px rgba(37,42,46,.10)}
.academy-continuation-card .academy-unlock-gate.stage-three-gate{background:#4a5257;box-shadow:0 0 0 2px #fff,0 0 0 4px #4a5257,0 6px 14px rgba(37,42,46,.17)}
.academy-continuation-card .academy-stage-summary .rail-stage-two .continuation-node,.academy-continuation-card .academy-stage-summary .rail-stage-three .continuation-node{background:#f3f4f5;color:#6d747b;box-shadow:0 0 0 1.5px #aeb4ba,0 5px 12px rgba(37,42,46,.08)}
.qa-dark-mode .academy-continuation-card .academy-stage-summary .rail-stage-two .continuation-node,.qa-dark-mode .academy-continuation-card .academy-stage-summary .rail-stage-three .continuation-node{background:#2b3034;color:#c8cbd0;box-shadow:inset 0 0 0 1.5px #6d747b,0 5px 12px rgba(0,0,0,.23)}
.ending-signal--action .ending-mark{color:#4f5360;background:#eef0f2}.ending-signal--action strong{color:#4f5360;background:transparent}.pattern-fathas i{background:#4f5360}
.lesson-progress-section-icon,.lesson-section-icon{background:#eef0f2!important;color:#4a5257!important}
.lesson-opening .lesson-video h2:before,.lesson-page-content>.quran-examples h2:before,.lesson-page-content .member-resources h2:before,.lesson-page-content .lesson-academy-prompt h2:before{background:#eef0f2!important;color:#4a5257!important}
.lesson-page-content>.quran-examples h2:after{filter:grayscale(1) brightness(.45)}
.lesson-page-content>.lesson-completion .complete-lesson{border-color:rgba(74,82,87,.58)!important;color:#4a5257!important}
.day-node.current:after,.journey-step.current:after,.journey-step.current:before{background:linear-gradient(90deg,#4a5257,#d9dbde)!important}
.day-node.current span,.journey-step.current .step-circle{background:#30383d!important;box-shadow:0 0 0 4px #fff,0 0 0 7px #30383d,0 10px 23px rgba(37,42,46,.20)!important}
.visitor-word-bank-words article,.visitor-word-bank-context{border-color:rgba(48,56,61,.16)}
.visitor-word-bank-term b,.visitor-word-bank-context b{color:#30383d}
.qa-dark-mode .academy-continuation-card .continuation-node.stage-one,.qa-dark-mode .academy-continuation-card .continuation-node.stage-three{background:#2b3034;color:#c8cbd0;box-shadow:inset 0 0 0 1.5px #6d747b,0 5px 12px rgba(0,0,0,.23)}
.qa-dark-mode .academy-continuation-card .academy-unlock-gate.stage-three-gate{background:#30383d;box-shadow:0 0 0 2px var(--qa-surface-raised),0 0 0 4px #30383d,0 6px 14px rgba(0,0,0,.3)}
.qa-dark-mode .lesson-progress-section-icon,.qa-dark-mode .lesson-section-icon,.qa-dark-mode .lesson-page-content .lesson-card:not(.learn-today) h2:before,.qa-dark-mode .lesson-page-content>.lesson-completion:after{background:#2b3034!important;color:#c8cbd0!important}
.qa-dark-mode .lesson-page-content>.key-insight .insight-icon,.qa-dark-mode .lesson-page-content>.key-insight>.insight-icon{background:#2b3034!important;color:#c8cbd0!important}
.qa-dark-mode .visitor-word-bank-term b,.qa-dark-mode .visitor-word-bank-context b{color:#d5d8db}

/* The shared foundation lessons use one concise insight block, rather than the
   older split insight-and-verse composition. Keep its copy in a normal reading column. */
.lesson-page-content>.key-insight.key-insight--simple{grid-template-columns:62px minmax(0,1fr)!important;gap:22px;min-height:156px}
.lesson-page-content>.key-insight.key-insight--simple>div{grid-column:2;grid-row:1;min-width:0;width:auto;max-width:760px}
.lesson-page-content>.key-insight.key-insight--simple h2{margin:0 0 13px!important;padding:0!important;color:#17191b;font:600 30px/1.12 'Playfair Display',serif!important}
.lesson-page-content>.key-insight.key-insight--simple strong{display:block;margin:0 0 8px;color:#17191b;font:700 18px/1.28 Inter,system-ui,sans-serif}
.lesson-page-content>.key-insight.key-insight--simple p{max-width:680px;margin:0;color:#4f5360;font:500 16px/1.5 Inter,system-ui,sans-serif}
.qa-dark-mode .lesson-page-content>.key-insight.key-insight--simple h2,.qa-dark-mode .lesson-page-content>.key-insight.key-insight--simple strong{color:var(--qa-text-strong)}
.qa-dark-mode .lesson-page-content>.key-insight.key-insight--simple p{color:var(--qa-text-muted)}
@media(max-width:760px){.lesson-page-content>.key-insight.key-insight--simple{grid-template-columns:48px minmax(0,1fr)!important;gap:14px;min-height:0}.lesson-page-content>.key-insight.key-insight--simple h2{font-size:26px!important}.lesson-page-content>.key-insight.key-insight--simple strong{font-size:16px}.lesson-page-content>.key-insight.key-insight--simple p{font-size:15px}}

/* Practice is a teaching surface, not a compact form: keep its question and choices easy to read. */
.lesson-page-content>.practice-card>p{font-size:18px;line-height:1.45}
.lesson-page-content>.practice-card .practice-window{max-height:760px}
.lesson-page-content>.practice-card .practice-question{margin-top:22px;padding:20px 26px 24px}
.lesson-page-content>.practice-card .practice-question legend{grid-template-columns:44px minmax(0,1fr);padding:0 8px}
.lesson-page-content>.practice-card .practice-question legend>span{width:40px;height:40px;font-size:20px}
.lesson-page-content>.practice-card .practice-question legend strong{font-size:21px;line-height:1.2}
.lesson-page-content>.practice-card .practice-question legend small{margin-top:4px;font-size:17px;line-height:1.35}
.lesson-page-content>.practice-card .answer-options{gap:18px;margin-top:22px}
.lesson-page-content>.practice-card .answer-options button{min-height:86px;padding:12px 16px;font-size:18px;line-height:1.25}
.lesson-page-content>.practice-card .answer-options button b{font-size:30px;line-height:1.25}
.lesson-page-content>.practice-card .practice-expand{height:54px;margin-top:18px;font-size:17px}
@media(max-width:760px){.lesson-page-content>.practice-card>p{font-size:16px}.lesson-page-content>.practice-card .practice-question{padding:18px}.lesson-page-content>.practice-card .practice-question legend{grid-template-columns:38px minmax(0,1fr);padding:0}.lesson-page-content>.practice-card .practice-question legend>span{width:34px;height:34px;font-size:17px}.lesson-page-content>.practice-card .practice-question legend strong{font-size:18px}.lesson-page-content>.practice-card .practice-question legend small{font-size:15px}.lesson-page-content>.practice-card .answer-options{gap:12px}.lesson-page-content>.practice-card .answer-options button{min-height:64px;font-size:17px}.lesson-page-content>.practice-card .answer-options button b{font-size:28px}}

/* The numbered marker already separates each question. Keep the choices aligned to it, without another enclosing box. */
.lesson-page-content>.practice-card .practice-question{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:10px;row-gap:14px;margin-top:20px;padding:0;border:0;box-shadow:none}
.lesson-page-content>.practice-card .practice-question legend{grid-column:1/-1;width:100%;margin:0;padding:0;grid-template-columns:44px minmax(0,1fr)}
.lesson-page-content>.practice-card .practice-question .answer-options,.lesson-page-content>.practice-card .practice-question .answer-feedback{grid-column:2;margin-top:0}
.lesson-page-content>.practice-card .practice-question .answer-options{margin-top:8px}
.lesson-page-content>.practice-card .practice-question .answer-options{gap:14px}
.lesson-page-content>.practice-card .answer-options button{min-height:68px}
@media(max-width:760px){.lesson-page-content>.practice-card .practice-question{grid-template-columns:38px minmax(0,1fr);column-gap:8px;row-gap:12px;margin-top:18px}.lesson-page-content>.practice-card .practice-question legend{grid-template-columns:38px minmax(0,1fr)}.lesson-page-content>.practice-card .answer-options button{min-height:60px}}

/* Keep the first two questions in view by default; the existing expander reveals the rest. */
.lesson-page-content>.practice-card .practice-window{max-height:350px}
.lesson-page-content>.practice-card.expanded .practice-window{max-height:1200px}
@media(max-width:760px){.lesson-page-content>.practice-card .practice-window{max-height:440px}}
.ending-signal--action .ending-mark,.ending-signal--action .ending-mark--pattern{background:#eef0f2;color:#4f5360}
.ending-signal--action .ending-rule-arrow{background:#6d747b}
.qa-dark-mode .ending-signal--action .ending-mark,.qa-dark-mode .ending-signal--action .ending-mark--pattern{background:#2b3034;color:#c8cbd0}
.qa-dark-mode .ending-signal--action .ending-rule-arrow{background:#9aa0a6}

/* Dark lesson surfaces retain hierarchy without light-mode panels or washed-out rail states. */
.qa-dark-mode .lesson-page-content>.lesson-completion .login-to-complete{background:#30383d!important;color:var(--qa-text-strong)!important;border-color:rgba(200,203,208,.38)!important;box-shadow:inset 0 0 0 1px rgba(200,203,208,.28),0 7px 18px rgba(0,0,0,.24)!important}
.qa-dark-mode .lesson-page-content>.lesson-completion .login-to-complete small{color:#c8cbd0!important}
.qa-dark-mode .lesson-stage-nav li>span{background:#2b3034;border-color:#6d747b;color:#c8cbd0}
.qa-dark-mode .lesson-stage-nav li.done>span{background:#2b3034;border-color:#8b969e;color:#d5d8db}
.qa-dark-mode .lesson-stage-nav li.current>span{background:var(--qa-attention);border-color:var(--qa-attention);color:#1b1e20}
.qa-dark-mode .lesson-stage-nav li:not(:last-child):after{background:#8b969e}
.qa-dark-mode .ending-signal--action strong{color:#c8cbd0}
.qa-dark-mode .pattern-fathas i{background:#c8cbd0}
.qa-dark-mode .journey-step:not(.completed):not(.current) .step-circle{background:#2b3034;color:#c8cbd0;box-shadow:0 0 0 1.5px #6d747b,0 6px 14px rgba(0,0,0,.24)}
.qa-dark-mode .lesson-opening .lesson-video:before,.qa-dark-mode .lesson-page-content>section.lesson-card:not(.lesson-opening):before,.qa-dark-mode .lesson-page-content>aside.lesson-card:not(.lesson-opening):before{background:#2b3034!important;color:#c8cbd0!important;box-shadow:0 7px 16px rgba(0,0,0,.28)!important}
.qa-dark-mode .lesson-page-content>.practice-card:before{background:var(--qa-attention)!important;color:#1b1e20!important}

/* Final lesson actions share one row height, set by the longest lesson title. */
.lesson-page-content>.lesson-completion--with-pagination{align-items:stretch!important;grid-auto-rows:1fr}
.lesson-page-content>.lesson-completion--with-pagination>form,
.lesson-page-content>.lesson-completion--with-pagination>a,
.lesson-page-content>.lesson-completion--with-pagination>form .complete-lesson{height:100%!important;align-self:stretch!important}
.lesson-page-content>.lesson-completion--with-pagination .lesson-completion-previous small{color:#a05e10!important;opacity:1!important}

/* A direct dashboard route belongs in every lesson's progress section. */
.lesson-page-content>.lesson-embedded-journey .card-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}
.lesson-progress-journey-link{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;color:#a05e10;font-size:14px;font-weight:750;white-space:nowrap}
.lesson-progress-journey-link span{font-size:19px;line-height:1;transition:transform .2s ease}
.lesson-progress-journey-link:hover span{transform:translateX(3px)}
.qa-dark-mode .lesson-progress-journey-link{color:var(--gold)}
@media(max-width:760px){.lesson-page-content>.lesson-embedded-journey .card-heading{align-items:flex-start;flex-direction:column;gap:10px}.lesson-progress-journey-link{padding-left:61px;font-size:13px}}

/* Progress actions stay calm until the learner deliberately saves their lesson. */
.lesson-progress-journey-link,.lesson-progress-journey-link:hover{text-decoration:none!important}
.lesson-page-content>.lesson-completion .complete-lesson{background:#eaf5ee!important}
.lesson-page-content>.lesson-completion .complete-lesson:active{background:#fff!important}
.qa-dark-mode .lesson-page-content>.lesson-completion .complete-lesson{background:#254233!important}
.qa-dark-mode .lesson-page-content>.lesson-completion .complete-lesson:active{background:#30383d!important}

/* The review link leads with the action; the lesson title is supporting detail. */
.lesson-page-content>.lesson-completion--with-pagination .lesson-completion-previous small{color:#252a2e!important;opacity:1!important;font-size:17px!important;font-weight:750!important;line-height:1.2!important}
.lesson-page-content>.lesson-completion--with-pagination .lesson-completion-previous strong{color:#596068!important;font-family:Inter,sans-serif!important;font-size:13px!important;font-weight:650!important;line-height:1.35!important}

/* Repeated-mistake guidance belongs beneath the answers, not in the question-number gutter. */
.lesson-page-content>.practice-card .practice-recommendation{grid-column:2;display:grid;gap:3px;width:100%;margin:10px 0 0;padding:12px 14px;border-radius:10px;background:#fff8e8;color:#76500d;font-size:14px;line-height:1.45;font-weight:400;box-shadow:0 5px 16px rgba(160,108,16,.10)}
.lesson-page-content>.practice-card .practice-recommendation strong{font-size:14px;font-weight:750}
.lesson-page-content>.practice-card .practice-recommendation span{color:#675d4a}
.qa-dark-mode .lesson-page-content>.practice-card .practice-recommendation{background:#3a2d18;color:#ffd18a;box-shadow:none}.qa-dark-mode .lesson-page-content>.practice-card .practice-recommendation span{color:#e0c9a4}
@media(max-width:760px){.lesson-page-content>.lesson-completion--with-pagination .lesson-completion-previous small{font-size:16px!important}.lesson-page-content>.practice-card .practice-recommendation{grid-column:2;font-size:13px}.lesson-page-content>.practice-card .practice-recommendation strong{font-size:13px}}

/* Footer actions use direct labels, with the next destination leading the hierarchy. */
.lesson-page-content>.lesson-completion .lesson-completion-next small{font-size:19px!important;font-weight:750!important;line-height:1.2!important;color:#fff!important;opacity:1!important}
.lesson-page-content>.lesson-completion .lesson-completion-next strong{font-family:Inter,sans-serif!important;font-size:14px!important;font-weight:650!important;line-height:1.35!important;color:rgba(255,255,255,.76)!important}
@media(max-width:760px){.lesson-page-content>.lesson-completion .lesson-completion-next small{font-size:17px!important}.lesson-page-content>.lesson-completion .lesson-completion-next strong{font-size:13px!important}}

/* Saving is pale and provisional; a saved lesson resolves to the charcoal brand state. */
.lesson-page-content>.lesson-completion .complete-lesson.completed{background:#252a2e!important;border-color:#252a2e!important;color:#fff!important}
.lesson-page-content>.lesson-completion .complete-lesson.completed small{color:rgba(255,255,255,.76)!important}
.qa-dark-mode .lesson-page-content>.lesson-completion .complete-lesson.completed{background:#49535a!important;border-color:#49535a!important}

/* Dark mode keeps the footer actions equally legible at every save state. */
.qa-dark-mode .lesson-page-content>.lesson-completion--with-pagination .lesson-completion-previous small{color:#f4f2ec!important}
.qa-dark-mode .lesson-page-content>.lesson-completion--with-pagination .lesson-completion-previous strong{color:#c8cbd0!important}
.qa-dark-mode .lesson-page-content>.lesson-completion button.complete-lesson:not(.completed){background:#254233!important;border-color:#527965!important;color:#f4f2ec!important}
.qa-dark-mode .lesson-page-content>.lesson-completion button.complete-lesson:not(.completed) small{color:#c8cbd0!important}

/* Completed route markers stay present without becoming bright white beacons. */
.qa-dark-mode .journey-step.completed .step-circle{background:#49535a!important;color:#f4f2ec!important;box-shadow:0 0 0 1.5px #6d7780,0 6px 14px rgba(0,0,0,.24)!important}
.qa-dark-mode .journey-step.completed small{color:#c8cbd0!important}

/* A quiet geometric corner gives the verse cards a Qur'anic sense of craft. */
.academy-verse-card{isolation:isolate;overflow:hidden}
.academy-verse-card>*{position:relative;z-index:1}
.academy-verse-card:before,.academy-verse-card:after{content:"";position:absolute;z-index:0;right:-18px;top:-18px;width:72px;height:72px;border:1px solid rgba(160,94,16,.16);transform:rotate(45deg);pointer-events:none}
.academy-verse-card:after{right:1px;top:1px;width:38px;height:38px;border-color:rgba(160,94,16,.24)}
.academy-verse-card--side:before{border-color:rgba(160,94,16,.10)}.academy-verse-card--side:after{border-color:rgba(160,94,16,.16)}
.qa-dark-mode .academy-verse-card:before{border-color:rgba(255,173,50,.18)}.qa-dark-mode .academy-verse-card:after{border-color:rgba(255,173,50,.28)}

/* Reference lesson icon system and Today’s Journey botanical motif. */
.lesson-section-icon--lesson-video,.lesson-section-icon--quran-example,.lesson-section-icon--completion{background:#edf4ee!important;color:#14543e!important}.lesson-section-icon--learn,.lesson-section-icon--summary,.lesson-section-icon--practice{background:#fff5e8!important;color:#d36f0a!important}.lesson-section-icon--key-insight{background:#f2eefc!important;color:#615981!important}.lesson-section-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.today-journey-heading{position:relative;gap:10px}.today-journey-heading>span,.today-journey-heading:after{display:none!important}.today-journey-motif{display:block;fill:none;stroke:#ad8451;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.today-journey-motif--title{width:42px;height:22px}.today-journey-motif--corner{position:absolute;right:0;top:-10px;width:78px;height:44px;opacity:.72}.journey-column-icon{width:38px;height:38px;display:grid;place-items:center}.journey-column-icon .lesson-section-icon{width:38px;height:38px;margin:0;border-radius:50%;background:transparent!important;color:currentColor!important}.journey-column-icon .lesson-section-icon svg{width:34px;height:34px;stroke-width:1.65}.qa-dark-mode .lesson-section-icon--lesson-video,.qa-dark-mode .lesson-section-icon--quran-example,.qa-dark-mode .lesson-section-icon--completion{background:#203329!important;color:#b7e2c4!important}.qa-dark-mode .lesson-section-icon--learn,.qa-dark-mode .lesson-section-icon--summary,.qa-dark-mode .lesson-section-icon--practice{background:#382b1f!important;color:#ffd29b!important}.qa-dark-mode .lesson-section-icon--key-insight{background:#2d2935!important;color:#d7c7ff!important}.qa-dark-mode .today-journey-motif{stroke:#d0ad77}@media(max-width:760px){.today-journey-motif--corner{width:58px;top:-6px}.journey-column-icon{width:34px;height:34px}.journey-column-icon .lesson-section-icon{width:34px;height:34px}.journey-column-icon .lesson-section-icon svg{width:30px;height:30px}}

/* Day 2 keeps a legacy header, so give it the same visible leaf outline. */
.today-journey-heading:not(:has(.today-journey-motif)):after{content:""!important;display:block!important;position:absolute;right:0;top:-8px;width:86px;height:48px;opacity:1;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 86 48' fill='none' stroke='%23ad8451' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 40c19 1 22-23 40-23 15 0 19 13 37 1'/%3E%3Cpath d='M22 26c-6-4-7-10-2-15 6 3 7 9 2 15ZM49 20c-2-7 2-12 9-14 2 7-2 12-9 14ZM66 25c8 0 13 5 15 13-8 1-13-4-15-13Z'/%3E%3C/svg%3E")}
.today-journey-motif{stroke-width:1.7}.today-journey-motif--corner{opacity:1}@media(max-width:760px){.today-journey-heading:not(:has(.today-journey-motif)):after{width:62px;height:36px;top:-3px}}

/* Surface hierarchy: containing cards carry elevation. Repeated components
   inside them stay flat until selected, current, or deliberately highlighted. */
body{--qa-subcomponent-line:rgba(37,42,46,.15)}
body.qa-dark-mode{--qa-subcomponent-line:rgba(244,242,236,.14)}

.learning-checkin-card :where(
	.checkin-practice-card,
	.checkin-review-card,
	.learning-tool
){
	border:1px solid var(--qa-subcomponent-line);
	box-shadow:none!important;
}

.learning-checkin-card .checkin-insight-row{
	border:1px solid var(--qa-subcomponent-line);
	box-shadow:none!important;
}

.learning-checkin-card .checkin-insight-row article{
	box-shadow:none!important;
}

.learning-checkin-card :where(
	.checkin-icon,
	.checkin-practice-card>a,
	.checkin-review-card>a,
	.checkin-insight-row article>span,
	.learning-tool>span,
	.academy-deeper-link span
){
	box-shadow:none!important;
}

.stage-tab:not(.active),
.academy-stage-tab:not(.active){
	border:1px solid var(--qa-subcomponent-line);
	box-shadow:none!important;
}

.stage-tab:not(.active) em,
.academy-stage-tab:not(.active) em{
	box-shadow:none!important;
}

:where(
	.focus-grid p,
	.free-insights p,
	.visitor-focus p,
	.hub-tool,
	.academy-guidance-grid>article,
	.method-pillar,
	.method-step,
	.method-milestones article,
	.academy-verse-card--side,
	.pattern-item,
	.quran-example-grid article,
	.two-roles article,
	.attached-family-map>div,
	.visitor-word-bank-words article,
	.visitor-word-bank-context
){
	border:1px solid var(--qa-subcomponent-line);
	box-shadow:none!important;
}

:where(
	.word-bank-tools button:not(.selected),
	.word-day-word-list button:not(.active),
	.related-word-list button:not(.active),
	.answer-options button:not(.selected):not([aria-pressed="true"])
){
	box-shadow:none!important;
}

:where(
	.method-benefits li>span,
	.analysis-role,
	.analysis-word--doer .analysis-role,
	.analysis-word--receiver .analysis-role
){
	box-shadow:none!important;
}

.journey-step:not(.current) .step-circle,
.day-node:not(.current) span{
	box-shadow:0 0 0 1.5px #aeb4ba!important;
}

.academy-continuation-card .continuation-node:not(.current){
	box-shadow:0 0 0 1.5px #aeb4ba!important;
}

.qa-dark-mode .journey-step:not(.current) .step-circle,
.qa-dark-mode .day-node:not(.current) span,
.qa-dark-mode .academy-continuation-card .continuation-node:not(.current){
	box-shadow:0 0 0 1.5px #6d747b!important;
}

/* The selected journey stage and its expanded map are one continuous dark
   surface. The union is drawn by this SVG frame, so its fill must not fall
   back to the light canvas when the theme changes. */
.qa-dark-mode .roadmap-card:not(.lesson-embedded-journey){--stage-frame:#485258;}
.qa-dark-mode .roadmap-card:not(.lesson-embedded-journey) .stage-unit-frame path{
	fill:#20262a;
	stroke:var(--stage-frame);
}

/* The map is already one surface. Keep its sticky heading as text and a
   control only—without a second, blocking header panel. */
.stage-expansion.fully-expanded .expanded-stage-heading,
.qa-dark-mode .stage-expansion.fully-expanded .expanded-stage-heading{
	background:transparent;
	box-shadow:none;
	backdrop-filter:none;
}

/* The Learning Check-in is a daily decision surface: do today's lesson,
   practise its words, then make the one most useful return. */
.learning-checkin-card .focus-heading{align-items:flex-start;text-align:left;margin-bottom:17px}
.learning-checkin-card .focus-heading .qa-kicker{margin:0;color:var(--ink);font:600 27px/1.1 'Playfair Display',serif}
.learning-checkin-card .focus-heading>span,.learning-checkin-card .focus-heading>div>span{display:block;margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.45}
.checkin-plan{display:grid;grid-template-columns:1fr 1.42fr 1.08fr;border:1px solid var(--qa-subcomponent-line);border-radius:18px;overflow:hidden;background:#fbfcfa}
.checkin-panel{min-width:0;padding:22px 23px;display:flex;flex-direction:column;text-align:left;background:transparent}
.checkin-panel+.checkin-panel{border-left:1px solid var(--qa-subcomponent-line)}
.checkin-panel--today{background:linear-gradient(135deg,#fffaf0,#f8f1e5)}
.checkin-panel--practice{background:linear-gradient(135deg,#fbfdf9,#f0f6ef)}
.checkin-panel--review{background:linear-gradient(135deg,#fcfbfd,#f5f0f6)}
.checkin-panel-kicker{display:block;margin-bottom:9px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.checkin-panel--today .checkin-panel-kicker{color:#9a641d}.checkin-panel--practice .checkin-panel-kicker{color:var(--sage)}.checkin-panel--review .checkin-panel-kicker{color:var(--plum)}
.checkin-panel h2{margin:0;color:var(--ink);font:600 21px/1.15 'Playfair Display',serif}
.checkin-panel>p,.checkin-empty-review{margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
.checkin-panel--today>a{align-self:flex-start;margin-top:auto;padding-top:17px;color:var(--gold);font-size:12px;font-weight:800;text-decoration:none}.checkin-panel--today>a span{font-size:15px}
.checkin-today-progress{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:16px;margin:22px 0 18px}
.checkin-progress-ring{position:relative;width:76px;height:76px;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(var(--sage) var(--checkin-progress,0%),#dfe4df 0);color:var(--ink)}
.checkin-progress-ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#fffaf1}.checkin-progress-ring>*{position:relative;z-index:1}.checkin-progress-ring>span{font:600 27px/1 'Playfair Display',serif}.checkin-progress-ring>small{margin-top:2px;font-size:9px}
.checkin-step-list{display:grid;gap:11px;margin:0;padding:0;list-style:none}.checkin-step-list li{display:grid;grid-template-columns:21px 1fr;align-items:center;gap:9px;color:var(--ink);font-size:11px;font-weight:650}.checkin-step-list li>span{width:20px;height:20px;border:1.5px solid var(--gold);border-radius:50%;display:grid;place-items:center;background:#fff}.checkin-step-list li.is-complete>span{border-color:var(--sage);background:var(--sage);color:#fff}.checkin-step-list li.is-complete>span:after{content:"✓";font:700 11px/1 Arial,sans-serif}
.checkin-panel--today>a.checkin-primary-action{width:100%;min-height:46px;margin-top:auto;padding:0 14px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:9px;background:var(--sage);color:#fff;font-size:11px;font-weight:800}.checkin-primary-action>span{font-size:16px!important}
.checkin-action-list{display:grid;gap:8px;margin-top:14px}.checkin-action-list a,.checkin-review-list a{display:grid;grid-template-columns:25px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px 0;color:var(--ink);text-decoration:none}.checkin-action-list a+a{border-top:1px solid rgba(37,42,46,.1)}
.checkin-action-list a>span,.checkin-review-list a>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--sage);font-size:13px;font-weight:700;box-shadow:inset 0 0 0 1px rgba(72,106,91,.16)}
.checkin-action-list a:nth-child(2)>span{background:var(--gold-soft);color:var(--gold);box-shadow:none;font-family:'Noto Naskh Arabic',serif;font-size:16px}.checkin-action-list strong,.checkin-action-list small,.checkin-review-list strong,.checkin-review-list small{display:block}.checkin-action-list strong,.checkin-review-list strong{font-size:11px;line-height:1.25}.checkin-action-list small,.checkin-review-list small{margin-top:2px;color:var(--muted);font-size:9px;line-height:1.35}.checkin-action-list b,.checkin-review-list b{color:var(--muted);font-size:15px;font-weight:500}
.checkin-review-list{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}.checkin-review-list li+li{border-top:1px solid rgba(37,42,46,.1)}.checkin-review-list a{padding:8px 0}.checkin-review-list a>span{background:var(--plum-soft);color:var(--plum);box-shadow:none}.checkin-review-list li:first-child a>span{background:var(--blue-soft);color:var(--blue)}
.checkin-review-focus{display:flex;flex-direction:column;margin-top:16px}.checkin-review-focus>div{display:grid;grid-template-columns:27px 1fr;align-items:center;gap:9px;padding:10px;border:1px solid rgba(23,32,51,.1);border-radius:9px;background:rgba(255,255,255,.62)}.checkin-review-focus>div>span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);font-size:14px}.checkin-review-focus>div>strong{font-size:11px;line-height:1.25}.checkin-review-focus>p{margin:13px 0;color:var(--muted);font-size:10px;line-height:1.45}.checkin-review-focus>a{min-height:42px;border:1px solid var(--blue);border-radius:7px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--blue);font-size:11px;font-weight:800;text-decoration:none}.checkin-review-focus--empty{margin-top:14px}.checkin-review-focus--empty>p{margin:0}
.checkin-next-lesson{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;margin-top:auto;padding-top:15px;border-top:1px solid rgba(25,33,46,.1);color:var(--ink);text-decoration:none}.checkin-next-lesson>span{color:var(--muted);font-size:9px}.checkin-next-lesson>strong{font-size:10px;line-height:1.2}.checkin-next-lesson>b{color:var(--muted);font-size:13px}
.checkin-panel--word{padding:0;background:#fff;overflow:hidden}
.checkin-panel--word .word-of-day-card--checkin{width:100%;height:100%;min-height:286px;margin:0!important;padding-bottom:72px!important;border:0!important;border-radius:0!important;box-shadow:none!important;grid-template-columns:.82fr 1.18fr!important;background:linear-gradient(118deg,#fff 0%,#fff 44%,var(--word-day-tint) 100%)!important}
.word-of-day-card--checkin .word-day-main,.word-of-day-card--checkin .word-day-context{min-height:210px!important;padding:19px 17px!important}
.word-of-day-card--checkin .word-bank-kicker{font-size:9px}.word-of-day-card--checkin .word-arabic{margin:12px 0 3px;font-size:42px;line-height:1}.word-of-day-card--checkin .word-day-main h2{font-size:19px}.word-of-day-card--checkin .word-transliteration{font-size:11px}.word-of-day-card--checkin .word-lesson-link{font-size:8px}
.word-of-day-card--checkin .word-day-context>span{font-size:9px}.word-of-day-card--checkin .word-day-context>p{margin:18px 0 8px;font-size:29px;line-height:1.45}.word-of-day-card--checkin .word-day-context>strong{font-size:11px;line-height:1.35}
.word-of-day-card--checkin .word-day-actions{left:12px;right:12px;bottom:12px;gap:7px}.word-of-day-card--checkin .word-day-actions button{min-height:43px;padding:8px 6px;font-size:9px;line-height:1.15}.word-of-day-card--checkin .word-day-actions button>span[aria-hidden=true]{font-size:17px}.word-of-day-card--checkin .word-day-actions svg{width:18px;height:18px}
.checkin-word-fallback{margin-top:auto;padding-top:14px;color:var(--gold);font-size:12px;font-weight:700;text-decoration:none}
.checkin-plan--visitor .checkin-panel{min-height:162px}.checkin-plan--visitor .checkin-panel--today>a{margin-top:auto}.qa-dark-mode .checkin-plan{border-color:rgba(244,242,236,.13);background:var(--qa-surface-raised)}.qa-dark-mode .checkin-panel{background:var(--qa-surface-raised)}.qa-dark-mode .checkin-panel--today{background:linear-gradient(135deg,#2c261e,#211f1c)}.qa-dark-mode .checkin-panel--practice{background:linear-gradient(135deg,#1e2b22,#1b211e)}.qa-dark-mode .checkin-panel--review{background:linear-gradient(135deg,#2b202d,#211d22)}.qa-dark-mode .checkin-panel+.checkin-panel,.qa-dark-mode .checkin-action-list a+a,.qa-dark-mode .checkin-review-list li+li,.qa-dark-mode .checkin-next-lesson{border-color:rgba(244,242,236,.12)}.qa-dark-mode .checkin-action-list a>span{background:var(--qa-surface-soft);color:#9dc5aa;box-shadow:inset 0 0 0 1px rgba(144,184,159,.2)}.qa-dark-mode .checkin-action-list a:nth-child(2)>span{background:#382b1d;color:var(--gold)}.qa-dark-mode .checkin-review-list a>span{background:var(--plum-soft);color:var(--plum)}.qa-dark-mode .checkin-review-list li:first-child a>span{background:#202c3d;color:#a9c3ed}.qa-dark-mode .checkin-progress-ring:before{background:#29231d}.qa-dark-mode .checkin-step-list li>span,.qa-dark-mode .checkin-review-focus>div{background:var(--qa-surface-soft);border-color:rgba(244,242,236,.14)}
@media(max-width:760px){.learning-checkin-card .focus-heading .qa-kicker{font-size:24px}.checkin-plan{grid-template-columns:1fr;border-radius:16px}.checkin-panel{padding:19px 18px;min-height:0}.checkin-panel+.checkin-panel{border-top:1px solid var(--qa-subcomponent-line);border-left:0}.checkin-panel h2{font-size:20px}.checkin-plan--visitor .checkin-panel{min-height:0}.checkin-panel--today>a{margin-top:14px}.checkin-today-progress{grid-template-columns:72px minmax(0,1fr);margin:18px 0}.checkin-progress-ring{width:72px;height:72px}.checkin-panel--word{padding:0}.checkin-panel--word .word-of-day-card--checkin{grid-template-columns:.82fr 1.18fr!important;padding-bottom:72px!important}.word-of-day-card--checkin .word-day-actions{grid-template-columns:repeat(3,minmax(0,1fr));bottom:12px}.word-of-day-card--checkin .word-day-actions .word-save{grid-column:auto}.checkin-next-lesson{margin-top:18px}}
@media(max-width:480px){.checkin-panel--word .word-of-day-card--checkin{grid-template-columns:1fr!important;padding-bottom:126px!important}.word-of-day-card--checkin .word-day-main,.word-of-day-card--checkin .word-day-context{min-height:0!important;padding:20px!important}.word-of-day-card--checkin .word-day-context{padding-top:16px!important}.word-of-day-card--checkin .word-day-context>p{margin:10px 0 5px}.word-of-day-card--checkin .word-day-actions{grid-template-columns:1fr 1fr}.word-of-day-card--checkin .word-day-actions .word-save{grid-column:1/-1}}

/* My Word Bank starts with one clear next step; supporting tools stay visually quiet. */
.word-bank-page{gap:0}
.word-bank-page>.word-bank-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,305px);align-items:start;gap:32px;margin-bottom:22px}
.word-bank-utilities{display:grid;gap:12px;width:100%}
.word-bank-utilities .word-bank-count{width:100%;margin:0}
.word-bank-utilities .word-search-section{width:100%;margin:0}
.word-bank-page>.word-search-section{display:none}
.word-bank-page>.word-bank-welcome{order:2;min-height:76px;margin:0 0 18px;padding:16px 21px;border:1px solid rgba(49,89,66,.08);border-radius:15px;background:#fafcf8;box-shadow:none}
.word-bank-welcome-mark{width:38px;height:38px;flex-basis:38px;background:#fff;box-shadow:none;font-size:23px}
.word-bank-welcome h2{font:600 19px/1.15 'Playfair Display',serif;color:var(--ink)}
.word-bank-welcome p{margin:4px 0 0;font-size:12px}.word-bank-welcome small{display:none}.word-bank-botanical{display:none}
.word-bank-page>.word-of-day-card{order:3;margin-bottom:20px;border-radius:20px;box-shadow:0 7px 22px rgba(25,33,46,.07)}
.word-of-day-card .word-day-main,.word-of-day-card .word-day-context{min-height:250px}
.word-bank-page>.word-bank-continue{order:4;min-height:118px;margin:0 0 28px;padding:20px 26px;border:1px solid rgba(49,89,66,.08);border-radius:17px;background:#fbfcfa;box-shadow:none}
.word-bank-continue .continue-leaf{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#f0f5eb;font-size:20px}
.word-bank-continue h2{font-size:25px}.word-bank-continue strong{font-size:12px}.word-bank-progress{width:190px;margin:9px 0 4px}.word-bank-route-links{justify-content:flex-start;gap:14px}.word-bank-browse{color:var(--muted);font-size:10px}
.word-bank-page>.word-bank-tools{order:5;margin:0 0 28px;padding:37px 12px 43px;border-color:rgba(23,32,51,.09);border-radius:17px;background:#fff;box-shadow:none}
.word-bank-tools:before{color:var(--muted);font-size:10px}.word-bank-tools button{min-height:118px!important;border:1px solid rgba(23,32,51,.08)!important;border-radius:12px!important;background:#fbfbfa!important;color:var(--ink)!important}
.word-bank-tools .review-words,.word-bank-tools .saved-words,.word-bank-tools .memory-words,.word-bank-tools .test-words{background:#fbfbfa!important;color:var(--ink)!important}
.word-bank-tools button>span{opacity:.72}.word-bank-tools button strong{font-size:13px!important}.word-bank-tools button b{margin-top:5px;font-size:24px}.word-bank-tools button small{margin-top:4px!important;color:var(--muted)!important}
.word-bank-tools .word-practice-all{bottom:13px;color:var(--muted)!important;font-size:10px}
.word-bank-page>.word-explore-section{order:6;margin:0 0 28px;padding-top:3px;border-top:1px solid rgba(23,32,51,.08)}
.word-explore-heading{margin:18px 2px 12px}.word-explore-heading>div>p{display:none}.word-explore-heading h2{font-size:25px}.word-explore-heading>span{font-size:11px;color:var(--text-subtle)}
.word-explore-choice-grid{gap:10px}.word-explore-choice{min-height:88px;padding:15px 17px;border-color:rgba(23,32,51,.08);border-radius:13px;box-shadow:none}.word-explore-choice:hover{box-shadow:0 8px 18px rgba(25,33,46,.07)}.word-explore-choice-icon{width:42px;height:42px;border-radius:12px;background:#f2f4f6;color:#526f94}.word-explore-choice-icon svg{width:25px;height:25px}.word-explore-choice-day .word-explore-choice-icon{background:#f1f5ee;color:#628a5a;font-size:21px}.word-explore-choice strong{font:600 17px/1.15 'Playfair Display',serif}.word-explore-choice small{font-size:10px}.word-explore-choice>b{font-size:23px;color:var(--muted)}
.qa-dark-mode .word-bank-page>.word-bank-welcome,.qa-dark-mode .word-bank-page>.word-bank-continue{border-color:rgba(244,242,236,.08);background:var(--qa-surface-raised)}.qa-dark-mode .word-bank-welcome h2{color:var(--qa-text-strong)}.qa-dark-mode .word-bank-tools{border-color:rgba(244,242,236,.1);background:var(--qa-surface-raised)}.qa-dark-mode .word-bank-tools .review-words,.qa-dark-mode .word-bank-tools .saved-words,.qa-dark-mode .word-bank-tools .memory-words,.qa-dark-mode .word-bank-tools .test-words{border-color:rgba(244,242,236,.1)!important;background:var(--qa-surface-soft)!important;color:var(--qa-text-strong)!important}.qa-dark-mode .word-explore-choice{box-shadow:none}.qa-dark-mode .word-explore-choice-icon{background:#242e38;color:#9bbce5}.qa-dark-mode .word-explore-choice-day .word-explore-choice-icon{background:#243229;color:#a7d79d}.qa-dark-mode .word-bank-page>.word-explore-section{border-color:rgba(244,242,236,.1)}
@media(max-width:760px){.word-bank-page>.word-bank-heading{display:block;margin-bottom:18px}.word-bank-utilities{margin-top:17px}.word-bank-page>.word-bank-welcome{min-height:0;margin-bottom:14px;padding:15px 17px}.word-bank-welcome h2{font-size:17px}.word-bank-page>.word-of-day-card{margin-bottom:16px}.word-of-day-card .word-day-main,.word-of-day-card .word-day-context{min-height:0}.word-bank-page>.word-bank-continue{margin-bottom:23px;padding:18px}.word-bank-continue .qa-button{justify-self:start}.word-bank-route-links{margin-top:9px}.word-bank-page>.word-bank-tools{margin-bottom:24px;padding:35px 10px 42px}.word-bank-tools button{min-height:106px!important}.word-bank-page>.word-explore-section{margin-bottom:22px}.word-explore-heading h2{font-size:23px}.word-explore-choice{min-height:76px;padding:13px}.word-explore-choice-icon{width:38px;height:38px}.word-explore-choice small{display:none}}

/* The welcome is a quiet line of reassurance, while continuation stays compact and practical. */
.word-bank-page>.word-bank-welcome{display:block;min-height:0;margin:0 0 11px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.word-bank-page>.word-bank-welcome{margin-left:auto;text-align:right}
.word-bank-welcome h2{margin:0;color:#747b84;font:600 17px/1.25 'Playfair Display',serif}
.word-bank-welcome p{margin:3px 0 0;color:#90969e;font-size:11px}.word-bank-welcome small{display:none}
.word-bank-page>.word-bank-continue{grid-template-columns:minmax(0,1fr) auto;min-height:100px;margin-bottom:26px;padding:17px 24px;background:#fbfcfa}
.word-bank-continue:before,.word-bank-continue:after{display:none!important}
.word-bank-continue>div:first-child{min-width:0}.word-bank-continue .qa-button{align-self:center;min-width:118px}
.word-bank-continue .word-bank-progress{width:min(260px,100%);margin:7px 0 3px}
.word-bank-continue .word-bank-route-links{grid-column:1/-1;justify-content:flex-start;margin-top:1px}
.qa-dark-mode .word-bank-page>.word-bank-welcome{background:transparent;border:0}.qa-dark-mode .word-bank-welcome h2{color:var(--qa-text-muted)}.qa-dark-mode .word-bank-welcome p{color:var(--qa-text-muted)}
@media(max-width:760px){.word-bank-page>.word-bank-welcome{margin:0 0 10px;padding:0}.word-bank-welcome h2{font-size:16px}.word-bank-welcome p{font-size:10px}.word-bank-page>.word-bank-continue{grid-template-columns:minmax(0,1fr) auto;gap:12px;min-height:0;margin-bottom:23px;padding:16px}.word-bank-continue .continue-leaf{width:34px;height:34px;margin:1px 10px 0 0;font-size:18px}.word-bank-continue h2{font-size:22px}.word-bank-continue .qa-button{min-width:0;padding:0 14px;font-size:11px;white-space:nowrap}.word-bank-continue .word-bank-route-links{grid-column:1/-1;margin-top:2px}.word-bank-continue .word-bank-progress{width:100%}}

/* Keep the continuation links with the progress instead of creating a third empty row. */
.word-bank-page>.word-bank-continue{grid-template-rows:auto auto;align-content:center}
.word-bank-continue .word-bank-route-links{grid-column:1;grid-row:2;justify-content:flex-start;margin-top:2px}
.word-bank-continue .qa-button{grid-column:2;grid-row:1 / span 2;align-self:center}
@media(max-width:760px){.word-bank-page>.word-bank-continue{grid-template-columns:minmax(0,1fr) auto;align-items:start}.word-bank-continue .word-bank-route-links{grid-column:1;grid-row:2;margin-top:3px}.word-bank-continue .qa-button{grid-column:2;grid-row:1 / span 2;align-self:center}}

/* Practice is one compact strip of actions, not a card containing more cards. */
.word-bank-page>.word-bank-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 24px;padding:0;border:1px solid rgba(23,32,51,.11);border-radius:15px;background:#fff;box-shadow:none;overflow:hidden}
.word-bank-tools:before,.word-bank-tools .word-practice-all{display:none!important}
.word-bank-tools button,.word-bank-tools .review-words,.word-bank-tools .saved-words,.word-bank-tools .memory-words,.word-bank-tools .test-words{min-height:108px!important;padding:17px 10px 14px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--ink)!important;box-shadow:none!important}
.word-bank-tools button+button{border-left:1px solid rgba(23,32,51,.09)!important}
.word-bank-tools button>span{width:32px!important;height:32px!important;margin:0 0 8px!important;opacity:.64}.word-bank-tools button>span svg{width:28px!important;height:28px!important}
.word-bank-tools button strong{font:600 13px/1.15 Inter,sans-serif!important}.word-bank-tools button b{margin:5px 0 0;font-size:22px}.word-bank-tools button small{margin:3px 0 0!important;font-size:9px!important}
.word-bank-tools button.selected{background:#f5f7f4!important;color:var(--ink)!important;box-shadow:inset 0 -2px var(--sage)!important}
.word-bank-page>.word-explore-section{margin:0 0 28px;padding:0;border-top:0}.word-explore-heading{display:none}
.qa-dark-mode .word-bank-page>.word-bank-tools{border-color:rgba(244,242,236,.12);background:var(--qa-surface-raised)}.qa-dark-mode .word-bank-tools button,.qa-dark-mode .word-bank-tools .review-words,.qa-dark-mode .word-bank-tools .saved-words,.qa-dark-mode .word-bank-tools .memory-words,.qa-dark-mode .word-bank-tools .test-words{background:transparent!important;color:var(--qa-text-strong)!important}.qa-dark-mode .word-bank-tools button+button{border-color:rgba(244,242,236,.1)!important}.qa-dark-mode .word-bank-tools button.selected{background:var(--qa-surface-soft)!important;color:var(--qa-text-strong)!important}
@media(max-width:760px){.word-bank-page>.word-bank-tools{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:22px}.word-bank-tools button,.word-bank-tools .review-words,.word-bank-tools .saved-words,.word-bank-tools .memory-words,.word-bank-tools .test-words{min-height:102px!important}.word-bank-tools button:nth-child(3){border-left:0!important;border-top:1px solid rgba(23,32,51,.09)!important}.word-bank-tools button:nth-child(4){border-top:1px solid rgba(23,32,51,.09)!important}.qa-dark-mode .word-bank-tools button:nth-child(3),.qa-dark-mode .word-bank-tools button:nth-child(4){border-top-color:rgba(244,242,236,.1)!important}}

/* Clear action boundaries and a comfortably sized continuation action. */
.word-bank-continue .qa-button{min-width:164px;min-height:52px;padding:0 23px;font-size:15px}
.word-bank-tools button+button{border-left-color:rgba(23,32,51,.18)!important;box-shadow:inset 1px 0 0 rgba(23,32,51,.18)!important}
@media(max-width:760px){.word-bank-continue .qa-button{min-width:136px;min-height:48px;padding:0 18px;font-size:13px}.word-bank-tools button:nth-child(2),.word-bank-tools button:nth-child(4){border-left-color:rgba(23,32,51,.18)!important;box-shadow:inset 1px 0 0 rgba(23,32,51,.18)!important}.word-bank-tools button:nth-child(3){box-shadow:none!important}.word-bank-tools button:nth-child(3),.word-bank-tools button:nth-child(4){border-top-color:rgba(23,32,51,.18)!important}.qa-dark-mode .word-bank-tools button+button{border-left-color:rgba(244,242,236,.17)!important;box-shadow:inset 1px 0 0 rgba(244,242,236,.17)!important}.qa-dark-mode .word-bank-tools button:nth-child(3),.qa-dark-mode .word-bank-tools button:nth-child(4){border-top-color:rgba(244,242,236,.17)!important}.qa-dark-mode .word-bank-tools button:nth-child(3){box-shadow:none!important}}

/* Learning routes come before the optional practice tools. */
.word-bank-page>.word-explore-section{order:5;margin-bottom:26px;padding-top:0;border:0}
.word-bank-page>.word-bank-tools{order:6}
.word-explore-heading{display:block;margin:0 0 12px}.word-explore-heading h2{margin:0;color:var(--ink);font:600 25px/1.15 'Playfair Display',serif}.qa-dark-mode .word-explore-heading h2{color:var(--qa-text-strong)}

/* Use painted dividers so each practice action stays visibly distinct on every desktop theme. */
.word-bank-tools button+button::before{content:"";position:absolute;z-index:2;top:17px;bottom:17px;left:0;width:1px;background:rgba(23,32,51,.2);pointer-events:none}
.qa-dark-mode .word-bank-tools button+button::before{background:rgba(244,242,236,.2)}
@media(max-width:760px){.word-explore-heading h2{font-size:23px}.word-bank-tools button:nth-child(3)::before{display:none}.word-bank-tools button:nth-child(3)::after,.word-bank-tools button:nth-child(4)::after{content:"";position:absolute;z-index:2;top:0;left:16px;right:16px;height:1px;background:rgba(23,32,51,.2);pointer-events:none}.qa-dark-mode .word-bank-tools button:nth-child(3)::after,.qa-dark-mode .word-bank-tools button:nth-child(4)::after{background:rgba(244,242,236,.2)}}

/* Learning routes are a single, calm choice followed by one compact detail panel. */
.word-explore-heading{margin:0 0 11px}.word-explore-heading h2{font-size:28px}
.word-explore-choice-grid{gap:0;border:1px solid rgba(23,32,51,.11);border-radius:15px;background:#fff;overflow:hidden}
.word-explore-choice{min-height:76px;padding:13px 18px;border:0!important;border-radius:0;background:transparent;box-shadow:none!important}.word-explore-choice+.word-explore-choice{border-left:1px solid rgba(23,32,51,.1)!important}
.word-explore-choice:hover{transform:none;background:#fafbf9}.word-explore-choice-icon{width:38px;height:38px;border-radius:11px}.word-explore-choice strong{font:600 16px/1.15 Inter,sans-serif}.word-explore-choice small,.word-explore-choice>b{display:none}
.word-explore-section.is-exploring>.word-explore-routes{margin-top:10px}.word-explore-section.is-exploring .word-route-card{border:1px solid rgba(23,32,51,.1);border-radius:15px;background:#fbfcfa;box-shadow:none}
.word-route-paper-head{grid-template-columns:38px minmax(0,1fr) minmax(150px,190px);gap:11px;padding:13px 16px}.word-route-paper-head .word-route-icon{width:36px;height:36px;flex-basis:36px;border-radius:10px}.word-route-paper-head .word-route-icon svg{width:22px;height:22px}.word-route-paper-head>div p{display:none}.word-route-paper-head h3{font-size:19px}.word-route-paper-body{padding:10px 16px 12px;background:transparent!important}.surah-route-body{display:block}.surah-route-body p{margin:0;color:var(--text-subtle);font-size:11px}.surah-route-body small{display:none}
.qa-dark-mode .word-explore-choice-grid{border-color:rgba(244,242,236,.12);background:var(--qa-surface-raised)}.qa-dark-mode .word-explore-choice{background:transparent}.qa-dark-mode .word-explore-choice+.word-explore-choice{border-color:rgba(244,242,236,.1)!important}.qa-dark-mode .word-explore-choice:hover{background:var(--qa-surface-soft)}.qa-dark-mode .word-explore-section.is-exploring .word-route-card{border-color:rgba(244,242,236,.12);background:var(--qa-surface-raised)}
@media(max-width:760px){.word-explore-heading{margin-bottom:10px}.word-explore-heading h2{font-size:23px}.word-explore-choice-grid{grid-template-columns:1fr 1fr}.word-explore-choice{min-height:70px;padding:11px 12px;grid-template-columns:34px minmax(0,1fr);gap:9px}.word-explore-choice-icon{width:34px;height:34px}.word-explore-choice strong{font-size:13px}.word-route-paper-head{grid-template-columns:34px minmax(0,1fr);padding:12px}.word-route-paper-head .word-route-selector{grid-column:1/-1}.word-route-paper-head h3{font-size:18px}.word-route-paper-body{padding:10px 12px 12px}}

/* Lesson vocabulary reads as one study rail, without eight competing mini-cards. */
.word-route-paper-body .word-day-word-list{gap:0;margin:12px 0 0;padding:0;overflow-x:auto;background:transparent;border:1px solid rgba(23,32,51,.09);border-radius:12px}
.word-route-paper-body .word-day-word-list button{display:flex;flex:1 0 116px;min-width:116px;min-height:92px;align-items:center;justify-content:center;padding:12px 10px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.word-route-paper-body .word-day-word-list button+button{border-left:1px solid rgba(23,32,51,.09)!important}
.word-route-paper-body .word-day-word-list button span{font-size:25px}.word-route-paper-body .word-day-word-list button small{margin-top:5px;font-size:9px;line-height:1.35;text-transform:none}
.word-route-paper-body .word-day-word-list button:hover{background:#f7f9f6!important}.word-route-paper-body .word-day-word-list button.active{background:#f2f6ef!important;color:var(--ink)!important;box-shadow:inset 0 -2px var(--sage)!important}
.word-route-paper-body .word-day-word-list button.active small{color:var(--text-body)!important}
.qa-dark-mode .word-route-paper-body .word-day-word-list{border-color:rgba(244,242,236,.12)}.qa-dark-mode .word-route-paper-body .word-day-word-list button{background:transparent!important;color:var(--qa-text-strong)!important}.qa-dark-mode .word-route-paper-body .word-day-word-list button+button{border-color:rgba(244,242,236,.1)!important}.qa-dark-mode .word-route-paper-body .word-day-word-list button:hover,.qa-dark-mode .word-route-paper-body .word-day-word-list button.active{background:var(--qa-surface-soft)!important}.qa-dark-mode .word-route-paper-body .word-day-word-list button.active small{color:var(--qa-text-muted)!important}
@media(max-width:760px){.word-route-paper-body .word-day-word-list button{flex-basis:104px;min-width:104px;min-height:84px;padding:9px 8px!important}.word-route-paper-body .word-day-word-list button span{font-size:23px}.word-route-paper-body .word-day-word-list button small{font-size:8px}}

/* The selected day already says what the rail contains; remove the repeated count row. */
.word-route-paper-body .word-route-paper-label{display:none}
.word-route-paper-body{border-top:0!important}
.word-route-paper-body .word-day-word-list{margin-top:0}

/* The selected route is clear, while the detail panel stays visually calm. */
.word-explore-choice{position:relative;transition:background-color var(--qa-motion-standard,.26s) ease,color var(--qa-motion-standard,.26s) ease}
.word-explore-choice[aria-expanded="true"]{background:#eef4fb!important;color:#1e4d80!important;box-shadow:inset 0 -2px #2767a9!important}
.word-explore-choice[aria-expanded="true"] .word-explore-choice-icon{background:#dfeaf7;color:#1f5e9f}
.word-explore-choice[aria-expanded="true"]::after{display:none}
.word-explore-section.is-exploring .word-route-card{border-color:rgba(39,103,169,.22);background:#fbfdff;box-shadow:none!important}
.qa-dark-mode .word-explore-choice[aria-expanded="true"]{background:#202f40!important;color:#c5dcf5!important;box-shadow:inset 0 -2px #76a9dc!important}.qa-dark-mode .word-explore-choice[aria-expanded="true"] .word-explore-choice-icon{background:#29415a;color:#b9d8f5}.qa-dark-mode .word-explore-section.is-exploring .word-route-card{border-color:rgba(143,178,223,.28);background:var(--qa-surface-raised);box-shadow:none!important}

/* An open route becomes one continuous surface with its detail panel. */
.word-explore-section.is-exploring>.word-explore-routes{margin-top:0}
.word-explore-section.is-exploring .word-explore-choice-grid{border-radius:15px 15px 0 0}
.word-explore-section.is-exploring .word-route-card{margin-top:-1px;border-top:0!important;border-radius:0 0 15px 15px}
.word-explore-section.is-exploring .word-explore-choice[aria-expanded="true"]{box-shadow:inset 0 -2px #2767a9!important}
.qa-dark-mode .word-explore-section.is-exploring .word-explore-choice[aria-expanded="true"]{box-shadow:inset 0 -2px #76a9dc!important}

/* A feathered perimeter keeps the open area readable without turning it into a card. */
.word-explore-section.is-exploring .word-route-card{box-shadow:0 10px 24px -20px rgba(39,103,169,.56),0 0 0 1px rgba(39,103,169,.07)!important}
.qa-dark-mode .word-explore-section.is-exploring .word-route-card{box-shadow:0 10px 24px -20px rgba(0,0,0,.7),0 0 0 1px rgba(143,178,223,.1)!important}

/* Centre each vocabulary pair, with the English meaning as a quiet second line. */
.word-route-paper-body .word-day-word-list button{flex-direction:column;gap:6px;text-align:center}
.word-route-paper-body .word-day-word-list button small{max-width:100%;margin-top:0}

/* Orange stays a signature accent, never a competing surface. */
.word-explore-choice[aria-expanded="true"]{background:#fffaf5!important;color:#7b4815!important;box-shadow:inset 0 -2px #ef8a23!important}
.word-explore-choice[aria-expanded="true"] .word-explore-choice-icon{background:#fff0df;color:#c66b10}
.word-explore-section.is-exploring .word-route-card{border-color:rgba(225,125,26,.24);box-shadow:0 10px 24px -20px rgba(188,103,17,.5),0 0 0 1px rgba(225,125,26,.07)!important}
.qa-dark-mode .word-explore-choice[aria-expanded="true"]{background:#35291e!important;color:#f4c99d!important;box-shadow:inset 0 -2px #ed9b48!important}.qa-dark-mode .word-explore-choice[aria-expanded="true"] .word-explore-choice-icon{background:#493723;color:#f1b978}.qa-dark-mode .word-explore-section.is-exploring .word-route-card{border-color:rgba(237,155,72,.25);box-shadow:0 10px 24px -20px rgba(0,0,0,.7),0 0 0 1px rgba(237,155,72,.09)!important}

/* Search belongs immediately below the page title; progress remains supporting context. */
.word-bank-heading>div:first-child>.word-search-section{display:block;width:min(100%,430px);margin:15px 0 0}
.word-bank-heading>div:first-child>.word-search-section .word-search-examples{display:none}
.word-bank-heading>div:first-child>.word-search-section .word-search-results{position:relative;z-index:4}
.word-bank-utilities>.word-search-section{display:none}
@media(max-width:760px){.word-bank-heading>div:first-child>.word-search-section{width:100%;margin-top:13px}}

/* Keep the route accent in the earlier calm blue. */
.word-explore-choice[aria-expanded="true"]{background:#eef4fb!important;color:#1e4d80!important;box-shadow:inset 0 -2px #2767a9!important}
.word-explore-choice[aria-expanded="true"] .word-explore-choice-icon{background:#dfeaf7;color:#1f5e9f}
.word-explore-section.is-exploring .word-route-card{border-color:rgba(39,103,169,.22);background:#fbfdff;box-shadow:0 10px 24px -20px rgba(39,103,169,.56),0 0 0 1px rgba(39,103,169,.07)!important}
.qa-dark-mode .word-explore-choice[aria-expanded="true"]{background:#202f40!important;color:#c5dcf5!important;box-shadow:inset 0 -2px #76a9dc!important}.qa-dark-mode .word-explore-choice[aria-expanded="true"] .word-explore-choice-icon{background:#29415a;color:#b9d8f5}.qa-dark-mode .word-explore-section.is-exploring .word-route-card{border-color:rgba(143,178,223,.28);background:var(--qa-surface-raised);box-shadow:0 10px 24px -20px rgba(0,0,0,.7),0 0 0 1px rgba(143,178,223,.1)!important}

/* The calendar distinguishes daily learning; the open panel needs no duplicate emblem. */
.word-explore-choice-day .word-explore-choice-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.word-route-paper-head.word-route-day-head{grid-template-columns:minmax(0,1fr) minmax(150px,190px)}
@media(max-width:760px){.word-route-paper-head.word-route-day-head{grid-template-columns:minmax(0,1fr)}}

/* Greeting and search share the header rather than becoming another page section. */
.word-bank-search-row{display:grid;grid-template-columns:minmax(260px,430px) minmax(180px,1fr);align-items:start;gap:24px;margin-top:15px}
.word-bank-search-row>.word-search-section{display:block;align-self:start;width:100%;margin:0;padding:0}
.word-bank-search-row>.word-search-section .word-search-form{margin:0!important}
.word-bank-search-row>.word-bank-welcome{display:block;grid-column:auto!important;align-self:start;margin:0 0 0 auto;padding:0;border:0;background:transparent;box-shadow:none;text-align:right}
.word-bank-search-row .word-bank-welcome h2{margin:0;color:#747b84;font:600 16px/1.25 'Playfair Display',serif}
.word-bank-search-row .word-bank-welcome p{margin:3px 0 0;color:#90969e;font-size:11px}.word-bank-search-row .word-bank-welcome small{display:none}
@media(max-width:760px){.word-bank-search-row{grid-template-columns:1fr;gap:10px;margin-top:13px}.word-bank-search-row>.word-bank-welcome{margin:0;text-align:left}}

/* The greeting belongs with personal progress, not in the search workspace. */
.word-bank-utilities>.word-bank-welcome{display:block;min-height:0!important;margin:0;padding:10px 0 0;border:0;border-top:1px solid rgba(23,32,51,.08);border-radius:0;background:transparent;box-shadow:none;text-align:left}
.word-bank-utilities>.word-bank-count,.word-bank-utilities>.word-bank-welcome{grid-column:auto!important;grid-row:auto!important;min-width:0}
.word-bank-utilities>.word-bank-welcome h2{margin:0;color:#747b84;font:600 14px/1.25 'Playfair Display',serif}
.word-bank-utilities>.word-bank-welcome p{margin:3px 0 0;color:#90969e;font-size:10px}.word-bank-utilities>.word-bank-welcome small{display:none}
.qa-dark-mode .word-bank-utilities>.word-bank-welcome{border-color:rgba(244,242,236,.1)}.qa-dark-mode .word-bank-utilities>.word-bank-welcome h2,.qa-dark-mode .word-bank-utilities>.word-bank-welcome p{color:var(--qa-text-muted)}

/* The two learning paths continue naturally from the learner's current day. */
.word-bank-page>.word-explore-section{padding-top:0;border-top:0}
.word-bank-page>.word-bank-continue{padding-bottom:16px}

/* Word actions are calm, outlined controls; Continue remains the only primary command. */
.word-of-day-card .word-day-actions button{border:1px solid rgba(23,32,51,.14)!important;background:transparent!important;box-shadow:none!important}
.word-of-day-card .word-day-actions button:hover{border-color:rgba(23,32,51,.32)!important;background:rgba(255,255,255,.42)!important}
.word-of-day-card .word-day-actions .recognise.active{border-color:var(--sage)!important;background:var(--sage-soft)!important;color:var(--sage)!important}
.word-of-day-card .word-day-actions .review.active{border-color:var(--plum)!important;background:var(--plum-soft)!important;color:var(--plum)!important}
.word-of-day-card .word-day-actions .word-save.active{border-color:var(--ink)!important;background:var(--blue-soft)!important;color:var(--ink)!important}
.word-bank-continue .qa-button{box-shadow:none!important;border:1px solid var(--qa-charcoal)}
.qa-dark-mode .word-of-day-card .word-day-actions button{border-color:rgba(244,242,236,.2)!important;background:transparent!important}.qa-dark-mode .word-of-day-card .word-day-actions button:hover{background:rgba(244,242,236,.06)!important}

/* Each course day has a quiet, repeatable Word of the Day palette. */
.word-of-day-card.word-day-tone-sky{--word-day-tint:#eaf3fb;--word-day-accent:#356b9d}
.word-of-day-card.word-day-tone-sage{--word-day-tint:#eef6ee;--word-day-accent:#4d825d}
.word-of-day-card.word-day-tone-plum{--word-day-tint:#f4eff7;--word-day-accent:#765c86}
.word-of-day-card.word-day-tone-teal{--word-day-tint:#edf7f5;--word-day-accent:#35786e}
.word-of-day-card[class*="word-day-tone-"]{background:linear-gradient(112deg,#fff 0%,#fff 43%,var(--word-day-tint) 100%)!important}
.word-of-day-card[class*="word-day-tone-"] .word-day-context{background:transparent!important}
.word-of-day-card[class*="word-day-tone-"] :is(.word-bank-kicker,.word-day-context>span){color:var(--word-day-accent)!important}
.word-of-day-card .word-day-context:after,.word-of-day-card .word-lantern-art{display:none!important}
.qa-dark-mode .word-of-day-card[class*="word-day-tone-"]{background:var(--qa-surface-raised)!important}.qa-dark-mode .word-of-day-card[class*="word-day-tone-"] .word-day-context{background:var(--qa-surface-raised)!important}

/* Mobile practice tools share one divider per edge, with no painted overlap. */
@media(max-width:760px){
 .word-bank-tools button,.word-bank-tools button+button{border:0!important;box-shadow:none!important}
 .word-bank-tools button::before,.word-bank-tools button::after{content:none!important;display:none!important}
 .word-bank-tools button:nth-child(2),.word-bank-tools button:nth-child(4){border-left:1px solid rgba(23,32,51,.18)!important}
 .word-bank-tools button:nth-child(3),.word-bank-tools button:nth-child(4){border-top:1px solid rgba(23,32,51,.18)!important}
 .qa-dark-mode .word-bank-tools button:nth-child(2),.qa-dark-mode .word-bank-tools button:nth-child(4){border-left-color:rgba(244,242,236,.2)!important}
 .qa-dark-mode .word-bank-tools button:nth-child(3),.qa-dark-mode .word-bank-tools button:nth-child(4){border-top-color:rgba(244,242,236,.2)!important}
}

/* The chosen learning route signals state neutrally, leaving the daily palette to lead. */
.word-explore-choice[aria-expanded="true"]{background:#fff!important;color:var(--ink)!important;box-shadow:inset 0 -2px #6f7780!important}
.word-explore-choice[aria-expanded="true"] .word-explore-choice-icon{background:#f1f3f4;color:#4f5963}
.word-explore-section.is-exploring .word-route-card{border-color:rgba(23,32,51,.14);background:#fbfcfa;box-shadow:0 10px 24px -20px rgba(25,33,46,.34),0 0 0 1px rgba(23,32,51,.04)!important}
.qa-dark-mode .word-explore-choice[aria-expanded="true"]{background:var(--qa-surface-raised)!important;color:var(--qa-text-strong)!important;box-shadow:inset 0 -2px rgba(244,242,236,.48)!important}.qa-dark-mode .word-explore-choice[aria-expanded="true"] .word-explore-choice-icon{background:var(--qa-surface-soft);color:var(--qa-text-muted)}.qa-dark-mode .word-explore-section.is-exploring .word-route-card{border-color:rgba(244,242,236,.16);background:var(--qa-surface-raised);box-shadow:0 10px 24px -20px rgba(0,0,0,.7),0 0 0 1px rgba(244,242,236,.06)!important}

/* Continue and both learning routes form one quiet workspace. */
.word-learning-hub{order:4;display:flex;flex-direction:column;margin:0 0 28px;border:1px solid rgba(23,32,51,.11);border-radius:18px;background:#fbfcfa;overflow:hidden}
.word-learning-hub .word-bank-continue{order:1;min-height:118px;margin:0;padding:20px 26px;border:0;border-bottom:1px solid rgba(23,32,51,.09);border-radius:0;background:transparent;box-shadow:none}
.word-learning-hub .word-explore-section{order:2;margin:0;padding:0;background:transparent}
.word-learning-hub .word-explore-choice-grid{border:0;border-radius:0;background:transparent}
.word-learning-hub .word-explore-choice{min-height:74px;background:transparent}
.word-learning-hub .word-explore-section.is-exploring .word-explore-choice-grid{border-radius:0}
.word-learning-hub .word-explore-section.is-exploring .word-route-card{margin:0;border-right:0!important;border-bottom:0!important;border-left:0!important;border-radius:0!important;box-shadow:none!important}
.word-learning-hub .word-route-paper-body .word-day-word-list{width:100%;max-width:100%;overflow-x:scroll;overscroll-behavior-inline:contain;scrollbar-gutter:stable;scrollbar-color:rgba(79,89,99,.42) transparent}
.word-learning-hub .word-route-paper-body .word-day-word-list button{flex:0 0 116px}
.word-learning-hub .word-route-paper-body .word-day-word-list::-webkit-scrollbar{height:8px}
.word-learning-hub .word-route-paper-body .word-day-word-list::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:rgba(79,89,99,.38);background-clip:padding-box}
.qa-dark-mode .word-learning-hub{border-color:rgba(244,242,236,.13);background:var(--qa-surface-raised)}
.qa-dark-mode .word-learning-hub .word-bank-continue{border-bottom-color:rgba(244,242,236,.1);background:transparent}
.qa-dark-mode .word-learning-hub .word-route-paper-body .word-day-word-list{scrollbar-color:rgba(244,242,236,.4) transparent}
.qa-dark-mode .word-learning-hub .word-route-paper-body .word-day-word-list::-webkit-scrollbar-thumb{background-color:rgba(244,242,236,.35)}
@media(max-width:760px){
 .word-learning-hub{margin-bottom:23px;border-radius:16px}
 .word-learning-hub .word-bank-continue{min-height:0;padding:18px}
 .word-learning-hub .word-explore-choice{min-height:70px}
 .word-learning-hub .word-route-paper-body .word-day-word-list button{flex-basis:104px}
}

/* Keep an open route neutral, and name it clearly inside the shared learning hub. */
.word-learning-hub .word-explore-section.is-exploring .word-route-card{background:#fff!important}
.word-learning-hub .word-explore-section.is-exploring .word-explore-choice[aria-expanded="true"]{box-shadow:none!important}
.word-learning-hub .word-route-day-head>div p{display:block;margin:0 0 3px;color:var(--text-subtle);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.qa-dark-mode .word-learning-hub .word-explore-section.is-exploring .word-route-card{background:var(--qa-surface-raised)!important}
.qa-dark-mode .word-learning-hub .word-explore-section.is-exploring .word-explore-choice[aria-expanded="true"]{box-shadow:none!important}
@media(max-width:760px){
 .word-of-day-card[class*="word-day-tone-"]{background:linear-gradient(180deg,#fff 0%,#fff 37%,var(--word-day-tint) 100%)!important}
 .word-of-day-card[class*="word-day-tone-"] .word-day-context,.word-of-day-card[class*="word-day-tone-"] .word-day-actions{background:transparent!important}
 .word-of-day-card[class*="word-day-tone-"] .word-day-context:before{display:block!important;right:0;top:0;bottom:0;width:100%;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--word-day-tint) 72%,transparent) 100%)!important}
}

/* A quiet perimeter keeps Today's Word distinct without adding another hard card. */
.word-of-day-card{border:1px solid rgba(50,73,91,.11);box-shadow:0 14px 30px rgba(35,52,66,.08),0 0 0 5px rgba(95,127,151,.025)}
.qa-dark-mode .word-of-day-card{border-color:rgba(244,242,236,.14);box-shadow:0 14px 30px rgba(0,0,0,.26),0 0 0 5px rgba(244,242,236,.025)}

/* Practice choices need clear, touch-friendly boundaries. */
.lesson-page-content>.practice-card .answer-options button{border:1px solid rgba(23,32,51,.17)!important;border-radius:7px!important;background:#fff!important;box-shadow:none!important}
.lesson-page-content>.practice-card .answer-options button:hover{border-color:rgba(23,32,51,.38)!important;background:#fafbf9!important}
.qa-dark-mode .lesson-page-content>.practice-card .answer-options button{border-color:rgba(244,242,236,.2)!important;background:var(--qa-surface-raised)!important}.qa-dark-mode .lesson-page-content>.practice-card .answer-options button:hover{background:var(--qa-surface-soft)!important}

/* Word Bank: give the three main learning surfaces distinct, scannable roles. */
.word-of-day-card{
  border-color:rgba(53,107,157,.28);
  box-shadow:0 16px 34px rgba(39,73,108,.13),0 0 0 5px rgba(83,132,183,.045);
}
.word-learning-hub{
  border-color:rgba(67,119,74,.26);
  background:linear-gradient(135deg,#f8fbf7 0%,#eef6ed 100%);
  box-shadow:0 13px 28px rgba(48,91,57,.09),0 0 0 4px rgba(93,146,90,.04);
}
.word-learning-hub .word-bank-continue{
  border-bottom-color:rgba(67,119,74,.2);
  background:rgba(255,255,255,.38);
}
.word-learning-hub .word-explore-choice:first-child{background:rgba(239,246,251,.56);}
.word-learning-hub .word-explore-choice:last-child{background:rgba(240,247,238,.56);}
.word-bank-tools{
  position:relative;
  padding-top:38px!important;
  border-color:rgba(151,111,49,.28)!important;
  background:linear-gradient(135deg,#fffdf9 0%,#fbf3e6 100%)!important;
  box-shadow:0 13px 28px rgba(103,75,38,.09),0 0 0 4px rgba(185,139,71,.035)!important;
}
.word-bank-tools:before{
  content:"Practice tools"!important;
  display:block!important;
  top:15px!important;
  left:18px!important;
  color:#8d641e!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.1em!important;
}
.word-bank-tools button:hover{background:rgba(255,255,255,.62)!important;}
.qa-dark-mode .word-learning-hub{border-color:rgba(132,187,137,.25);background:linear-gradient(135deg,#1d2d22,#202a24);}
.qa-dark-mode .word-learning-hub .word-bank-continue{background:rgba(255,255,255,.025);border-bottom-color:rgba(244,242,236,.13);}
.qa-dark-mode .word-bank-tools{border-color:rgba(219,176,105,.24)!important;background:linear-gradient(135deg,#2b2821,#24272a)!important;box-shadow:0 13px 28px rgba(0,0,0,.24)!important;}
.qa-dark-mode .word-bank-tools:before{color:#dfb768!important;}

/* Keep the practice label in the action row, rather than reserving a header strip. */
.word-bank-tools{
  grid-template-columns:112px repeat(4,minmax(0,1fr))!important;
  padding-top:0!important;
}
.word-bank-tools:before{
  content:"Practice"!important;
  position:static!important;
  display:flex!important;
  align-items:center;
  justify-content:center!important;
  padding:0 12px!important;
  border-right:1px solid rgba(151,111,49,.22);
}
@media(max-width:760px){
  .word-bank-tools{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .word-bank-tools:before{display:none!important;}
}

/* Final Academy+ dashboard treatment: a permanent, self-contained dark
   workspace that remains distinct in both light and dark appearance modes. */
body .academy-guidance-card{
  --academy-plus-bg:#171d21;
  --academy-plus-surface:#20282d;
  --academy-plus-line:rgba(244,242,236,.13);
  --academy-plus-text:#f6f3eb;
  --academy-plus-muted:#b8c0c1;
  --academy-plus-gold:#d8a14c;
  padding:34px!important;
  background:radial-gradient(circle at 88% 4%,rgba(216,161,76,.14),transparent 27%),radial-gradient(circle at 8% 100%,rgba(61,111,96,.18),transparent 32%),var(--academy-plus-bg)!important;
  border:1px solid rgba(244,242,236,.11)!important;
  box-shadow:0 20px 44px rgba(13,17,20,.26),inset 0 1px rgba(255,255,255,.035)!important;
  color:var(--academy-plus-text)!important;
}
body .academy-guidance-card .academy-guidance-heading{align-items:flex-end!important;margin-bottom:26px!important}
body .academy-guidance-card .academy-guidance-heading .qa-kicker{color:var(--academy-plus-gold)!important}
body .academy-guidance-card .academy-guidance-heading .qa-kicker span{background:rgba(216,161,76,.16)!important;color:var(--academy-plus-gold)!important;box-shadow:inset 0 0 0 1px rgba(216,161,76,.4)!important}
body .academy-guidance-card .academy-guidance-heading h2{color:var(--academy-plus-text)!important;font-size:34px!important}
body .academy-guidance-card .academy-guidance-heading p:not(.qa-kicker){max-width:610px;color:var(--academy-plus-muted)!important;font-size:13px!important;line-height:1.5}
body .academy-guidance-card .academy-guidance-link{padding:13px 17px!important;border:1px solid rgba(216,161,76,.54)!important;background:var(--academy-plus-gold)!important;color:#171d21!important;box-shadow:0 9px 20px rgba(0,0,0,.22)!important;font-size:11px!important}
body .academy-guidance-card .academy-guidance-link:hover{background:#e6b45f!important;color:#171d21!important}
body .academy-guidance-card .academy-guidance-grid{grid-template-columns:1.08fr 1fr 1fr!important;gap:12px!important}
body .academy-guidance-card .academy-guidance-grid>article{min-height:270px!important;padding:21px!important;border:1px solid var(--academy-plus-line)!important;border-radius:15px!important;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;box-shadow:none!important;color:var(--academy-plus-text)!important}
body .academy-guidance-card .academy-guidance-grid>article:hover{border-color:rgba(216,161,76,.43)!important;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.05))!important}
body .academy-guidance-card .guidance-card-heading{margin-bottom:17px!important}
body .academy-guidance-card .guidance-card-heading>span{background:rgba(216,161,76,.13)!important;color:var(--academy-plus-gold)!important;box-shadow:inset 0 0 0 1px rgba(216,161,76,.24)!important}
body .academy-guidance-card .academy-vocabulary-card .guidance-card-heading>span{background:rgba(96,155,132,.14)!important;color:#a6d5bd!important;box-shadow:inset 0 0 0 1px rgba(142,198,169,.24)!important}
body .academy-guidance-card .academy-guided-quran-card .guidance-card-heading>span{background:rgba(126,159,205,.14)!important;color:#bfd3f1!important;box-shadow:inset 0 0 0 1px rgba(160,188,227,.22)!important}
body .academy-guidance-card .guidance-card-heading small{color:var(--academy-plus-muted)!important;font-size:9px!important;letter-spacing:.08em!important;text-transform:uppercase}
body .academy-guidance-card .guidance-card-heading h3{color:var(--academy-plus-text)!important;font-size:18px!important}
body .academy-guidance-card .academy-plan-list{gap:10px!important}
body .academy-guidance-card .academy-plan-list li{grid-template-columns:25px minmax(0,1fr)!important}
body .academy-guidance-card .academy-plan-list li>span{background:rgba(216,161,76,.16)!important;color:var(--academy-plus-gold)!important}
body .academy-guidance-card .academy-plan-list small{color:var(--academy-plus-muted)!important}
body .academy-guidance-card .academy-plan-list strong{color:var(--academy-plus-text)!important;font-size:11px!important}
body .academy-guidance-card .academy-plan-recommendation>span{color:var(--academy-plus-gold)!important}
body .academy-guidance-card :is(.academy-vocabulary-card,.academy-guided-quran-card)>p{margin:0!important;color:var(--academy-plus-muted)!important;font-size:11px!important;line-height:1.55!important}
body .academy-guidance-card .academy-tool-benefits{display:grid!important;gap:7px!important;margin:17px 0 0!important;padding:0!important;list-style:none!important}
body .academy-guidance-card .academy-tool-benefits li{position:relative!important;padding-left:18px!important;color:#dde2df!important;font-size:10px!important;line-height:1.35!important}
body .academy-guidance-card .academy-tool-benefits li:before{content:""!important;position:absolute!important;left:0!important;top:.38em!important;width:7px!important;height:7px!important;border:1px solid var(--academy-plus-gold)!important;border-radius:50%!important}
body .academy-guidance-card .academy-vocabulary-card .academy-tool-benefits li:before{border-color:#9ac9b0!important}
body .academy-guidance-card .academy-guided-quran-card .academy-tool-benefits li:before{border-color:#b6ccec!important}
body .academy-guidance-card .academy-tool-open{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-top:18px!important;padding-top:14px!important;border-top:1px solid var(--academy-plus-line)!important;color:var(--academy-plus-gold)!important;font-size:11px!important;font-weight:750!important;text-decoration:none!important}
body .academy-guidance-card .academy-tool-open span{font-size:16px!important;transition:transform .18s ease}
body .academy-guidance-card .academy-tool-open:hover{color:#f0c675!important}body .academy-guidance-card .academy-tool-open:hover span{transform:translateX(3px)}
body .academy-guidance-card .academy-vocabulary-card .academy-tool-open{color:#b8dfc8!important}body .academy-guidance-card .academy-vocabulary-card .academy-tool-open:hover{color:#d5f2df!important}
body .academy-guidance-card .academy-guided-quran-card .academy-tool-open{color:#c7daf5!important}body .academy-guidance-card .academy-guided-quran-card .academy-tool-open:hover{color:#e0ebfc!important}
@media(max-width:900px){body .academy-guidance-card .academy-guidance-grid{grid-template-columns:1fr 1fr!important}body .academy-guidance-card .academy-plan-card{grid-column:1/-1!important;min-height:0!important}body .academy-guidance-card .academy-plan-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}body .academy-guidance-card .academy-plan-list li{grid-template-columns:22px minmax(0,1fr)!important}}
@media(max-width:760px){body .academy-guidance-card{padding:24px!important}body .academy-guidance-card .academy-guidance-heading{display:block!important;margin-bottom:18px!important}body .academy-guidance-card .academy-guidance-heading h2{font-size:28px!important}body .academy-guidance-card .academy-guidance-link{width:100%!important;justify-content:space-between!important;margin-top:17px!important}body .academy-guidance-card .academy-guidance-grid{grid-template-columns:1fr!important;gap:10px!important}body .academy-guidance-card .academy-plan-card{grid-column:auto!important}body .academy-guidance-card .academy-guidance-grid>article{min-height:0!important;padding:19px!important}body .academy-guidance-card .academy-plan-list{grid-template-columns:1fr!important;gap:9px!important}body .academy-guidance-card .academy-plan-list li{grid-template-columns:25px minmax(0,1fr)!important}}

/* Academy+ is a dedicated study space in either appearance mode.  Its dark
   surface sets it apart from the daily dashboard without depending on the
   global night-mode preference. */
.academy-guidance-card{
  --academy-plus-bg:#171d21;
  --academy-plus-surface:#20282d;
  --academy-plus-surface-alt:#1c2429;
  --academy-plus-line:rgba(244,242,236,.13);
  --academy-plus-text:#f6f3eb;
  --academy-plus-muted:#b8c0c1;
  --academy-plus-gold:#d8a14c;
  padding:34px!important;
  background:radial-gradient(circle at 88% 4%,rgba(216,161,76,.14),transparent 27%),radial-gradient(circle at 8% 100%,rgba(61,111,96,.18),transparent 32%),var(--academy-plus-bg)!important;
  border:1px solid rgba(244,242,236,.11);
  box-shadow:0 20px 44px rgba(13,17,20,.26),inset 0 1px rgba(255,255,255,.035)!important;
  color:var(--academy-plus-text);
}
.academy-guidance-card .academy-guidance-heading{align-items:flex-end;margin-bottom:26px}
.academy-guidance-card .academy-guidance-heading .qa-kicker{color:var(--academy-plus-gold)}
.academy-guidance-card .academy-guidance-heading .qa-kicker span{background:rgba(216,161,76,.16);color:var(--academy-plus-gold);box-shadow:inset 0 0 0 1px rgba(216,161,76,.4)}
.academy-guidance-card .academy-guidance-heading h2{color:var(--academy-plus-text);font-size:34px}
.academy-guidance-card .academy-guidance-heading p:not(.qa-kicker){max-width:610px;color:var(--academy-plus-muted);font-size:13px;line-height:1.5}
.academy-guidance-card .academy-guidance-link{padding:13px 17px;border:1px solid rgba(216,161,76,.54);background:var(--academy-plus-gold);color:#171d21;box-shadow:0 9px 20px rgba(0,0,0,.22);font-size:11px}
.academy-guidance-card .academy-guidance-link:hover{background:#e6b45f;color:#171d21}
.academy-guidance-card .academy-guidance-grid{grid-template-columns:1.08fr 1fr 1fr;gap:12px}
.academy-guidance-card .academy-guidance-grid>article{
  min-height:270px;
  padding:21px;
  border:1px solid var(--academy-plus-line);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;
  box-shadow:none!important;
  color:var(--academy-plus-text);
}
.academy-guidance-card .academy-guidance-grid>article:hover{border-color:rgba(216,161,76,.43);background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.05))!important}
.academy-guidance-card .guidance-card-heading{margin-bottom:17px}
.academy-guidance-card .guidance-card-heading>span{background:rgba(216,161,76,.13);color:var(--academy-plus-gold);box-shadow:inset 0 0 0 1px rgba(216,161,76,.24)}
.academy-guidance-card .academy-vocabulary-card .guidance-card-heading>span{background:rgba(96,155,132,.14);color:#a6d5bd;box-shadow:inset 0 0 0 1px rgba(142,198,169,.24)}
.academy-guidance-card .academy-guided-quran-card .guidance-card-heading>span{background:rgba(126,159,205,.14);color:#bfd3f1;box-shadow:inset 0 0 0 1px rgba(160,188,227,.22)}
.academy-guidance-card .guidance-card-heading small{color:var(--academy-plus-muted);font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.academy-guidance-card .guidance-card-heading h3{color:var(--academy-plus-text);font-size:18px}
.academy-guidance-card .academy-plan-list{gap:10px}
.academy-guidance-card .academy-plan-list li{grid-template-columns:25px minmax(0,1fr)}
.academy-guidance-card .academy-plan-list li>span{background:rgba(216,161,76,.16);color:var(--academy-plus-gold)}
.academy-guidance-card .academy-plan-list small{color:var(--academy-plus-muted)}
.academy-guidance-card .academy-plan-list strong{color:var(--academy-plus-text);font-size:11px}
.academy-guidance-card .academy-plan-recommendation>span{color:var(--academy-plus-gold)}
.academy-guidance-card :is(.academy-vocabulary-card,.academy-guided-quran-card)>p{margin:0;color:var(--academy-plus-muted);font-size:11px;line-height:1.55}
.academy-tool-benefits{display:grid;gap:7px;margin:17px 0 0;padding:0;list-style:none}
.academy-tool-benefits li{position:relative;padding-left:18px;color:#dde2df;font-size:10px;line-height:1.35}
.academy-tool-benefits li:before{content:"";position:absolute;left:0;top:.38em;width:7px;height:7px;border:1px solid var(--academy-plus-gold);border-radius:50%}
.academy-vocabulary-card .academy-tool-benefits li:before{border-color:#9ac9b0}
.academy-guided-quran-card .academy-tool-benefits li:before{border-color:#b6ccec}
.academy-tool-open{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid var(--academy-plus-line);color:var(--academy-plus-gold);font-size:11px;font-weight:750;text-decoration:none}
.academy-tool-open span{font-size:16px;transition:transform .18s ease}
.academy-tool-open:hover{color:#f0c675}.academy-tool-open:hover span{transform:translateX(3px)}
.academy-vocabulary-card .academy-tool-open{color:#b8dfc8}.academy-vocabulary-card .academy-tool-open:hover{color:#d5f2df}
.academy-guided-quran-card .academy-tool-open{color:#c7daf5}.academy-guided-quran-card .academy-tool-open:hover{color:#e0ebfc}
.qa-dark-mode .academy-guidance-card{background:radial-gradient(circle at 88% 4%,rgba(216,161,76,.14),transparent 27%),radial-gradient(circle at 8% 100%,rgba(61,111,96,.18),transparent 32%),var(--academy-plus-bg)!important;box-shadow:0 20px 44px rgba(0,0,0,.43),inset 0 1px rgba(255,255,255,.035)!important}
@media(max-width:900px){.academy-guidance-card .academy-guidance-grid{grid-template-columns:1fr 1fr}.academy-guidance-card .academy-plan-card{grid-column:1/-1;min-height:0}.academy-guidance-card .academy-plan-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.academy-guidance-card .academy-plan-list li{grid-template-columns:22px minmax(0,1fr)}}
@media(max-width:760px){.academy-guidance-card{padding:24px!important}.academy-guidance-card .academy-guidance-heading{display:block;margin-bottom:18px}.academy-guidance-card .academy-guidance-heading h2{font-size:28px}.academy-guidance-card .academy-guidance-link{width:100%;justify-content:space-between;margin-top:17px}.academy-guidance-card .academy-guidance-grid{grid-template-columns:1fr;gap:10px}.academy-guidance-card .academy-plan-card{grid-column:auto}.academy-guidance-card .academy-guidance-grid>article{min-height:0;padding:19px}.academy-guidance-card .academy-plan-list{grid-template-columns:1fr;gap:9px}.academy-guidance-card .academy-plan-list li{grid-template-columns:25px minmax(0,1fr)}}

/* Learning Check-in colour system: one accent per decision, with neutral
   dividers and controls so the three panels still read as one component. */
.learning-checkin-card{
  --checkin-today:#185f49;
  --checkin-today-soft:#f6f8f3;
  --checkin-word:#b87518;
  --checkin-word-soft:#fbf6ec;
  --checkin-review:#244d7d;
  --checkin-review-soft:#f5f7fa;
  --checkin-line:#dadddc;
}
.learning-checkin-card .checkin-plan{
  border-color:var(--checkin-line);
  background:#fff;
}
.learning-checkin-card .checkin-panel+.checkin-panel{border-color:var(--checkin-line)}
.learning-checkin-card .checkin-panel--today{background:var(--checkin-today-soft)}
.learning-checkin-card .checkin-panel--review{background:var(--checkin-review-soft)}
.learning-checkin-card .checkin-panel--today .checkin-panel-kicker{color:var(--checkin-today)}
.learning-checkin-card .checkin-progress-ring{
  background:conic-gradient(var(--checkin-today) var(--checkin-progress,0%),#dce4df 0);
}
.learning-checkin-card .checkin-step-list li>span{
  border-color:#aebcb5;
  background:rgba(255,255,255,.75);
}
.learning-checkin-card .checkin-step-list li.is-complete>span{
  border-color:var(--checkin-today);
  background:var(--checkin-today);
}
.learning-checkin-card .checkin-panel--today>a.checkin-primary-action{
  background:var(--checkin-today);
  box-shadow:0 7px 16px rgba(24,95,73,.16);
}
.learning-checkin-card .checkin-panel--today>a.checkin-primary-action:hover{background:#124d3b}

.learning-checkin-card .word-of-day-card--checkin{
  --word-day-accent:var(--checkin-word)!important;
  --word-day-tint:var(--checkin-word-soft)!important;
  background:linear-gradient(118deg,#fff 0%,#fff 44%,var(--checkin-word-soft) 100%)!important;
}
.learning-checkin-card .word-of-day-card--checkin :is(.word-bank-kicker,.word-day-context>span){
  color:var(--checkin-word)!important;
}
.learning-checkin-card .word-of-day-card--checkin .word-day-actions button{
  border:1px solid #d8dcde;
  background:rgba(255,255,255,.82);
  color:#343b42;
  box-shadow:none;
}
.learning-checkin-card .word-of-day-card--checkin .word-day-actions button:hover{
  border-color:#b8bec1;
  background:#fff;
}
.learning-checkin-card .word-of-day-card--checkin .word-day-actions button:not(.active)>span[aria-hidden=true]{
  color:var(--checkin-word);
  filter:none;
}
.learning-checkin-card .word-of-day-card--checkin .word-day-actions .recognise.active{background:var(--checkin-today);border-color:var(--checkin-today);color:#fff}
.learning-checkin-card .word-of-day-card--checkin .word-day-actions .review.active{background:var(--checkin-word);border-color:var(--checkin-word);color:#fff}
.learning-checkin-card .word-of-day-card--checkin .word-day-actions .word-save.active{background:var(--checkin-review);border-color:var(--checkin-review);color:#fff}

.learning-checkin-card .checkin-panel--review .checkin-panel-kicker{color:var(--checkin-review)}
.learning-checkin-card .checkin-review-focus>div{
  border-color:#d8dee6;
  background:rgba(255,255,255,.72);
}
.learning-checkin-card .checkin-review-focus>div>span{
  background:#e7edf5;
  color:var(--checkin-review);
}
.learning-checkin-card .checkin-review-focus>a{
  border-color:var(--checkin-review);
  color:var(--checkin-review);
  background:rgba(255,255,255,.55);
}
.learning-checkin-card .checkin-review-focus>a:hover{background:#eaf0f7}
.learning-checkin-card .checkin-next-lesson{border-color:#d8dee6}
.learning-checkin-card .checkin-next-lesson>strong,
.learning-checkin-card .checkin-next-lesson>b{color:var(--checkin-review)}

.qa-dark-mode .learning-checkin-card{
  --checkin-today:#79ab91;
  --checkin-word:#d8a25d;
  --checkin-review:#91afd3;
  --checkin-line:rgba(244,242,236,.14);
}
.qa-dark-mode .learning-checkin-card .checkin-plan,
.qa-dark-mode .learning-checkin-card .checkin-panel--today,
.qa-dark-mode .learning-checkin-card .checkin-panel--review{background:var(--qa-surface-raised)}
.qa-dark-mode .learning-checkin-card .word-of-day-card--checkin{background:var(--qa-surface-raised)!important}
.qa-dark-mode .learning-checkin-card .word-of-day-card--checkin .word-day-actions button,
.qa-dark-mode .learning-checkin-card .checkin-review-focus>div,
.qa-dark-mode .learning-checkin-card .checkin-review-focus>a{
  border-color:rgba(244,242,236,.14);
  background:var(--qa-surface-soft);
  color:var(--qa-text-strong);
}
.qa-dark-mode .learning-checkin-card .checkin-step-list li>span{border-color:#69736e;background:var(--qa-surface-soft)}

/* The complete check-in uses four generous cards: today's journey, today's
   word, spaced review, and preparation for the next lesson. */
.learning-checkin-card{--checkin-prepare:#a36313;--checkin-prepare-soft:#fbf6eb}
.learning-checkin-card .checkin-plan{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  overflow:hidden;
  background:var(--checkin-line);
}
.learning-checkin-card .checkin-panel{
  min-height:300px;
  padding:26px 28px;
  border:0!important;
}
.learning-checkin-card .checkin-panel--today,
.learning-checkin-card .checkin-panel--word{min-height:410px}
.learning-checkin-card .checkin-panel--prepare{background:var(--checkin-prepare-soft)}
.learning-checkin-card .checkin-panel--prepare .checkin-panel-kicker{color:var(--checkin-prepare)}

.checkin-journey-status{display:grid;grid-template-columns:auto minmax(100px,1fr);align-items:center;gap:14px;margin:16px 0 17px}
.checkin-journey-status>strong{color:var(--checkin-today);font-size:11px}
.checkin-progress-bar{height:5px;border-radius:999px;background:#dde5e0;overflow:hidden}
.checkin-progress-bar>i{display:block;width:var(--checkin-progress,0%);height:100%;border-radius:inherit;background:var(--checkin-today);transition:width .35s ease}
.checkin-journey-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}
.checkin-journey-group{min-width:0;padding:11px;border:1px solid rgba(24,95,73,.11);border-radius:10px;background:rgba(255,255,255,.56)}
.checkin-journey-group h3{margin:0 0 8px;color:var(--checkin-today);font-size:9px;letter-spacing:.07em;text-transform:uppercase}
.checkin-journey-group>a{display:grid;grid-template-columns:15px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:29px;color:var(--ink);font-size:9px;font-weight:650;line-height:1.25;text-decoration:none}
.checkin-journey-group>a>span{width:14px;height:14px;border:1.3px solid #9eada6;border-radius:50%;display:grid;place-items:center;background:#fff}
.checkin-journey-group>a.is-complete>span{border-color:var(--checkin-today);background:var(--checkin-today);color:#fff}
.checkin-journey-group>a.is-complete>span:after{content:"✓";font:700 8px/1 Arial,sans-serif}
.checkin-journey-group>a>b{color:#90979a;font-size:13px;font-weight:500}
.checkin-journey-group>a:hover{color:var(--checkin-today)}

.learning-checkin-card .checkin-panel--word{display:flex;padding:0;background:#fff}
.learning-checkin-card .checkin-panel--word .word-of-day-card--checkin{height:auto;min-height:340px;flex:1;margin:0!important;padding-bottom:68px!important}
.checkin-word-links{display:grid;grid-template-columns:1fr 1fr;gap:1px;flex:0 0 auto;border-top:1px solid var(--checkin-line);background:var(--checkin-line)}
.checkin-word-links>a{min-height:58px;padding:0 20px;display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:var(--checkin-word);font-size:11px;font-weight:750;text-decoration:none}
.checkin-word-links>a:hover{background:var(--checkin-word-soft)}
.checkin-word-links>a>span{font-size:15px}

.checkin-review-list-compact,.checkin-prerequisite-list{display:grid;gap:9px;margin-top:17px}
.checkin-review-list-compact>a,.checkin-prerequisite-list>a{display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;border:1px solid #d8dee6;border-radius:10px;background:rgba(255,255,255,.7);color:var(--ink);text-decoration:none}
.checkin-review-list-compact>a>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e7edf5;color:var(--checkin-review);font-size:15px}
.checkin-review-list-compact strong,.checkin-review-list-compact small,.checkin-prerequisite-list strong,.checkin-prerequisite-list small{display:block}
.checkin-review-list-compact strong,.checkin-prerequisite-list strong{font-size:11px;line-height:1.3}
.checkin-review-list-compact small,.checkin-prerequisite-list small{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.4}
.checkin-review-list-compact>a>b,.checkin-prerequisite-list>a>b{color:var(--checkin-review);font-size:14px}

.checkin-prerequisite-notice{margin-top:15px;padding:13px 14px;border-left:3px solid var(--checkin-prepare);border-radius:8px;background:#fff5e5}
.checkin-prerequisite-notice>strong{display:block;color:var(--checkin-prepare);font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.checkin-prerequisite-notice>p{margin:4px 0 0;color:#655742;font-size:10px;line-height:1.45}
.checkin-prerequisite-notice--clear{border-left-color:#8aa194;background:#f2f7f3}.checkin-prerequisite-notice--clear>strong{color:var(--checkin-today)}
.checkin-prerequisite-list>a{grid-template-columns:43px minmax(0,1fr) auto;border-color:#e2d6c4}
.checkin-prerequisite-list>a>span{padding:5px 6px;border-radius:999px;background:#f4dfbb;color:var(--checkin-prepare);font-size:8px;font-weight:800;text-align:center}
.checkin-prerequisite-list>a>b{color:var(--checkin-prepare)}
.checkin-panel--prepare .checkin-next-lesson{margin-top:auto;border-color:#e2d6c4}.checkin-panel--prepare .checkin-next-lesson>strong,.checkin-panel--prepare .checkin-next-lesson>b{color:var(--checkin-prepare)}

.qa-dark-mode .learning-checkin-card{--checkin-prepare:#d5a25f;--checkin-prepare-soft:var(--qa-surface-raised)}
.qa-dark-mode .learning-checkin-card .checkin-panel--prepare,
.qa-dark-mode .learning-checkin-card .checkin-panel--word,
.qa-dark-mode .checkin-word-links>a{background:var(--qa-surface-raised)}
.qa-dark-mode .checkin-journey-group,
.qa-dark-mode .checkin-review-list-compact>a,
.qa-dark-mode .checkin-prerequisite-list>a,
.qa-dark-mode .checkin-prerequisite-notice{border-color:rgba(244,242,236,.14);background:var(--qa-surface-soft)}
.qa-dark-mode .checkin-journey-group>a{color:var(--qa-text-strong)}
.qa-dark-mode .checkin-journey-group>a>span{background:var(--qa-surface-raised)}
.qa-dark-mode .checkin-prerequisite-notice>p{color:var(--qa-text-muted)}

@media(max-width:900px){
  .learning-checkin-card .checkin-plan{grid-template-columns:1fr}
  .learning-checkin-card .checkin-panel{min-height:0}
  .learning-checkin-card .checkin-panel--today,.learning-checkin-card .checkin-panel--word{min-height:0}
}
@media(max-width:560px){
  .learning-checkin-card .checkin-panel{padding:21px 18px}
  .learning-checkin-card .checkin-panel--word{padding:0}
  .checkin-journey-groups{grid-template-columns:1fr;gap:8px}
  .checkin-journey-group{padding:10px 12px}
  .checkin-word-links{grid-template-columns:1fr}
  .checkin-word-links>a{min-height:50px}
}
@media(max-width:480px){
  .learning-checkin-card .checkin-panel--word .word-of-day-card--checkin{padding-bottom:126px!important}
}

/* Rule of three: one card for today's actions, one for vocabulary, and one
   divided card for review plus preparation. */
.learning-checkin-card .checkin-plan{
  grid-template-columns:minmax(280px,.92fr) minmax(430px,1.42fr) minmax(310px,1.04fr);
}
.learning-checkin-card .checkin-panel,
.learning-checkin-card .checkin-panel--today,
.learning-checkin-card .checkin-panel--word,
.learning-checkin-card .checkin-panel--review-prepare{min-height:520px}
.checkin-action-points{display:grid;gap:7px;margin:2px 0 18px}
.checkin-action-points>a{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:43px;padding:7px 10px;border:1px solid rgba(24,95,73,.12);border-radius:9px;background:rgba(255,255,255,.6);color:var(--ink);text-decoration:none}
.checkin-action-points>a>span{width:23px;height:23px;border:1.5px solid #9eada6;border-radius:50%;display:grid;place-items:center;background:#fff}
.checkin-action-points>a.is-complete>span{border-color:var(--checkin-today);background:var(--checkin-today);color:#fff}
.checkin-action-points>a.is-complete>span:after{content:"✓";font:700 11px/1 Arial,sans-serif}
.checkin-action-points>a>strong{font-size:11px;line-height:1.25}.checkin-action-points>a>b{color:#8b9490;font-size:16px;font-weight:500}
.checkin-action-points>a:hover{border-color:rgba(24,95,73,.35);color:var(--checkin-today);background:#fff}

.learning-checkin-card .checkin-panel--review-prepare{display:grid;grid-template-rows:auto auto;padding:0;background:#fff}
.checkin-third-section{min-width:0;padding:25px 25px 23px}
.checkin-third-section+.checkin-third-section{border-top:1px solid var(--checkin-line)}
.checkin-third-section--review{background:var(--checkin-review-soft)}
.checkin-third-section--prepare{display:flex;flex-direction:column;background:var(--checkin-prepare-soft)}
.checkin-third-section--review .checkin-panel-kicker{color:var(--checkin-review)}
.checkin-third-section--prepare .checkin-panel-kicker{color:var(--checkin-prepare)}
.checkin-third-section .checkin-review-list-compact,.checkin-third-section .checkin-prerequisite-list{margin-top:12px;gap:7px}
.checkin-third-section .checkin-review-list-compact>a,.checkin-third-section .checkin-prerequisite-list>a{padding:10px}
.checkin-third-section .checkin-prerequisite-notice{margin-top:11px;padding:10px 12px}
.checkin-third-section .checkin-next-lesson{margin-top:13px;padding-top:11px}

.checkin-plan--visitor .checkin-panel--review-prepare{padding:25px;background:var(--checkin-review-soft)}
.qa-dark-mode .learning-checkin-card .checkin-panel--review-prepare,
.qa-dark-mode .checkin-third-section--review,
.qa-dark-mode .checkin-third-section--prepare{background:var(--qa-surface-raised)}
.qa-dark-mode .checkin-action-points>a{border-color:rgba(244,242,236,.13);background:var(--qa-surface-soft);color:var(--qa-text-strong)}
.qa-dark-mode .checkin-action-points>a>span{background:var(--qa-surface-raised)}

@media(max-width:1100px){
  .learning-checkin-card .checkin-plan{grid-template-columns:minmax(250px,.9fr) minmax(360px,1.3fr) minmax(290px,1fr)}
  .learning-checkin-card .checkin-panel{padding-left:20px;padding-right:20px}
  .checkin-third-section{padding-left:20px;padding-right:20px}
}
@media(max-width:900px){
  .learning-checkin-card .checkin-plan{grid-template-columns:1fr}
  .learning-checkin-card .checkin-panel,.learning-checkin-card .checkin-panel--today,.learning-checkin-card .checkin-panel--word,.learning-checkin-card .checkin-panel--review-prepare{min-height:0}
}

@media(max-width:560px){
  .learning-checkin-card .checkin-panel--word{padding:0}
  .checkin-third-section{padding:21px 18px}
}

/* The review and preparation areas are two chapters of one card. Their
   surfaces stay close in tone; spacing, not competing colour, does the work. */
.learning-checkin-card{--checkin-third:#f6f7f8;--checkin-third-alt:#f8f8f5}
.learning-checkin-card .checkin-panel--review-prepare{
  overflow:hidden;
  border:0!important;
  border-radius:0;
  background:var(--checkin-third);
}
.learning-checkin-card .checkin-third-section--review{background:var(--checkin-third)}
.learning-checkin-card .checkin-third-section--prepare{background:var(--checkin-third-alt)}
.learning-checkin-card .checkin-third-section+.checkin-third-section{
  position:relative;
  border-top:0;
}
.learning-checkin-card .checkin-third-section+.checkin-third-section:before{
  content:"";
  position:absolute;
  left:25px;
  right:25px;
  top:0;
  height:1px;
  background:var(--checkin-line);
}
.learning-checkin-card .checkin-third-section--prepare .checkin-panel-kicker,
.learning-checkin-card .checkin-third-section--prepare .checkin-prerequisite-notice>strong{color:#687b71}
.learning-checkin-card .checkin-third-section--prepare .checkin-prerequisite-notice{
  border-left-color:#7d9488;
  background:#f0f4f1;
}
.learning-checkin-card .checkin-third-section--prepare .checkin-prerequisite-notice>p{color:#59655f}
.learning-checkin-card .checkin-third-section--prepare .checkin-prerequisite-list>a{border-color:#d8dfda;background:rgba(255,255,255,.7)}
.learning-checkin-card .checkin-third-section--prepare .checkin-prerequisite-list>a>span{background:#e5ece7;color:#526b5e}
.learning-checkin-card .checkin-third-section--prepare .checkin-prerequisite-list>a>b,
.learning-checkin-card .checkin-third-section--prepare .checkin-next-lesson>strong,
.learning-checkin-card .checkin-third-section--prepare .checkin-next-lesson>b{color:#526b5e}
.learning-checkin-card .checkin-third-section--prepare .checkin-next-lesson{border-color:#d8dfda}
.learning-checkin-card .checkin-word-links>a:hover{background:#f5f6f5}

.qa-dark-mode .learning-checkin-card{--checkin-third:var(--qa-surface-raised);--checkin-third-alt:#262d2b}
.qa-dark-mode .learning-checkin-card .checkin-third-section--review{background:var(--checkin-third)}
.qa-dark-mode .learning-checkin-card .checkin-third-section--prepare{background:var(--checkin-third-alt)}
.qa-dark-mode .learning-checkin-card .checkin-third-section--prepare .checkin-prerequisite-notice,
.qa-dark-mode .learning-checkin-card .checkin-third-section--prepare .checkin-prerequisite-list>a{background:var(--qa-surface-soft);border-color:rgba(244,242,236,.13)}
.qa-dark-mode .learning-checkin-card .checkin-third-section--prepare .checkin-prerequisite-notice>p{color:var(--qa-text-muted)}

@media(max-width:900px){
  .learning-checkin-card .checkin-plan{
    gap:15px;
    overflow:visible;
    border:0;
    background:transparent;
  }
  .learning-checkin-card .checkin-panel--today,
  .learning-checkin-card .checkin-panel--word,
  .learning-checkin-card .checkin-panel--review-prepare{
    overflow:hidden;
    border:1px solid var(--checkin-line)!important;
    border-radius:15px;
    box-shadow:0 8px 22px rgba(25,33,46,.055);
  }
  .learning-checkin-card .checkin-panel--word{background:#fff}
}
@media(max-width:560px){
  .learning-checkin-card .checkin-third-section{padding:18px 17px}
  .learning-checkin-card .checkin-third-section+.checkin-third-section:before{left:17px;right:17px}
  .learning-checkin-card .checkin-third-section .checkin-review-list-compact,
  .learning-checkin-card .checkin-third-section .checkin-prerequisite-list{gap:6px;margin-top:10px}
  .learning-checkin-card .checkin-third-section .checkin-review-list-compact>a,
  .learning-checkin-card .checkin-third-section .checkin-prerequisite-list>a{padding:9px}
}

/* Keep the three learning check-in cards visually equal on desktop. */
.learning-checkin-card .checkin-plan{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.learning-checkin-card .checkin-panel,
.learning-checkin-card .checkin-panel--today,
.learning-checkin-card .checkin-panel--word,
.learning-checkin-card .checkin-panel--review-prepare{min-height:470px}
.learning-checkin-card .checkin-panel--word .word-of-day-card--checkin{min-height:292px}
.learning-checkin-card .checkin-review-title{margin:0;color:var(--checkin-review);font-size:22px;line-height:1.15}

.checkin-action-points>div{display:grid;grid-template-columns:27px minmax(0,1fr);align-items:center;gap:8px;min-height:45px;padding:6px 8px;border:1px solid rgba(24,95,73,.12);border-radius:9px;background:rgba(255,255,255,.6)}
.checkin-action-points .checkin-point-toggle{width:27px;height:27px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;cursor:pointer}
.checkin-action-points .checkin-point-toggle>span{width:23px;height:23px;border:1.5px solid #94a59d;border-radius:50%;display:grid;place-items:center;background:#fff;transition:.18s border-color,.18s background,.18s transform}
.checkin-action-points .checkin-point-toggle:hover>span{border-color:var(--checkin-today);transform:scale(1.06)}
.checkin-action-points .checkin-point-toggle:focus-visible{outline:2px solid color-mix(in srgb,var(--checkin-today) 42%,transparent);outline-offset:2px}
.checkin-action-points>div.is-complete .checkin-point-toggle>span{border-color:var(--checkin-today);background:var(--checkin-today);color:#fff}
.checkin-action-points>div.is-complete .checkin-point-toggle>span:after{content:"✓";font:700 11px/1 Arial,sans-serif}
.checkin-action-points>div>a{min-width:0;min-height:31px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;color:var(--ink);text-decoration:none}
.checkin-action-points>div>a>strong{font-size:12px;line-height:1.25}.checkin-action-points>div>a>b{color:#87918c;font-size:17px;font-weight:500}
.checkin-action-points>div:has(a:hover){border-color:rgba(24,95,73,.34);background:#fff}.checkin-action-points>div>a:hover{color:var(--checkin-today)}
.qa-dark-mode .checkin-action-points>div{border-color:rgba(244,242,236,.13);background:var(--qa-surface-soft)}
.qa-dark-mode .checkin-action-points>div>a{color:var(--qa-text-strong)}
.qa-dark-mode .checkin-action-points .checkin-point-toggle>span{background:var(--qa-surface-raised)}

@media(max-width:1100px) and (min-width:901px){
  .learning-checkin-card .checkin-plan{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .learning-checkin-card .checkin-plan{grid-template-columns:1fr}
  .learning-checkin-card .checkin-panel,.learning-checkin-card .checkin-panel--today,.learning-checkin-card .checkin-panel--word,.learning-checkin-card .checkin-panel--review-prepare{min-height:0}
}

/* Let the vocabulary tint flow through the complete card, including both
   Word Bank destinations, instead of ending above a separate white footer. */
.learning-checkin-card .checkin-panel--word{
  background:linear-gradient(118deg,#fff 0%,#fff 34%,var(--checkin-word-soft) 100%)!important;
}
.learning-checkin-card .checkin-panel--word>.word-of-day-card--checkin,
.learning-checkin-card .checkin-word-links,
.learning-checkin-card .checkin-word-links>a{
  background:transparent!important;
}
.learning-checkin-card .checkin-word-links>a:hover{
  background:rgba(255,255,255,.42)!important;
}
.qa-dark-mode .learning-checkin-card .checkin-panel--word{
  background:var(--qa-surface-raised)!important;
}
.qa-dark-mode .learning-checkin-card .checkin-word-links>a:hover{
  background:var(--qa-surface-soft)!important;
}

/* Mobile uses the same connected selected-stage and map treatment.  The SVG
   is explicitly painted here too, so it never falls back to the browser's
   default black fill before the responsive layout settles. */
@media(max-width:760px){
  .roadmap-card:not(.lesson-embedded-journey){--stage-frame:#d4d8dc;position:relative;isolation:isolate;}
  .roadmap-card:not(.lesson-embedded-journey) .stage-unit-frame{
    position:absolute;
    inset:0 auto auto 0;
    z-index:0;
    overflow:visible;
    pointer-events:none;
    filter:drop-shadow(0 12px 26px rgba(25,33,46,.12));
  }
  .roadmap-card:not(.lesson-embedded-journey) .stage-unit-frame path{
    fill:#fff;
    stroke:var(--stage-frame);
    stroke-width:1.25;
  }
  .roadmap-card:not(.lesson-embedded-journey) .stage-tabs{
    position:relative;
    z-index:2;
    margin-bottom:0;
    scroll-snap-type:x mandatory;
    scroll-padding-left:4px;
    scroll-behavior:smooth;
  }
  .roadmap-card:not(.lesson-embedded-journey) .stage-tab{
    scroll-snap-align:start;
  }
  .roadmap-card:not(.lesson-embedded-journey) .stage-tab.active{
    position:relative;
    z-index:2;
    transform:none;
    border:0;
    border-radius:18px 18px 0 0;
    background:transparent;
    box-shadow:none;
  }
  .roadmap-card:not(.lesson-embedded-journey):not(:has(.stage-expansion.active)) .stage-tab.active{
    border-radius:18px;
    background:#fff;
    box-shadow:0 10px 22px rgba(25,33,46,.11),inset 0 0 0 1.25px var(--stage-frame);
  }
  .roadmap-card:not(.lesson-embedded-journey) .stage-expansions{
    position:relative;
    z-index:1;
    margin-top:12px;
  }
  .roadmap-card:not(.lesson-embedded-journey) .stage-expansion.active{
    border:0;
    background:transparent;
    box-shadow:none;
  }
}

/* Active Word of the Day controls use dark icons on their light selected states. */
.word-of-day-card .word-day-actions .review.active>span[aria-hidden=true]{color:var(--plum)!important;}
.word-of-day-card .word-day-actions .word-save.active>span[aria-hidden=true]{color:var(--ink)!important;}

/* Practice actions read as compact icon-and-detail rows. */
.word-bank-tools button{
  min-height:76px!important;
  padding:12px 14px!important;
  display:grid!important;
  grid-template-columns:32px max-content;
  grid-template-rows:auto auto;
  justify-content:center!important;
  align-content:center!important;
  align-items:center!important;
  column-gap:10px;
  row-gap:2px;
  text-align:left!important;
}
.word-bank-tools button>span{
  grid-column:1;
  grid-row:1 / -1;
  width:30px!important;
  height:30px!important;
  margin:0!important;
}
.word-bank-tools button>span svg{width:26px!important;height:26px!important;}
.word-bank-tools button strong{grid-column:2;grid-row:1;margin:0!important;align-self:end!important;}
.word-bank-tools button b{grid-column:2;grid-row:2;margin:0!important;font:600 20px/1 'Playfair Display',serif;}
.word-bank-tools button b::after{content:" words";margin-left:4px;color:var(--muted);font:500 10px/1 Inter,sans-serif;}
.word-bank-tools button b+small{display:none!important;}
.word-bank-tools button small{grid-column:2;grid-row:2;max-width:none;margin:0!important;align-self:start!important;text-align:left;}
.word-bank-tools button{grid-template-columns:32px 170px!important;}
@media(max-width:760px){
  .word-bank-tools button{grid-template-columns:30px minmax(0,1fr)!important;justify-content:start!important;}
}

/* Word Bank search stays quiet: a light boundary, no floating elevation. */
.word-bank-page .word-search-form{
  border:1px solid rgba(23,32,51,.12);
  box-shadow:none;
}
.word-bank-page .word-search-form:focus-within{
  border-color:rgba(39,103,169,.42);
  box-shadow:0 0 0 3px rgba(39,103,169,.08);
}
.qa-dark-mode .word-bank-page .word-search-form{
  border-color:rgba(244,242,236,.16);
  box-shadow:none;
}

/* On the full Journey, the selected stage sits with its map as one raised unit.
   The map begins immediately below the tabs, so it does not need a decorative arrow. */
.roadmap-card:not(.lesson-embedded-journey) .stage-bridge{display:none!important;}
@media(min-width:761px){
  .roadmap-card:not(.lesson-embedded-journey){--stage-frame:#d4d8dc;position:relative;isolation:isolate;}
  .roadmap-card:not(.lesson-embedded-journey) .stage-unit-frame{
    position:absolute;
    inset:0 auto auto 0;
    z-index:0;
    overflow:visible;
    pointer-events:none;
    filter:drop-shadow(0 20px 38px rgba(25,33,46,.16));
  }
  .roadmap-card:not(.lesson-embedded-journey) .stage-unit-frame path{
    fill:#fff;
    stroke:var(--stage-frame);
    stroke-width:1.5;
  }
  .roadmap-card:not(.lesson-embedded-journey) .stage-tabs{
    position:relative;
    z-index:2;
    margin-bottom:0;
  }
  .roadmap-card:not(.lesson-embedded-journey) .stage-tab.active{
    position:relative;
    z-index:2;
    transform:none;
    border:0;
    border-radius:22px 22px 0 0;
    background:transparent;
    box-shadow:none;
  }
  .roadmap-card:not(.lesson-embedded-journey):not(:has(.stage-expansion.active)) .stage-tab.active{
    border-radius:18px;
    background:#fff;
    box-shadow:0 12px 30px rgba(25,33,46,.13),inset 0 0 0 2px var(--stage-frame);
  }
  .roadmap-card:not(.lesson-embedded-journey) .stage-expansions{
    position:relative;
    z-index:1;
    margin-top:16px;
  }
  .roadmap-card:not(.lesson-embedded-journey) .stage-expansion{
    margin-top:0;
    padding-top:39px;
  }
  .roadmap-card:not(.lesson-embedded-journey) .stage-expansion.active{
    border:0;
    background:transparent;
    box-shadow:none;
  }
}

/* Keep Practice as the compact first cell, while letting every action use
   the remaining space without clipping its icon. */
.word-bank-tools{
  grid-template-columns:112px repeat(4,minmax(0,1fr))!important;
  padding-top:0!important;
}
.word-bank-tools:before{
  content:"Practice"!important;
  position:static!important;
  display:flex!important;
  align-items:center;
  justify-content:center!important;
  padding:0 12px!important;
  border-right:1px solid rgba(151,111,49,.22)!important;
}
.word-bank-tools button{
  min-width:0!important;
  grid-template-columns:32px minmax(0,1fr)!important;
  justify-content:center!important;
}
@media(max-width:760px){
  .word-bank-tools{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .word-bank-tools:before{display:none!important;}
}

/* Academy+ final cascade: preserve this dedicated workspace in either theme. */
body .academy-guidance-card{
  --academy-plus-bg:#171d21;
  --academy-plus-line:rgba(244,242,236,.13);
  --academy-plus-text:#f6f3eb;
  --academy-plus-muted:#b8c0c1;
  --academy-plus-gold:#d8a14c;
  padding:34px!important;
  background:radial-gradient(circle at 88% 4%,rgba(216,161,76,.14),transparent 27%),radial-gradient(circle at 8% 100%,rgba(61,111,96,.18),transparent 32%),var(--academy-plus-bg)!important;
  border:1px solid rgba(244,242,236,.11)!important;
  box-shadow:0 20px 44px rgba(13,17,20,.26),inset 0 1px rgba(255,255,255,.035)!important;
  color:var(--academy-plus-text)!important;
}
body .academy-guidance-card .academy-guidance-heading{align-items:flex-end!important;margin-bottom:26px!important}
body .academy-guidance-card .academy-guidance-heading .qa-kicker{color:var(--academy-plus-gold)!important}
body .academy-guidance-card .academy-guidance-heading .qa-kicker span{background:rgba(216,161,76,.16)!important;color:var(--academy-plus-gold)!important;box-shadow:inset 0 0 0 1px rgba(216,161,76,.4)!important}
body .academy-guidance-card .academy-guidance-heading h2{color:var(--academy-plus-text)!important;font-size:34px!important}
body .academy-guidance-card .academy-guidance-heading p:not(.qa-kicker){max-width:610px;color:var(--academy-plus-muted)!important;font-size:13px!important;line-height:1.5}
body .academy-guidance-card .academy-guidance-link{padding:13px 17px!important;border:1px solid rgba(216,161,76,.54)!important;background:var(--academy-plus-gold)!important;color:#171d21!important;box-shadow:0 9px 20px rgba(0,0,0,.22)!important;font-size:11px!important}
body .academy-guidance-card .academy-guidance-grid{grid-template-columns:1.08fr 1fr 1fr!important;gap:12px!important}
body .academy-guidance-card .academy-guidance-grid>article{min-height:270px!important;padding:21px!important;border:1px solid var(--academy-plus-line)!important;border-radius:15px!important;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;box-shadow:none!important;color:var(--academy-plus-text)!important}
body .academy-guidance-card .guidance-card-heading{margin-bottom:17px!important}
body .academy-guidance-card .guidance-card-heading>span{background:rgba(216,161,76,.13)!important;color:var(--academy-plus-gold)!important;box-shadow:inset 0 0 0 1px rgba(216,161,76,.24)!important}
body .academy-guidance-card .academy-vocabulary-card .guidance-card-heading>span{background:rgba(96,155,132,.14)!important;color:#a6d5bd!important;box-shadow:inset 0 0 0 1px rgba(142,198,169,.24)!important}
body .academy-guidance-card .academy-guided-quran-card .guidance-card-heading>span{background:rgba(126,159,205,.14)!important;color:#bfd3f1!important;box-shadow:inset 0 0 0 1px rgba(160,188,227,.22)!important}
body .academy-guidance-card .guidance-card-heading small{color:var(--academy-plus-muted)!important;font-size:9px!important;letter-spacing:.08em!important;text-transform:uppercase}
body .academy-guidance-card .guidance-card-heading h3{color:var(--academy-plus-text)!important;font-size:18px!important}
body .academy-guidance-card .academy-plan-list{gap:10px!important}
body .academy-guidance-card .academy-plan-list li{grid-template-columns:25px minmax(0,1fr)!important}
body .academy-guidance-card .academy-plan-list li>span{background:rgba(216,161,76,.16)!important;color:var(--academy-plus-gold)!important}
body .academy-guidance-card .academy-plan-list :is(small,strong){color:var(--academy-plus-text)!important}
body .academy-guidance-card .academy-plan-list small{color:var(--academy-plus-muted)!important}
body .academy-guidance-card .academy-plan-recommendation>span{color:var(--academy-plus-gold)!important}
body .academy-guidance-card :is(.academy-vocabulary-card,.academy-guided-quran-card)>p{margin:0!important;color:var(--academy-plus-muted)!important;font-size:11px!important;line-height:1.55!important}
body .academy-guidance-card .academy-tool-benefits{display:grid!important;gap:7px!important;margin:17px 0 0!important;padding:0!important;list-style:none!important}
body .academy-guidance-card .academy-tool-benefits li{position:relative!important;padding-left:18px!important;color:#dde2df!important;font-size:10px!important;line-height:1.35!important}
body .academy-guidance-card .academy-tool-benefits li:before{content:""!important;position:absolute!important;left:0!important;top:.38em!important;width:7px!important;height:7px!important;border:1px solid var(--academy-plus-gold)!important;border-radius:50%!important}
body .academy-guidance-card .academy-vocabulary-card .academy-tool-benefits li:before{border-color:#9ac9b0!important}
body .academy-guidance-card .academy-guided-quran-card .academy-tool-benefits li:before{border-color:#b6ccec!important}
body .academy-guidance-card .academy-tool-open{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-top:18px!important;padding-top:14px!important;border-top:1px solid var(--academy-plus-line)!important;color:var(--academy-plus-gold)!important;font-size:11px!important;font-weight:750!important;text-decoration:none!important}
body .academy-guidance-card .academy-vocabulary-card .academy-tool-open{color:#b8dfc8!important}body .academy-guidance-card .academy-guided-quran-card .academy-tool-open{color:#c7daf5!important}
@media(max-width:900px){body .academy-guidance-card .academy-guidance-grid{grid-template-columns:1fr 1fr!important}body .academy-guidance-card .academy-plan-card{grid-column:1/-1!important;min-height:0!important}body .academy-guidance-card .academy-plan-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}}
@media(max-width:760px){body .academy-guidance-card{padding:24px!important}body .academy-guidance-card .academy-guidance-heading{display:block!important;margin-bottom:18px!important}body .academy-guidance-card .academy-guidance-heading h2{font-size:28px!important}body .academy-guidance-card .academy-guidance-link{width:100%!important;justify-content:space-between!important;margin-top:17px!important}body .academy-guidance-card .academy-guidance-grid{grid-template-columns:1fr!important;gap:10px!important}body .academy-guidance-card .academy-plan-card{grid-column:auto!important}body .academy-guidance-card .academy-guidance-grid>article{min-height:0!important;padding:19px!important}body .academy-guidance-card .academy-plan-list{grid-template-columns:1fr!important;gap:9px!important}}

/* Guest Academy+ invitation: the same permanent dark study-space language as
   the signed-in Academy+ area, not a second white dashboard card. */
body .academy-offer.academy-offer-refined{
  --academy-offer-dark:#171d21;
  --academy-offer-line:rgba(244,242,236,.13);
  --academy-offer-text:#f6f3eb;
  --academy-offer-muted:#bac2c3;
  background:radial-gradient(circle at 86% 6%,rgba(216,161,76,.14),transparent 25%),radial-gradient(circle at 9% 94%,rgba(61,111,96,.18),transparent 33%),var(--academy-offer-dark)!important;
  border:1px solid rgba(244,242,236,.11)!important;
  box-shadow:0 20px 44px rgba(13,17,20,.26),inset 0 1px rgba(255,255,255,.035)!important;
  color:var(--academy-offer-text)!important;
}
body .academy-offer.academy-offer-refined .offer-intro .qa-kicker{color:#e0ad58!important}
body .academy-offer.academy-offer-refined .offer-intro h2{color:var(--academy-offer-text)!important}
body .academy-offer.academy-offer-refined .offer-intro>p:last-child{color:var(--academy-offer-muted)!important}
body .academy-offer.academy-offer-refined .offer-art path{stroke:#d8a14c!important}
body .academy-offer.academy-offer-refined .offer-art .star-eight{fill:#20282d!important;stroke:#d8a14c!important}
body .academy-offer.academy-offer-refined .offer-art .star-core{fill:#d8a14c!important}
body .academy-offer.academy-offer-refined .offer-grid article{background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;border:1px solid var(--academy-offer-line)!important;box-shadow:none!important}
body .academy-offer.academy-offer-refined .offer-grid article:hover{border-color:rgba(216,161,76,.45)!important;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.05))!important}
body .academy-offer.academy-offer-refined .offer-grid article>span.offer-icon{background:rgba(216,161,76,.12)!important;box-shadow:inset 0 0 0 1px rgba(216,161,76,.2)!important}
body .academy-offer.academy-offer-refined .offer-icon path,body .academy-offer.academy-offer-refined .offer-icon circle{stroke:#f1eee6!important}
body .academy-offer.academy-offer-refined .offer-icon .trail{stroke:#d8a14c!important}
body .academy-offer.academy-offer-refined .offer-grid h3{background:transparent!important;box-shadow:none!important;color:var(--academy-offer-text)!important}
body .academy-offer.academy-offer-refined .offer-card-promise{color:#e0ad58!important}
body .academy-offer.academy-offer-refined .offer-card-checks li{color:#dbe0dd!important}
body .academy-offer.academy-offer-refined .offer-card-checks li:before{background:rgba(216,161,76,.16)!important;color:#e0ad58!important}
body .academy-offer.academy-offer-refined .academy-offer-action .qa-button{background:#d8a14c!important;color:#171d21!important;box-shadow:0 9px 20px rgba(0,0,0,.24)!important}
body .academy-offer.academy-offer-refined .academy-offer-action small{color:var(--academy-offer-muted)!important}
@media(max-width:760px){body .academy-offer.academy-offer-refined{padding:26px 20px!important}body .academy-offer.academy-offer-refined .offer-grid article{border-radius:15px!important}}

/* Academy+ invitation 2.0: one connected Learn → Remember → Read journey. */
body .academy-offer-refined .academy-offer-journey{display:block!important;grid-template-columns:1fr!important}
body .academy-offer-refined .offer-content{width:100%!important}
body .academy-offer-refined .offer-intro{max-width:920px;margin:0 auto;text-align:center}
body .academy-offer-refined .offer-intro h2{max-width:880px!important;font-size:37px!important;line-height:1.12!important}
body .academy-offer-refined .offer-intro>p:last-child{max-width:670px;margin:10px auto 0!important;font-size:13px!important;line-height:1.55!important}
body .academy-offer-refined .academy-offer-flow{display:flex;align-items:center;justify-content:center;gap:13px;margin:23px auto 8px;color:var(--academy-offer-muted);font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
body .academy-offer-refined .academy-offer-flow span{display:flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid rgba(244,242,236,.12);border-radius:999px;background:rgba(255,255,255,.035)}
body .academy-offer-refined .academy-offer-flow b{color:#e0ad58;font-size:9px}
body .academy-offer-refined .academy-offer-flow i{color:rgba(244,242,236,.38);font-style:normal}
body .academy-offer-refined .offer-grid{align-items:stretch;margin:22px 0 25px!important;gap:13px!important}
body .academy-offer-refined .offer-grid .academy-offer-pillar{position:relative;align-items:flex-start!important;min-height:330px!important;padding:22px!important;text-align:left!important;overflow:hidden}
body .academy-offer-refined .offer-grid .academy-offer-pillar:after{content:"";position:absolute;right:-42px;bottom:-55px;width:145px;height:145px;border:1px solid rgba(244,242,236,.05);border-radius:50%;box-shadow:0 0 0 25px rgba(244,242,236,.018);pointer-events:none}
body .academy-offer-refined .offer-step{display:inline-flex!important;width:auto!important;height:auto!important;margin:0 0 18px!important;padding:6px 10px!important;border:1px solid rgba(216,161,76,.26)!important;border-radius:999px!important;background:rgba(216,161,76,.10)!important;box-shadow:none!important;color:#e0ad58!important;font-size:8px!important;font-weight:800!important;letter-spacing:.09em!important;text-transform:uppercase}
body .academy-offer-refined .offer-grid article>span.offer-icon{width:54px!important;height:54px!important;margin:0!important}
body .academy-offer-refined .offer-icon svg{width:30px!important;height:30px!important}
body .academy-offer-refined .offer-grid h3{display:block!important;min-height:0!important;margin:19px 0 5px!important;padding:0!important;text-align:left!important;font-size:21px!important}
body .academy-offer-refined .offer-card-promise{min-height:0!important;margin:0 0 13px!important;text-align:left!important;font-size:12px!important}
body .academy-offer-refined .offer-card-checks{margin-top:auto!important;padding-top:11px!important;border-top:1px solid rgba(244,242,236,.10)!important}
body .academy-offer-refined .offer-card-checks li{margin:8px 0!important;padding-left:21px!important;font-size:9.5px!important;line-height:1.4!important}
body .academy-offer-refined .academy-offer-pillar--remember .offer-step,body .academy-offer-refined .academy-offer-pillar--remember .offer-icon{border-color:rgba(143,198,169,.26)!important;background:rgba(96,155,132,.13)!important;color:#add7c1!important}
body .academy-offer-refined .academy-offer-pillar--remember .offer-icon path{stroke:#c7e6d5!important}
body .academy-offer-refined .academy-offer-pillar--quran .offer-step,body .academy-offer-refined .academy-offer-pillar--quran .offer-icon{border-color:rgba(160,188,227,.25)!important;background:rgba(126,159,205,.13)!important;color:#c7daf5!important}
body .academy-offer-refined .academy-offer-pillar--quran .offer-icon path{stroke:#d5e3f7!important}
body .academy-offer-refined .academy-offer-action{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;padding:20px 22px!important;border:1px solid rgba(244,242,236,.12)!important;border-radius:14px!important;background:rgba(255,255,255,.04)!important;text-align:left!important}
body .academy-offer-refined .academy-offer-action>div strong{display:block;color:var(--academy-offer-text);font:600 17px 'Playfair Display',serif}
body .academy-offer-refined .academy-offer-action>div small{margin-top:5px!important;color:var(--academy-offer-muted)!important;font-size:9px!important}
body .academy-offer-refined .academy-offer-action .qa-button{flex:0 0 auto;margin:0!important;padding:13px 18px!important;white-space:nowrap}
@media(max-width:760px){body .academy-offer-refined .offer-intro h2{font-size:29px!important}body .academy-offer-refined .academy-offer-flow{gap:6px;margin-top:18px}body .academy-offer-refined .academy-offer-flow span{padding:7px 9px;font-size:8px}body .academy-offer-refined .academy-offer-flow i{font-size:9px}body .academy-offer-refined .offer-grid{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important;padding:0!important}body .academy-offer-refined .offer-grid .academy-offer-pillar{min-height:0!important;padding:20px!important}body .academy-offer-refined .academy-offer-action{align-items:stretch!important;flex-direction:column!important;gap:15px!important}body .academy-offer-refined .academy-offer-action .qa-button{width:100%!important;justify-content:space-between!important}}

/* Word Bank guest prompt must sit above the still-open word-details dialog. */
body .word-bank-details-dialog{z-index:145!important}
body .word-bank-signup-dialog{z-index:220!important;background:rgba(12,17,23,.62)!important}
body .word-bank-signup-dialog .dialog-card{position:relative;z-index:1}

/* Shared dialog backdrop: preserve context with the same softened, blurred
   surface language used throughout the guided reading experience. */
body .lesson-dialog{
  background:rgba(20,26,35,.42)!important;
  backdrop-filter:blur(14px) saturate(.84);
  -webkit-backdrop-filter:blur(14px) saturate(.84);
}
body .word-bank-signup-dialog{
  background:rgba(12,17,23,.48)!important;
  backdrop-filter:blur(16px) saturate(.8);
  -webkit-backdrop-filter:blur(16px) saturate(.8);
}