@font-face{font-family:Bree;src:url('./assets/bree.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Nunito;src:url('./assets/nunito.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Nunito;src:url('./assets/nunito-semibold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Nunito;src:url('./assets/nunito-bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Kalam;src:url('./assets/kalam.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Fredoka;src:url('./assets/fredoka-bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Amiri;src:url('./assets/amiri.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--paper:#a4dcf3;--ink:#193e55;--blue:#235b91;--light-blue:#84cde9;--muted:#355c6b;--line:#639eae;--ochre:#946019;--note:#ffcb91;--meadow:#9edac7;--reading:#bde9f5;font-family:Nunito,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:300px}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a57532;outline-offset:5px}a{color:inherit}svg{display:block}p{line-height:1.65}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Bree,Georgia,serif;font-weight:400;line-height:1.15}button,a{transition:color .15s,background .15s}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;left:15px;top:-100px;z-index:100;background:var(--paper);padding:14px}.skip-link:focus{top:12px}main{outline:none;min-height:65vh}.handwritten{font-family:Kalam,cursive;font-weight:400}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--muted)}
.site-header{max-width:1190px;margin:0 auto;padding:30px 40px 25px;display:flex;justify-content:space-between;align-items:center;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;color:var(--blue);text-decoration:none}.brand span{font:700 44px/.9 Fredoka,sans-serif;letter-spacing:-2px}.brand-mark{width:24px;height:32px}.site-header nav{display:flex;align-items:center;gap:34px;font-size:14px}.nav-home{text-decoration:none}.nav-home:hover{text-decoration:underline;text-underline-offset:5px}.text-button{font-size:14px;min-height:44px;padding:10px 0;text-underline-offset:5px}.text-button:hover{text-decoration:underline}.text-button span{margin-left:6px}.site-footer{max-width:1110px;margin:70px auto 0;border-top:1px solid var(--line);padding:22px 0 32px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.site-footer>span:first-child{font:700 24px/1 Fredoka,sans-serif;letter-spacing:-1px;color:var(--blue)}
.welcome{max-width:1110px;margin:0 auto;padding:56px 40px 38px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.welcome-copy{position:relative;padding-bottom:12px}.welcome h1{font-size:86px;letter-spacing:-3px;color:var(--blue);margin:13px 0 27px;line-height:1.04}.welcome h1 span{display:block;font-size:35px;letter-spacing:-.8px;color:var(--ink);margin-top:12px}.welcome-description{font-size:20px;line-height:1.7;margin:0 0 28px}.primary-button,.secondary-button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:50px;border-radius:5px;padding:14px 24px;font-weight:700;font-size:15px;text-decoration:none}.primary-button{background:var(--blue);color:#fffdf6;border:1px solid var(--blue)}.primary-button:hover:not(:disabled){background:#234f7e}.primary-button svg,.secondary-button svg{width:20px;height:20px;flex:none}.secondary-button{border:1px solid #859aa5;background:transparent;color:var(--blue);gap:10px}.secondary-button:hover:not(:disabled){background:var(--light-blue)}.little-note{font-size:12px;color:var(--muted);margin:15px 0 0}.book-art{position:relative;align-self:stretch;min-height:435px}.book-art>img{display:block;width:100%;height:100%;max-height:470px;object-fit:contain}.book-art figcaption{position:absolute;font-size:22px;color:var(--blue);top:-5px;right:-5px;transform:rotate(7deg)}.book-art figcaption svg{height:65px;width:85px;margin-left:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-7deg)}
.contents{max-width:1030px;margin:0 auto;padding-top:26px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:27px}.section-heading h2{font-size:30px}.progress-chip{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.chapter-list{display:grid;grid-template-columns:1fr 1fr;column-gap:58px}.chapter-row{display:flex;align-items:center;text-align:left;gap:19px;min-height:68px;border-bottom:1px solid var(--line);font-size:16px;padding:10px 3px}.chapter-row:hover{color:var(--blue);background:#e7edf080}.chapter-num{font-family:Kalam,cursive;font-size:24px;color:#305b75;width:31px;position:relative}.chapter-row.current .chapter-num:after{content:'';position:absolute;inset:-4px -5px -1px -8px;border:1.5px solid var(--blue);border-radius:48% 52% 45% 53%;transform:rotate(-12deg)}.chapter-row>svg{width:17px;height:17px;margin-left:auto;color:var(--blue)}.chapter-row.done .chapter-num{color:#55784c}.reading-note{font-size:14px;color:var(--muted);margin:26px 0 0}
.lesson-shell{max-width:1120px;margin:0 auto;padding:26px 30px 0}.lesson-top{display:flex;align-items:center;gap:17px;padding:0 0 27px;border-bottom:1px solid var(--line)}.back-link{display:inline-flex;align-items:center;gap:10px;font-size:14px;text-decoration:none}.back-link svg{width:17px;height:17px;transform:rotate(180deg)}.back-link:hover{text-decoration:underline}.lesson-progress{display:flex;align-items:center;gap:7px;width:167px;margin-left:auto}.lesson-progress span{height:4px;flex:1;background:#75b5c9;border-radius:2px}.lesson-progress .now{background:var(--blue);height:6px}.lesson-progress .past{background:#4d91b0}.step-count{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted);min-width:33px}.lesson-grid{display:grid;grid-template-columns:242px minmax(0,1fr);gap:62px;padding-top:44px}.lesson-aside{padding:0 32px 0 0}.lesson-aside h2{font-size:35px;color:var(--blue);margin-top:10px}.page-index{margin:25px 0 38px;display:grid;gap:4px}.page-index button{display:flex;gap:13px;text-align:left;align-items:center;min-height:37px;padding:6px 0;font-size:13px;color:var(--muted)}.page-index button>span{font-size:12px;width:18px;font-variant-numeric:tabular-nums}.page-index button[aria-current]{color:var(--blue);font-weight:700}.page-index button[aria-current]>span{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.page-index button:hover{color:var(--blue)}.margin-note{font-size:19px;color:#355c72;line-height:1.5;transform:rotate(-3deg)}.sprig{width:87px;height:110px;object-fit:contain;margin:20px 0 0 40px;transform:rotate(13deg)}.lesson-card{min-width:0;padding:0 0 10px}.lesson-card>h1{font-size:50px;letter-spacing:-1.1px;color:var(--blue);margin:10px 0 29px}.verse-block{border-top:1px solid #adbdc6;border-bottom:1px solid #adbdc6;padding:23px 5px 15px;margin-bottom:28px}.arabic{font-family:Amiri,'Traditional Arabic',serif;font-size:38px;line-height:1.95;text-align:center;direction:rtl;color:#214e73;margin:0 0 15px;overflow-wrap:break-word}.verse-block.long .arabic{font-size:32px;line-height:2}.audio-controls{display:flex;align-items:center;justify-content:center;gap:21px}.audio-button{display:inline-flex;align-items:center;gap:8px;min-height:39px;padding:5px 13px;font-size:13px;font-weight:700;color:var(--blue);border:1px solid #becbd1;border-radius:50px}.audio-button svg{width:14px;height:14px}.audio-button:hover{background:var(--light-blue)}.verse-label{font-size:11px;color:var(--muted)}.audio-message{text-align:center;font-size:10px;color:var(--muted);line-height:1.5;margin-top:8px}.understanding h2{font-size:24px;margin-bottom:13px}.explanation{font-size:19px;line-height:1.7;max-width:660px}.explanation-label{display:block;color:var(--muted);font-size:11px;margin-top:9px}.activity{position:relative;background:var(--note);padding:25px 28px 28px;margin:35px -6px 0 -8px;isolation:isolate}.activity:before{content:'';position:absolute;left:0;right:0;top:-4px;height:8px;background:var(--note);clip-path:polygon(0 60%,7% 25%,16% 60%,25% 30%,35% 60%,46% 20%,58% 55%,69% 30%,82% 55%,92% 20%,100% 45%,100% 100%,0 100%)}.activity-label{font-size:23px;color:#78501f;margin-bottom:5px;transform:rotate(-2deg);transform-origin:left}.activity h2{font-size:25px;line-height:1.3;margin:0 0 14px}.prompt{font-size:14px;line-height:1.6;margin:0 0 18px;color:#604b34}.little-reflection{font-size:16px;line-height:1.65;margin-bottom:18px}.reflect-button{font-size:14px;min-height:44px;padding:10px 17px;background:#ffdf9e}.gratitude-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.blessing{display:flex;align-items:center;justify-content:flex-start;gap:12px;text-align:left;min-height:60px;border:1px solid #c6baa4;background:#ffdf9e;padding:13px;border-radius:3px;font-size:14px}.blessing svg{height:25px;width:25px;flex:none;color:#84663c}.blessing.selected{background:#9cd9e9;border-color:var(--blue)}.blessing.selected svg{color:var(--blue)}.blessing:hover{border-color:var(--blue)}.choice-grid{display:grid;gap:10px}.choice{display:flex;align-items:center;gap:12px;background:#ffdf9e;border:1px solid #c6baa4;border-radius:3px;padding:14px;text-align:left;font-size:15px;line-height:1.5;min-height:54px}.choice-circle{width:21px;height:21px;border:1px solid #9c9b8c;border-radius:50%;flex:none;display:grid;place-items:center;font-size:13px}.choice.selected{border-color:var(--blue);background:#9cd9e9}.choice.correct{background:#bde5ad;border-color:#628160}.choice.selected .choice-circle{border-color:var(--blue);background:var(--blue);color:white}.choice.correct .choice-circle{border-color:#628160;background:#628160}.choice:hover{border-color:var(--blue)}.feedback{font-size:14px;line-height:1.65;border-left:3px solid #628160;margin-top:20px;padding:0 0 0 13px;color:#3f6040}.feedback.retry{border-color:#a97838;color:#7c572a}.lesson-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:32px}.lesson-actions .primary-button{min-height:48px;font-size:14px;padding:12px 20px;white-space:nowrap}.lesson-actions .text-button{font-size:13px;text-align:left;color:var(--muted)}.revisit-note{color:var(--muted);font-size:11px;margin:20px 0 0;text-align:right}
.complete{max-width:680px;margin:0 auto;text-align:center;padding:55px 25px 0}.complete>.handwritten{font-size:25px;color:var(--ochre);transform:rotate(-4deg);margin-bottom:15px}.complete h1{font-size:65px;color:var(--blue);line-height:1.07;letter-spacing:-1px}.complete-sprig{height:110px;width:96px;object-fit:contain;margin:24px auto}.keepsake{border-top:1px solid var(--line);padding-top:25px}.keepsake h2{font-size:29px;margin-bottom:16px}.keepsake p{font-size:18px;margin:0 auto 15px;max-width:530px}.complete-buttons{display:flex;align-items:center;justify-content:center;gap:25px;margin:30px 0 0}
.parent-dialog{border:1px solid #c6cec9;background:var(--paper);color:var(--ink);border-radius:8px;max-width:640px;width:calc(100% - 32px);max-height:88vh;padding:38px}.parent-dialog::backdrop{background:#233e5266}.dialog-close{position:absolute;top:13px;right:16px;font-size:28px;line-height:1;min-height:38px;min-width:38px}.parent-dialog h2{font-size:36px;color:var(--blue);margin:12px 0 18px}.parent-dialog h3{font-size:23px;margin:27px 0 12px}.parent-dialog p,.parent-dialog li{font-size:14px;line-height:1.7}.parent-dialog .eyebrow{font-size:11px}.parent-note{border-left:3px solid #b98a4d;padding:14px 18px;background:var(--note);margin:24px 0}.parent-note strong{font-size:13px}.parent-note p{font-size:13px;margin-top:8px}.source-list{padding-left:20px}.source-list li{margin:8px 0}.source-list a{color:var(--blue);text-underline-offset:3px}.reset-details{margin-top:25px;padding-top:23px;border-top:1px solid var(--line)}.reset-details summary{font-size:14px;cursor:pointer}.reset-details p{margin:15px 0 5px}.danger{color:#a34331}.fine-print{font-size:11px!important;color:var(--muted);margin-top:22px}.storage-warning,.no-script{padding:20px;text-align:center;background:var(--note);margin:20px}
@media(max-width:1150px){.site-header{margin:0 35px;padding-left:0;padding-right:0}.site-footer{margin-left:40px;margin-right:40px}.welcome{padding:55px 60px 40px;gap:25px}.welcome h1{font-size:74px}.contents{margin:0 60px}.lesson-grid{gap:38px;grid-template-columns:210px minmax(0,1fr)}.lesson-aside{padding-right:15px}.lesson-shell{padding-left:40px;padding-right:40px}.book-art{min-height:385px}}
@media(max-width:850px){.welcome{padding:45px 40px 35px;gap:15px}.welcome h1{font-size:61px}.welcome h1 span{font-size:29px}.welcome-description{font-size:18px}.book-art{min-height:350px}.book-art figcaption{font-size:19px;right:0;top:-8px}.book-art figcaption svg{height:48px;width:70px}.contents{margin:0 40px}.chapter-list{column-gap:25px}.chapter-row{font-size:14px;gap:12px}.lesson-grid{grid-template-columns:minmax(0,1fr);padding-top:32px}.lesson-aside{display:none}.lesson-shell{max-width:730px}.lesson-card>h1{font-size:47px}.site-header nav{gap:22px}}
@media(max-width:580px){.site-header{margin:0 22px;padding:24px 0 21px;gap:15px}.brand span{font-size:37px}.brand-mark{width:21px;height:28px}.site-header nav{gap:10px}.nav-home{display:none}.site-header .text-button{font-size:12px;min-height:36px;padding:5px 0}.welcome{padding:36px 25px 22px;display:block;position:relative}.welcome-copy{padding:0}.welcome h1{font-size:65px;letter-spacing:-2px;max-width:100%;margin:13px 0 21px}.welcome h1 span{font-size:30px;margin-top:7px;letter-spacing:-.5px}.welcome-description{font-size:18px;line-height:1.6;margin-bottom:24px}.primary-button{font-size:14px;gap:28px;min-height:48px;padding:13px 21px}.little-note{font-size:11px;margin-top:13px}.book-art{height:290px;min-height:0;margin:13px 2px 0}.book-art>img{width:100%;height:100%;object-fit:contain}.book-art figcaption{font-size:18px;top:29px;right:0}.book-art figcaption svg{width:50px;height:46px;margin-left:25px}.contents{margin:0 25px;padding-top:25px}.section-heading{gap:15px;margin-bottom:16px}.section-heading h2{font-size:27px}.progress-chip{font-size:12px;white-space:nowrap}.chapter-list{grid-template-columns:1fr}.chapter-row{font-size:16px;min-height:61px;gap:18px}.chapter-num{font-size:23px}.reading-note{font-size:13px;line-height:1.6;margin-top:25px}.site-footer{margin:43px 25px 0;padding:20px 0 26px;font-size:11px}.lesson-shell{padding:20px 23px 0}.lesson-top{padding-bottom:19px;gap:12px}.back-link{font-size:13px;gap:7px}.lesson-progress{width:118px;gap:5px}.step-count{font-size:11px;min-width:29px}.lesson-grid{padding-top:30px}.lesson-card>h1{font-size:41px;line-height:1.1;letter-spacing:-.6px;margin:10px 0 24px}.verse-block{padding:20px 0 13px;margin-bottom:27px}.arabic{font-size:33px;line-height:1.95;margin-bottom:12px}.verse-block.long .arabic{font-size:29px;line-height:2}.audio-controls{gap:17px}.audio-message{font-size:10px}.understanding h2{font-size:23px}.explanation{font-size:18px;line-height:1.7}.explanation-label{font-size:10px}.activity{padding:21px 19px 24px;margin:31px -6px 0}.activity h2{font-size:24px}.activity-label{font-size:22px}.little-reflection{font-size:15px}.gratitude-grid{gap:9px}.blessing{font-size:12px;gap:8px;padding:11px 8px;min-height:58px}.blessing svg{width:21px;height:21px}.choice{font-size:14px;padding:12px 11px;gap:10px}.feedback{font-size:13px;margin-top:16px}.lesson-actions{gap:15px;padding-top:27px;align-items:center}.lesson-actions .text-button{font-size:12px;max-width:120px}.lesson-actions .primary-button{font-size:13px;gap:12px;padding:12px 16px}.complete{padding-top:42px}.complete h1{font-size:53px}.keepsake p{font-size:17px}.complete-buttons{gap:20px;flex-wrap:wrap}.parent-dialog{padding:33px 22px}.parent-dialog h2{font-size:31px}.parent-dialog .eyebrow{font-size:10px;padding-right:20px}}
@media(max-width:350px){.welcome h1{font-size:56px}.book-art figcaption{font-size:16px}.section-heading h2{font-size:24px}.lesson-progress{width:90px}.lesson-shell{padding-left:19px;padding-right:19px}.lesson-card>h1{font-size:37px}.lesson-actions .primary-button{padding-left:12px;padding-right:12px;gap:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}


/* A colourful storybook garden, with quiet tinted space for reading. */
body{position:relative;isolation:isolate;overflow-x:clip;container-type:inline-size}
.page-illustrations{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
.page-illustrations svg{position:absolute;display:block}
.site-footer:before{content:'';position:absolute;left:50%;width:100cqw;transform:translateX(-50%);bottom:0;height:215px;z-index:-1;pointer-events:none;background:url('./assets/garden-border.svg?v=17') center bottom/cover no-repeat}
.margin-sky{width:350px;right:-95px;top:120px;opacity:.9}body:has(.welcome) .margin-sky{display:none}
.margin-cloud{width:235px;left:-165px;top:375px;opacity:.9;transform:rotate(-4deg)}
.margin-leaves{width:295px;left:-120px;top:755px;transform:rotate(9deg)}
.margin-meadow{width:235px;right:-80px;top:720px;transform:rotate(-8deg)}
.welcome{overflow:hidden;max-width:1320px;padding:50px 70px 55px;gap:15px;grid-template-columns:.85fr 1.15fr}
.welcome-copy{padding-left:20px;z-index:1}
.book-art{min-height:515px;isolation:isolate;background:url('./assets/story-garden.svg?v=17') center/100% 100% no-repeat;margin:0 -10px}
.book-art>img{height:455px;max-height:none;width:88%;margin:45px auto 0;object-fit:contain}
.book-art figcaption{top:95px;right:35px;font-size:21px;transform:rotate(7deg);color:#254e71}
.book-art figcaption svg{height:54px;width:70px}
.contents{position:relative;max-width:1110px;background:var(--meadow);padding:36px 40px 35px;border-top:0;isolation:isolate}
.contents:before{content:'';position:absolute;top:-20px;bottom:-175px;left:50%;width:100cqw;transform:translateX(-50%);background:var(--meadow);border-radius:48% 52% 0 0 / 26px 22px 0 0;z-index:-1;pointer-events:none}
.section-heading{border-bottom:1px solid #4f998c;padding-bottom:22px;margin-bottom:12px}
.contents .chapter-row{border-bottom-color:#69ad9e}
.contents .chapter-num{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:45% 52% 46% 50%;background:#ffda72;color:#234b65;font-size:22px}
.contents .chapter-row:nth-child(3n+2) .chapter-num{background:#ffb898}
.contents .chapter-row:nth-child(3n) .chapter-num{background:#bdb5ec}
.contents .chapter-row.current .chapter-num:after{inset:-4px}
.contents .chapter-row:hover{background:#b8e7d7}
.welcome .primary-button{background:#ffd45f;color:#214863;border:2px solid #b67c29;border-radius:13px 10px 15px 9px}
.welcome .primary-button:hover{background:#ffdf86;color:#214863}
.parent-dialog{background:#bee9f5}
.site-footer{color:#264f5b}
.site-footer{position:relative;isolation:isolate;border-top:0;padding-top:120px;margin-top:5px;padding-bottom:28px}
body:has(.lesson-shell) .margin-sky{right:-98px;top:130px;width:340px}
body:has(.lesson-shell) .margin-cloud{left:-195px;top:375px;width:250px}
body:has(.lesson-shell) .margin-leaves{left:-200px;top:740px;width:220px}
body:has(.lesson-shell) .margin-meadow{right:-180px;top:850px;width:200px}
.lesson-shell{position:relative}
.lesson-card{position:relative;background:transparent;padding:22px 25px 24px}
.lesson-card .blessing,.lesson-card .choice,.lesson-card .reflect-button{border-radius:13px 10px 14px 9px}
.lesson-top{background:transparent}
@media(min-width:1450px){.margin-leaves{left:calc((100vw - 1450px)/2 - 50px)}.margin-meadow{right:calc((100vw - 1450px)/2 - 30px)}}
@media(max-width:1150px){.welcome{padding:45px 45px 40px}.welcome-copy{padding-left:0}.book-art{min-height:440px}.book-art>img{height:380px;margin-top:44px}.book-art figcaption{top:64px;right:13px;font-size:19px}.contents{margin:0 40px;padding:28px}.margin-leaves{left:-164px}.margin-meadow{right:-139px}}
@media(max-width:850px){.welcome{padding:40px 32px;grid-template-columns:.85fr 1.15fr;gap:0}.welcome h1{font-size:58px}.book-art{min-height:380px;margin:0 -20px 0 0}.book-art>img{height:320px;width:96%;margin-top:47px}.book-art figcaption{top:47px;right:12px;font-size:16px}.book-art figcaption svg{height:42px;width:50px}.margin-sky{width:285px;right:-103px;top:25px}.margin-cloud{width:180px;left:-158px;top:387px}.margin-leaves{width:240px;left:-138px;top:680px}.margin-meadow{width:195px;right:-125px;top:795px}.contents{margin:0 24px;padding:25px 16px 28px}.lesson-card{padding:0 0 20px}.lesson-shell{background:transparent}.lesson-top{background:transparent}.site-footer{padding-top:105px}}
@media(max-width:580px){.welcome{display:block;padding:38px 25px 20px}.welcome h1{font-size:65px}.welcome-copy{padding:0}.book-art{width:calc(100% + 50px);height:430px;min-height:0;margin:29px -25px 0}.book-art>img{height:365px;width:88%;margin:0 auto;padding-top:57px;box-sizing:content-box}.book-art figcaption{top:105px;right:20px;font-size:17px}.book-art figcaption svg{width:54px;height:43px}.margin-sky{width:240px;right:-106px;top:136px}.margin-cloud{width:180px;left:-162px;top:320px}.margin-leaves{width:200px;left:-118px;top:890px}.margin-meadow{width:180px;right:-114px;top:1100px}.contents{margin:0 14px;padding:23px 18px 27px}.section-heading{gap:10px;padding-bottom:20px;margin-bottom:9px}.section-heading h2{font-size:26px}.chapter-row{min-height:64px}.site-footer{margin:0 25px;padding-top:125px;padding-bottom:28px}.site-footer:before{height:240px;background-size:auto 240px;background-position:22% bottom}body:has(.lesson-shell) .margin-sky{width:230px;right:-118px;top:146px}body:has(.lesson-shell) .margin-cloud{width:150px;left:-130px;top:500px}body:has(.lesson-shell) .margin-leaves{left:-200px;width:220px}body:has(.lesson-shell) .margin-meadow{width:200px;right:-180px;top:950px}.lesson-shell{background:transparent}.lesson-card{background:transparent;margin:0 -9px;padding:20px 12px 24px}
body:has(.lesson-shell) .margin-sky{right:-153px;top:115px}.lesson-top{background:transparent}}
@media(max-width:350px){.welcome h1{font-size:56px}.book-art{height:395px}.book-art>img{height:335px;padding-top:47px}.book-art figcaption{top:88px;font-size:16px}.section-heading h2{font-size:24px}}
@media print{.page-illustrations{display:none}.book-art{background:none}.site-footer{padding-top:20px}}

/* Lessons are an open sky and meadow, with no surrounding card. */
.lesson-shell{max-width:none;padding:26px 30px 0}
.lesson-top{max-width:1060px;margin:0 auto}
.lesson-grid{display:block;padding-top:42px}
.lesson-aside{display:none}
.lesson-card{max-width:720px;margin:0 auto;padding:0 32px 30px;background:transparent;border-radius:0}
.lesson-card>.eyebrow{text-align:center;color:var(--blue);font-size:12px;letter-spacing:.12em}
.lesson-card>h1{text-align:center;font-size:49px;line-height:1.12;margin:15px auto 22px;max-width:620px}
.lesson-card .verse-block{border:0;padding:18px 6px 20px;margin:0 0 27px;background:transparent}
.lesson-card .verse-block:before{content:none}
.lesson-card .arabic{font-size:42px;line-height:1.9;margin-bottom:20px}
.lesson-card .verse-block.long .arabic{font-size:36px;line-height:2}
.lesson-card .audio-button{background:#ffda72;border:1px solid #b28432;min-height:44px;padding:8px 18px;color:#214863}
.lesson-card .audio-button:hover{background:#ffe49b}
.lesson-card .understanding{padding:0 6px}
.lesson-card .activity{background:transparent;margin:56px 0 0;padding:32px 6px 24px;isolation:isolate}
.lesson-card .activity:before{content:'';position:absolute;top:-16px;bottom:-200px;left:50%;right:auto;width:100cqw;height:auto;transform:translateX(-50%);background:var(--meadow);border-radius:49% 51% 0 0 / 28px 22px 0 0;clip-path:none;z-index:-1;pointer-events:none}
.lesson-card .activity-label{text-align:center;color:var(--blue);font-size:25px;margin:0 0 8px;transform:rotate(-2deg);transform-origin:center}
.lesson-card .activity h2{text-align:center;font-size:29px;margin-bottom:16px}
.lesson-card .activity .prompt{text-align:center;color:var(--ink);margin-bottom:22px}
.lesson-card .blessing,.lesson-card .choice{min-height:62px;border-color:#709f87;background:#f9d98d;font-size:16px;padding:15px}
.lesson-card .blessing:nth-child(2n),.lesson-card .choice:nth-child(2n){background:#ffcaab}
.lesson-card .blessing.selected,.lesson-card .choice.selected{background:#8ed3e6;border-color:var(--blue)}
.lesson-card .choice.correct{background:#c3e7a7;border-color:#416c40}
.lesson-card .feedback{color:#254f3e;border-color:#416b43}
.lesson-card .feedback.retry{color:#66481e;border-color:#8a662e}
.lesson-card .lesson-actions{position:relative;padding-top:25px}.lesson-card .revisit-note{position:relative}body:has(.lesson-shell) .site-footer:before{background-color:var(--meadow)}
body:has(.lesson-shell) .site-footer{margin-top:0}
@media(max-width:850px){.lesson-shell{padding-left:35px;padding-right:35px}.lesson-card{padding-left:20px;padding-right:20px}.lesson-card>h1{font-size:46px}}
@media(max-width:580px){.lesson-shell{padding:20px 24px 0}.lesson-grid{padding-top:34px}.lesson-card{margin:0;padding:0 0 22px}.lesson-card>h1{font-size:39px;margin-top:12px;margin-bottom:16px}.lesson-card .verse-block{padding:10px 0 20px;margin-bottom:21px}.lesson-card .arabic{font-size:34px}.lesson-card .verse-block.long .arabic{font-size:29px}.lesson-card .understanding{padding:0}.lesson-card .activity{margin-top:48px;padding:27px 0 20px}.lesson-card .activity h2{font-size:26px}.lesson-card .activity-label{font-size:24px}.lesson-card .blessing{font-size:13px;padding:12px 10px}.lesson-card .choice{font-size:15px;padding:14px 12px}.lesson-card .activity:before{border-radius:49% 51% 0 0 / 19px 24px 0 0}}

/* Every activity has its own little garden scene. */
.activity-scene{position:relative;display:block;width:calc(100% + 70px);max-width:none;height:auto;margin:-60px -35px 10px;pointer-events:none}
.lesson-card .activity{margin-top:82px}
.complete-garden{display:block;width:100%;height:auto;max-height:275px;object-fit:contain;margin:20px auto 10px}
@media(max-width:580px){.activity-scene{width:calc(100% + 44px);margin:-46px -22px 8px}.lesson-card .activity{margin-top:70px}.complete-garden{width:calc(100% + 30px);max-width:none;margin:20px -15px 10px}}

/* A whole bookshelf in the same open sky and meadow. */
.site-footer{min-height:215px;box-sizing:border-box}
.chapter-thumb{display:block;flex-shrink:0;width:86px;height:64px;object-fit:contain}.surah-contents .chapter-row{min-height:92px;gap:12px;text-decoration:none}.surah-contents .chapter-row>span:not(.chapter-num){flex:1}.surah-sources{font-size:13px;line-height:1.7;margin-top:22px;color:var(--muted)}.surah-sources summary{cursor:pointer;padding:8px 0}.surah-sources a{color:var(--blue);text-underline-offset:3px}.surah-sources ul{padding-left:20px}.surah-sources li{padding:4px 0}
body:has(.arabic-reader) .margin-leaves{left:-210px}body:has(.arabic-reader) .margin-meadow{right:-205px}body:has(.arabic-reader) .margin-sky{right:-160px}
.library-welcome{padding-bottom:75px}.browse-link{display:block;width:fit-content;margin:22px 0 0;font-weight:800;color:var(--blue);text-underline-offset:5px}
.surah-library{position:relative;isolation:isolate;max-width:1120px;margin:0 auto;padding:50px 30px 60px}
.surah-library:before{content:"";position:absolute;z-index:-1;inset:0 auto -200px 50%;width:100cqw;transform:translateX(-50%);background:var(--meadow);border-radius:50% 50% 0 0/30px 42px 0 0}
body:has(.surah-library) .site-footer:before,body:has(.surah-contents) .site-footer:before{background-color:var(--meadow)}
.library-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.library-heading .handwritten{margin:0 0 7px;font-size:25px}.library-heading h2{font-family:Bree,Georgia,serif;font-weight:400;font-size:39px;line-height:1.2;margin:0}.library-heading .progress-chip{flex-shrink:0}
.surah-search{display:flex;align-items:center;gap:10px;max-width:620px;background:#d6ebba;border:2px solid #3f8385;border-radius:19px 15px 20px 12px;padding:5px 18px}.surah-search svg{width:23px;height:23px;display:block}.surah-search input{width:100%;border:0;background:none;outline:none;padding:13px 0;color:var(--ink);font:700 16px Nunito,sans-serif;min-width:0}.surah-search input::placeholder{color:#426766;opacity:1}.surah-search:focus-within{outline:3px solid var(--blue);outline-offset:4px}
.library-filters{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0 0}.library-filters button{font:800 14px Nunito,sans-serif;min-height:44px;background:transparent;border:1.5px solid #4e8e86;border-radius:20px;padding:9px 17px;color:var(--ink);cursor:pointer}.library-filters button[aria-pressed=true]{color:#fff5df;background:var(--blue);border-color:var(--blue)}.results-count{font-size:13px;color:#355d5d;margin:18px 0 22px}
.surah-books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 26px}.surah-book{display:block;color:var(--ink);text-decoration:none;min-width:0}.book-cover{position:relative;overflow:hidden;background:#fbd994;border:2px solid #659495;border-radius:9px 22px 22px 9px;box-shadow:5px 5px 0 #5d9c8f40,inset 8px 0 0 #193e550b;transition:transform .2s,box-shadow .2s;padding:22px 4px 5px;min-height:225px}.surah-book:nth-child(3n+2) .book-cover{border-radius:9px 19px 25px 9px;transform:rotate(1deg)}.surah-book:nth-child(3n) .book-cover{transform:rotate(-1deg)}.surah-book:hover .book-cover{transform:translateY(-5px) rotate(-1deg);box-shadow:7px 9px 0 #5d9c8f40}.surah-book:focus-visible{outline:3px solid var(--blue);outline-offset:8px;border-radius:8px}.tone-1 .book-cover{background:#f9c3a3}.tone-2 .book-cover{background:#bfd1f0}.tone-3 .book-cover{background:#dfc9e6}.tone-4 .book-cover{background:#bae4c0}.book-cover img{display:block;width:100%;height:auto;aspect-ratio:800/450;object-fit:contain}.book-number{position:absolute;top:13px;left:19px;font:700 15px Nunito,sans-serif;color:#355d70}.book-arabic{display:block;text-align:center;font:29px/1.5 Amiri,serif;margin:-3px 0 8px}.book-description{padding:16px 7px 0}.book-description h3{font:400 26px/1.2 Bree,Georgia,serif;margin:0 0 6px}.book-description p{margin:0 0 7px;font-size:15px}.book-description>span{font-size:12px;color:#365f62}.book-read{display:flex;align-items:center;gap:5px;font-size:12px;font-style:normal;font-weight:800;color:#265f51;margin-top:9px}.book-read svg{width:17px;height:17px}.show-more{text-align:center;margin-top:45px}.empty-books{grid-column:1/-1;text-align:center;padding:25px}.empty-books img{max-width:100%}.empty-books h3{font:30px Bree,serif}.empty-books p{margin-bottom:10px}
.surah-overview{padding:26px 30px 0}.page-location{font-size:13px;color:var(--muted);text-align:right}.surah-intro{max-width:760px;margin:45px auto 0;text-align:center}.surah-intro .eyebrow{margin-bottom:9px}.surah-arabic{font:34px/1.7 Amiri,serif;margin:0}.surah-intro h1{font:400 56px/1.1 Bree,Georgia,serif;margin:5px 0 10px}.surah-meaning{font:22px Kalam,cursive;margin:0}.surah-cover{display:block;max-width:600px;width:100%;height:310px;object-fit:contain;margin:0 auto}.surah-description{max-width:590px;margin:0 auto 24px;font-size:20px;line-height:1.65}.intro-actions{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.surah-intro .little-note{margin:22px auto 0;line-height:1.5}.surah-contents{max-width:800px;margin:65px auto 0;padding:40px 20px}.surah-contents .reading-note{font-size:14px;line-height:1.7;margin-top:25px}
.lesson-shell>.lesson-card{margin-top:42px}.story-lesson .understanding p+p{margin-top:22px}.story-lesson .explanation{font-size:21px;line-height:1.75}.chapter-reference{display:flex;justify-content:center;align-items:center;gap:12px 22px;flex-wrap:wrap;text-align:center;padding:2px 0 25px}.chapter-reference>a{font-size:14px;color:var(--blue);text-underline-offset:4px}.chapter-reference .audio-message{flex-basis:100%;margin:0;font-size:12px}.chapter-source{position:relative;text-align:center;font-size:12px;margin:27px 0 0}.chapter-source a{color:#355f65;text-underline-offset:4px}.lesson-actions .primary-button{max-width:70%}.complete-buttons{flex-wrap:wrap}.complete-buttons a{text-decoration:none}.complete .keepsake p{font-size:18px;line-height:1.65}
.arabic-reader{max-width:960px;margin:auto;padding:26px 30px 0}.reader-heading{text-align:center;margin:45px auto 26px}.reader-heading h1{font:400 48px/1.2 Bree,serif;margin:10px 0}.reader-surah-name{font:37px/1.8 Amiri,serif;margin:0}.reader-heading>p:not([class]){font-size:14px;margin:6px 0 22px}.reader-heading .audio-message{margin-top:12px}.reader-jump{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;background:#b8e2d3;padding:18px;border-radius:25px 15px 21px 19px;font-size:14px}.reader-jump input{background:#d9edc0;border:1.5px solid #5c928a;border-radius:9px;padding:10px;width:78px;color:var(--ink);font:700 16px Nunito,sans-serif}.reader-jump>span{margin-left:15px;font-size:12px}.reader-bismillah{text-align:center;padding:25px 0 0}.reader-ayah{padding:32px 7px;border-bottom:1px solid #67a3b2}.reader-ayah .arabic{font-size:36px;line-height:2.05;margin:0 0 18px;text-align:right;overflow-wrap:anywhere}.reader-ayah>div{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.reader-ayah a{color:var(--blue);font-size:12px;margin-left:auto;text-underline-offset:4px}.ayah-number{font-size:13px;font-weight:800}.reader-pages{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:28px}.reader-pages a{text-decoration:none}.reader-source{font-size:12px;line-height:1.6;text-align:center;margin:28px auto 0;color:var(--muted)}.reader-source a{color:inherit}.storage-warning{max-width:700px;padding:14px;margin:10px auto;background:#ffda91;border-radius:12px;font-size:14px}
@media(min-width:1100px){.library-welcome{padding-top:60px}.library-welcome h1{font-size:68px}}
@media(max-width:850px){.surah-books{gap:32px 18px}.book-cover{min-height:180px}.book-description h3{font-size:22px}.book-arabic{font-size:25px}.library-heading h2{font-size:34px}}
@media(max-width:650px){.surah-books{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 17px}.library-heading{display:block}.library-heading .progress-chip{display:inline-block;margin-top:17px}.surah-library{padding:40px 24px}.library-heading h2{font-size:32px}.library-heading .handwritten{font-size:23px}.book-cover{padding:26px 0 2px;min-height:0}.book-number{font-size:12px;top:9px;left:12px}.book-arabic{font-size:24px;margin:0 0 7px}.book-description{padding:13px 3px 0}.book-description h3{font-size:22px;overflow-wrap:anywhere}.book-description p{font-size:13px}.book-description>span{font-size:11px;line-height:1.7;display:block}.library-welcome{padding-bottom:58px}.surah-search{padding:3px 12px}.surah-search input{font-size:14px}.library-filters{gap:7px}.library-filters button{padding:8px 12px;font-size:12px}.surah-overview{padding:20px 24px 0}.page-location{font-size:11px;max-width:48%}.surah-intro{margin-top:30px}.surah-intro h1{font-size:43px}.surah-description{font-size:18px}.surah-cover{height:auto;margin:10px 0 16px}.surah-contents{padding:28px 0;margin-top:45px}.surah-contents .section-heading{gap:12px;align-items:start}.surah-contents .section-heading h2{font-size:29px}.surah-contents .progress-chip{font-size:11px;white-space:nowrap}.surah-contents .chapter-row{font-size:16px;gap:12px}.lesson-shell>.lesson-card{margin-top:34px}.story-lesson .explanation{font-size:19px;line-height:1.7}.chapter-reference{gap:13px;padding-bottom:21px}.chapter-reference>a{font-size:13px}.chapter-reference .audio-button{font-size:13px}.chapter-source{line-height:1.6}.lesson-actions{gap:12px}.lesson-actions .primary-button{font-size:14px;padding:13px 15px;max-width:66%}.lesson-actions>.text-button{font-size:12px}.arabic-reader{padding:20px 24px 0}.reader-heading h1{font-size:39px}.reader-heading{margin-top:32px}.reader-ayah{padding:25px 0}.reader-ayah .arabic{font-size:29px}.reader-ayah>div{gap:12px}.reader-ayah a{font-size:11px}.reader-jump{padding:14px 10px}.reader-jump>span{margin:0;flex-basis:100%;text-align:center}.reader-pages{align-items:stretch}.reader-pages a{font-size:13px;padding:12px}.reader-pages a svg{width:17px}.complete h1{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.book-cover{transition:none}.surah-book:hover .book-cover{transform:none}}
@media(max-width:580px){.site-footer{min-height:240px}.site-header .nav-home{display:inline-block;font-size:12px;padding:10px 4px}.site-header nav{gap:13px}}
@media(max-width:650px){.chapter-thumb{width:72px;height:58px}.surah-contents .chapter-row{gap:8px;font-size:15px}.surah-contents .chapter-num{font-size:21px;width:28px;flex-shrink:0}}

/* Four small discoveries: notice, imagine, talk, try. */
.discovery-invitation{max-width:920px;margin:48px auto 5px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:15px}.discovery-invitation>img{width:100%;height:auto;display:block}.discovery-invitation .handwritten{font-size:22px;margin:0 0 8px}.discovery-invitation h2{font:400 31px/1.2 Bree,Georgia,serif;margin:0 0 12px}.discovery-invitation p:not([class]){font-size:16px;line-height:1.65;margin:0 0 19px}.discovery-invitation .secondary-button{display:inline-flex;text-decoration:none;background:#ffdb80}.discovery-progress-note{display:block;font-size:12px;margin-top:12px;color:var(--muted)}
.chapter-break{grid-column:1/-1;padding:30px 0 8px}.chapter-break .handwritten{font-size:23px;margin:0}.chapter-break h3{font:400 30px Bree,serif;margin:2px 0 10px}
.discovery-shell{max-width:1120px;margin:auto;padding:26px 30px 0}.discovery-stops{display:flex;justify-content:center;gap:10px;margin:28px auto 34px}.discovery-stops a{display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 18px;min-height:48px;border-radius:25px 19px 22px 17px;border:1.5px solid #629caa;text-decoration:none;font-size:15px;font-weight:800;color:var(--blue)}.discovery-stops a span{font-size:12px;display:grid;place-items:center;width:21px;height:21px;border:1px solid currentColor;border-radius:50%}.discovery-stops a[aria-current=page]{background:#ffdc83;border-color:#b2914c;color:#284d60}
.discovery-page{max-width:760px;margin:auto}.discovery-page>.eyebrow{text-align:center}.discovery-page>h1{font:400 48px/1.15 Bree,Georgia,serif;text-align:center;max-width:680px;margin:14px auto 0}.discovery-world{position:relative;display:block;width:calc(100% + 130px);max-width:none;height:auto;margin:0 -65px -10px;pointer-events:none}.discovery-reading{position:relative;isolation:isolate;max-width:680px;margin:0 auto;padding:10px 10px 22px}.discovery-reading:before{content:"";position:absolute;z-index:-1;top:-10px;bottom:-350px;left:50%;width:100cqw;transform:translateX(-50%);background:var(--meadow);border-radius:48% 52% 0 0/28px 40px 0 0;pointer-events:none}.discovery-reading>.handwritten{font-size:25px;line-height:1.4;margin:4px 0 15px}.discovery-meaning{font-size:22px;line-height:1.7;margin:0 0 18px}.source-pill{display:inline-block;font-size:13px;color:var(--blue);text-underline-offset:4px;margin-bottom:28px}.discovery-reading>h2{font:400 31px/1.2 Bree,serif;margin:12px 0}.small-note{font-size:14px;line-height:1.7;color:var(--muted)}.word-garden{display:grid;grid-template-columns:1fr 1fr;gap:19px;margin:20px 0 0}.word-leaf{background:#ffe29e;border:1.5px solid #8b9a6c;border-radius:28px 18px 32px 12px;padding:7px 21px 12px;align-self:start}.word-leaf:nth-child(2){background:#f7c4a4;border-radius:15px 30px 17px 27px}.word-leaf summary{display:flex;align-items:center;justify-content:space-between;gap:10px;font:400 26px Bree,serif;cursor:pointer;list-style:none;min-height:58px}.word-leaf summary::-webkit-details-marker{display:none}.word-leaf summary span{font:23px Nunito,sans-serif}.word-leaf[open] summary span{transform:rotate(45deg)}.word-leaf p{font-size:16px;line-height:1.65;margin:5px 0 12px}.story-introduction{text-align:center;font-size:13px;line-height:1.5;color:var(--muted);margin:14px 0 0}.story-reading>p{position:relative;font-size:21px;line-height:1.8;padding:0 7px;margin:16px 0 24px}.story-reading>p:first-child:first-letter{font:400 43px/1 Bree,serif}.story-petal{position:absolute;left:-25px;top:5px;color:#a38343;font-size:15px}.talk-introduction{font-size:19px;line-height:1.65}.talk-prompts{display:grid;gap:25px;margin:24px 0}.talk-bubble{position:relative;background:#ffe19b;border:1.5px solid #af9a64;border-radius:34px 28px 40px 10px;padding:23px 27px;transform:rotate(-.6deg)}.talk-bubble:nth-child(2){background:#f6c5b5;border-color:#b1988e;border-radius:27px 33px 10px 40px;transform:rotate(.6deg)}.talk-bubble .handwritten{font-size:21px}.talk-bubble h2{font:400 27px/1.4 Bree,serif;margin:8px 0 4px}.discovery-checklist{display:grid;gap:16px;margin-top:21px}.discovery-task{display:flex;align-items:center;gap:17px;text-align:left;border:1.5px solid #62928c;border-radius:15px 24px 18px 20px;background:#d4e8b5;padding:17px 20px;color:var(--ink);font:600 18px/1.6 Nunito,sans-serif;cursor:pointer}.discovery-task:nth-child(2){background:#ffe3a6}.discovery-task:nth-child(3){background:#f6ccb4}.task-tick{display:grid;place-items:center;flex-shrink:0;border:1.5px solid #668c85;background:#e6efc9;width:31px;height:31px;border-radius:50%;font-weight:800}.discovery-task.is-done .task-tick{background:#386c63;color:#fff4d9}.little-keepsake{border-top:1.5px dashed #579583;border-bottom:1.5px dashed #579583;padding:21px 8px;margin:30px 0 0;text-align:center}.little-keepsake .handwritten{font-size:25px;margin:0 0 10px}.little-keepsake>p:not([class]){font:400 25px/1.6 Bree,serif;margin:0}.discovery-actions{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:680px;margin:20px auto 0;padding:10px}.discovery-actions .primary-button{max-width:75%;font-size:15px;gap:15px}.discovery-later{position:relative;text-align:center;font-size:12px;margin:16px 0 0;color:var(--muted)}.discovery-complete .discovery-world{width:calc(100% + 100px);margin:5px -50px 0}.discovery-complete .little-keepsake{margin-top:0}.discovery-complete .complete-buttons{margin-top:30px}body:has(.discovery-shell) .site-footer:before{background-color:var(--meadow)}body:has(.discovery-shell) .margin-leaves{left:-220px}body:has(.discovery-shell) .margin-meadow{right:-210px}
@media(max-width:650px){.discovery-invitation{display:block;margin:35px auto 0;max-width:440px;text-align:center}.discovery-invitation>img{width:calc(100% + 38px);max-width:none;margin:0 -19px -10px}.discovery-invitation h2{font-size:29px}.discovery-invitation .handwritten{font-size:22px}.discovery-invitation p:not([class]){font-size:15px}.discovery-shell{padding:20px 24px 0}.discovery-stops{gap:6px;margin:23px auto 27px}.discovery-stops a{flex:1;flex-direction:column;gap:4px;padding:9px 4px;font-size:12px;min-width:0;border-radius:18px 13px 19px 14px}.discovery-stops a span{width:19px;height:19px;font-size:10px}.discovery-page>h1{font-size:36px;line-height:1.2}.discovery-page>.eyebrow{font-size:10px}.discovery-world{width:calc(100% + 48px);margin:5px -24px 0}.discovery-reading{padding:7px 0 18px}.discovery-reading:before{top:-5px}.discovery-reading>.handwritten{font-size:23px}.discovery-meaning{font-size:19px;line-height:1.75}.word-garden{gap:12px}.word-leaf{padding:5px 13px 10px}.word-leaf summary{font-size:23px;min-height:52px;overflow-wrap:anywhere}.word-leaf p{font-size:15px}.discovery-reading>h2{font-size:29px}.story-reading>p{font-size:19px;line-height:1.75;padding:0 2px;margin:15px 0 24px}.story-petal{left:-15px;font-size:10px;top:8px}.story-introduction{font-size:12px}.talk-bubble{padding:19px 20px}.talk-bubble h2{font-size:24px}.talk-introduction{font-size:18px}.discovery-task{font-size:16px;padding:15px 13px;gap:12px}.task-tick{width:28px;height:28px}.little-keepsake>p:not([class]){font-size:22px}.discovery-actions{padding:5px 0;gap:10px}.discovery-actions .text-button{font-size:12px;max-width:30%}.discovery-actions .primary-button{font-size:13px;padding:12px 14px;gap:10px;max-width:72%}.discovery-complete .discovery-world{width:calc(100% + 40px);margin:0 -20px}body:has(.discovery-shell) .margin-sky{right:-164px;top:190px}}
.book-discovery-label{display:block;margin-top:4px;font-weight:700}

/* A clearer route through the growing library, without hiding any activities. */
.activity-directory{max-width:1030px;margin:44px auto 30px;padding:28px 32px;background:#c6e7ee;border:2px solid #8abdcf;border-radius:28px 34px 26px 32px;text-align:center;scroll-margin-top:24px}.activity-directory h2{font-size:32px;margin:5px 0 22px;color:#245d91}.activity-directory nav{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.activity-directory nav a{display:flex;align-items:center;min-height:48px;padding:10px 18px;border:1px solid #718faa;border-radius:18px;background:#ffdda9;text-decoration:none;font-weight:700;color:#234f75}.activity-directory nav a:nth-child(2){background:#d8d4ee}.activity-directory nav a:nth-child(3){background:#cae2c3}.activity-directory nav a:nth-child(4){background:#ffd0b3}.activity-directory>p:last-child{font-size:14px;margin:20px 0 0}.home-group{scroll-margin-top:24px}.home-group-title{max-width:1030px;margin:42px auto 0;padding:0 12px;color:#245d91;font-size:29px}.home-pack-link{text-align:center;margin:24px 0 40px}.site-header nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px}.nav-activities{text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.home-group>section:first-of-type{margin-top:22px}
@media(max-width:700px){.activity-directory{margin:30px 24px;padding:24px 18px}.activity-directory nav{display:grid;grid-template-columns:1fr 1fr;gap:10px}.activity-directory nav a{font-size:13px;padding:10px;justify-content:center}.activity-directory h2{font-size:27px}.home-group-title{margin:32px 24px 0;padding:0;font-size:26px}.site-header nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}.nav-activities{font-size:12px}.home-pack-link{margin:24px}}
.surah-library:before{bottom:0;pointer-events:none}.activity-directory{position:relative;isolation:isolate}
.home-group>.home-group-title{padding-bottom:26px}