@font-face{font-family:Arabic;src:url('assets/arabic-regular.ttf')}@font-face{font-family:Arabic;src:url('assets/arabic-semibold.ttf');font-weight:600}@font-face{font-family:Amiri;src:url('assets/amiri-regular.ttf')}@font-face{font-family:Amiri;src:url('assets/amiri-bold.ttf');font-weight:700}
:root{--ink:#173e50;--muted:#72818a;--gold:#af8b4d;--paper:#fcfaf6;--line:#e4e7e5;--blue:#eaf1f4;--serif:Amiri,Georgia,serif;--sans:Arabic,Tahoma,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:var(--sans);font-size:14px;background:var(--paper);line-height:1.9}body.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default}button{border:0;background:none}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button svg,a svg{vertical-align:middle}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ac8549;outline-offset:5px}.container{max-width:1240px;padding-inline:40px;margin-inline:auto}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-80px;right:20px;background:var(--ink);color:white;padding:10px 20px;z-index:100}.skip:focus{top:8px}.header{height:96px;border-bottom:1px solid #e5e6e2;background:rgba(252,250,246,.97);position:sticky;top:0;z-index:30}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:13px;white-space:nowrap}.brand-icon{position:relative;display:flex;align-items:center;width:43px;height:44px;color:var(--gold)}.brand-icon svg{width:41px;height:41px;stroke-width:1.15}.brand-icon i{position:absolute;width:6px;height:6px;transform:rotate(45deg);top:-2px;left:18px;background:var(--gold)}.brand strong{font-family:var(--serif);font-weight:700;font-size:29px;line-height:1.2;display:block}.brand small{display:block;font-size:9px;letter-spacing:1.5px;margin-top:5px;color:#71808a}.nav{display:flex;align-items:center;gap:29px;font-size:12px;height:100%}.nav a{height:100%;display:flex;align-items:center;position:relative;color:#6d7c85;transition:color .2s}.nav a:hover,.nav a.active{color:var(--ink)}.nav a.active:after{position:absolute;content:'';bottom:22px;right:50%;width:4px;height:4px;border-radius:100%;background:var(--gold)}.header-actions{display:flex;gap:12px;align-items:center}.saved-nav{display:flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid #dce2e2;border-radius:5px;font-size:12px}.saved-nav svg{width:16px;height:16px}.saved-nav b{font-weight:400;color:var(--gold);padding-right:5px}.menu-toggle{display:none}.hero{overflow:hidden;position:relative;background:radial-gradient(ellipse at 20% 60%,#e7eef026,transparent 55%),var(--paper)}.hero-grid{min-height:590px;display:grid;grid-template-columns:1.13fr 1fr;align-items:center;gap:42px;padding-block:50px 60px}.eyebrow{font-size:12px;color:var(--gold);display:flex;gap:9px;align-items:center;margin-bottom:22px}.eyebrow span{width:24px;height:1px;background:var(--gold)}h1{font-family:var(--serif);font-weight:700;font-size:70px;line-height:1.5;letter-spacing:-1.5px}.hero em{font-style:normal;color:var(--gold);position:relative}.hero em:after{content:'';height:6px;position:absolute;border-bottom:1px solid #c7ae7b;border-radius:50%;bottom:5px;right:0;width:100%}.hero-copy>p{color:#6f7d84;font-size:14px;line-height:2.1;margin-top:16px}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:49px;padding:11px 25px;border-radius:5px;font-size:12px;font-weight:600;transition:transform .2s,background .2s}.primary{background:var(--ink);color:#fff}.primary:hover{background:#25556b;transform:translateY(-2px)}.button svg{width:19px}.text-link{font-size:12px}.text-link span{margin-right:9px;color:var(--gold);font-size:18px}.hero-note{display:flex;gap:8px;align-items:center;margin-top:33px;color:#859198;font-size:10px}.hero-note svg{width:15px;height:15px}.hero-note i{font-style:normal;padding:0 9px;color:#acb4b6}.hero-art{position:relative;display:flex;justify-content:center;align-items:center;min-height:470px;margin-right:15px}.art-orbit{position:absolute;border:1px solid #d5dfdf80;width:380px;height:480px;border-radius:50%;transform:rotate(-28deg)}.orbit-two{transform:rotate(33deg);width:380px;height:440px}.spark{position:absolute;color:var(--gold);font-family:serif}.s1{font-size:40px;left:6%;top:40px}.s2{font-size:18px;right:0;top:125px}.s3{font-size:40px;left:14%;bottom:2px}.feature-paper{width:334px;min-height:413px;padding:24px 28px 15px;background:#fffdfa;border:1px solid #e4ddcc;box-shadow:0 17px 45px #173e5008;position:relative;text-align:center;border-radius:155px 155px 5px 5px;z-index:2}.feature-paper:before{content:'';position:absolute;inset:9px;border:1px solid #ece5d8;border-radius:148px 148px 2px 2px;pointer-events:none}.paper-top{position:relative;display:flex;align-items:center;flex-direction:column;gap:7px;color:var(--gold);font-size:10px;margin-top:22px;letter-spacing:2px}.paper-top svg{width:17px;height:17px}.quran{font-family:var(--serif);font-weight:400;font-feature-settings:'liga';line-height:2;letter-spacing:0}.feature-word{font-size:85px;line-height:1.65;margin-top:9px;color:var(--ink)}.ornament{display:flex;align-items:center;justify-content:center;gap:10px;color:#b99a63;font-size:15px;line-height:1;margin-bottom:14px}.ornament i{width:43px;height:1px;background:#d7c7ab}.feature-paper h2{font-family:var(--serif);font-size:25px;font-weight:700}.feature-paper p{font-size:11px;color:#839097;margin:5px 0 17px;line-height:1.9}.feature-link{font-size:11px;display:inline-flex;gap:15px;align-items:center;position:relative;z-index:3;border-bottom:1px solid #c5d0d4;padding-bottom:4px}.feature-link svg{width:16px}.paper-bottom{color:#8e9ba1;display:flex;justify-content:space-between;margin-top:23px;font-size:9px;position:relative}.floating-note{position:absolute;z-index:3;bottom:18px;right:-3px;background:#eaf1f3;box-shadow:0 6px 24px #173e5008;border:1px solid #dce7ea;display:flex;align-items:center;gap:12px;padding:13px 22px;border-radius:5px;transform:rotate(-4deg)}.note-icon{height:34px;width:34px;display:grid;place-items:center;border:1px solid #b9ccd3;border-radius:50%;color:#547789}.note-icon svg{width:17px;height:17px}.floating-note small{font-size:8px;letter-spacing:1px;color:#6f8a96;display:block}.floating-note strong{display:block;font-family:var(--serif);font-size:23px;font-weight:400;line-height:1.5}.category-section{border-block:1px solid var(--line);padding:52px 0 56px;background:#fffefb}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:29px}.kicker{font-size:10px;color:var(--gold);display:block;margin-bottom:5px}.section-heading h2{font-family:var(--serif);font-size:36px;line-height:1.5}.section-heading>p,.collection-note{font-size:11px;color:#839097;padding-bottom:7px}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category{border:1px solid var(--line);padding:24px 22px 19px;border-radius:7px;position:relative;background:#fcfcfa;transition:transform .2s,box-shadow .2s,border-color .2s}.category:hover{transform:translateY(-5px);box-shadow:0 10px 25px #173e5008;border-color:#bdc9cb}.category-number{position:absolute;top:21px;left:23px;color:#b7c0c3;font-family:var(--serif);font-size:20px}.category-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:8px;background:#eaf1f5;color:#557e91;margin-bottom:18px}.category-icon svg{width:24px;height:24px}.c-meaning .category-icon{background:#f4eee2;color:#a8874f}.c-vocabulary .category-icon{background:#eaf1ed;color:#789082}.c-script .category-icon{background:#f0ebf2;color:#98849f}.category h3{font-size:15px;font-weight:600;margin-bottom:8px}.category p{font-size:10.5px;line-height:2;color:#7e8a90}.category-foot{display:flex;align-items:center;justify-content:space-between;padding-top:17px;margin-top:17px;border-top:1px solid #e6e9e5;font-size:10px}.category-foot svg{width:17px}.library-section{padding-block:63px 20px}.search-row{display:flex;gap:15px;margin-top:32px}.search-box{display:flex;align-items:center;gap:12px;flex:1;border:1px solid #dde2e2;border-radius:6px;background:white;padding:13px 18px}.search-box>svg{color:#8a999f;width:19px}.search-box input{width:100%;padding:0;border:0;outline:none;background:none;color:var(--ink);font-size:12px;min-width:0}.search-box:focus-within{border-color:var(--gold);box-shadow:0 0 0 2px #af8b4d12}.search-box input:focus-visible{outline:none}.search-box input::placeholder{color:#94a0a5}.search-tip{white-space:nowrap;color:#9aa4a9;font-size:10px}.surah-label select{height:100%;background:#fff;border:1px solid #dde2e2;border-radius:6px;min-width:170px;padding:0 15px 0 35px;color:#6d7e86;font-size:11px}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;border-bottom:1px solid #e0e5e4;padding-bottom:21px}.filter-tabs{display:flex;gap:7px;flex-wrap:wrap}.filter-tabs button{font-size:10px;padding:8px 14px;border-radius:5px;color:#73828a;white-space:nowrap}.filter-tabs button:hover{background:#eef2f2}.filter-tabs button.selected{background:var(--ink);color:white}.filter-tabs button span{margin-right:9px;opacity:.6}.saved-filter{font-size:10px;color:#70828b;display:flex;gap:7px;align-items:center;border-right:1px solid #d9e0e1;padding-right:20px;white-space:nowrap}.saved-filter svg{width:15px;height:15px}.saved-filter[aria-pressed=true]{color:var(--gold)}.results-info{display:flex;justify-content:space-between;align-items:center;min-height:55px;font-size:10px;color:#8b989e}.clear-filters{font-size:10px;color:#9f7d42}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.lesson-card{background:#fff;border:1px solid #e2e6e5;border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s}.lesson-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #173e5009}.lesson-visual{position:relative;height:177px;background:#edf3f5;text-align:center;display:flex;align-items:center;justify-content:center;overflow:hidden}.lesson-visual:before,.lesson-visual:after{content:'';position:absolute;width:125px;height:125px;border:1px solid currentColor;border-radius:50%;opacity:.07;right:-45px;top:-47px}.lesson-visual:after{width:150px;height:150px;left:-70px;right:auto;bottom:-78px;top:auto}.lesson-card.meaning .lesson-visual{background:#f2eee5;color:#9b7c42}.lesson-card.reading .lesson-visual{background:#e9f1f5;color:#3d6b80}.lesson-card.vocabulary .lesson-visual{background:#ecf1eb;color:#738c78}.lesson-card.script .lesson-visual{background:#f0edf3;color:#887294}.lesson-visual .quran{font-size:54px;position:relative;z-index:1;margin-top:12px}.visual-label{position:absolute;bottom:14px;font-size:8px;color:currentColor;opacity:.75}.save-card{position:absolute;left:15px;top:14px;z-index:4;width:30px;height:32px;background:#ffffff8c;border:1px solid #ffffff80;border-radius:5px;display:grid;place-items:center}.save-card svg{width:14px;height:14px;fill:transparent}.save-card[aria-pressed=true] svg{fill:currentColor}.read-badge{position:absolute;right:14px;top:15px;font-size:9px;display:flex;align-items:center;gap:3px}.read-badge svg{width:13px;height:13px}.visual-open{position:absolute;inset:0;z-index:2}.lesson-content{padding:20px 21px 15px}.lesson-meta{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#9aa4a7;margin-bottom:10px}.lesson-tag{color:#6f8b97}.meaning .lesson-tag{color:#aa8d5a}.vocabulary .lesson-tag{color:#829883}.script .lesson-tag{color:#9e8ba4}.lesson-content h3{font-size:14px;line-height:1.9;font-weight:600;min-height:27px;margin-bottom:6px}.title-open{text-align:right;padding:0}.lesson-content>p{font-size:10px;color:#89949a;line-height:1.9;min-height:38px}.lesson-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0ed;padding-top:13px;margin-top:17px;font-size:9px;color:#8e9ba2}.lesson-footer button{display:flex;align-items:center;gap:11px;color:var(--ink);padding:0;font-size:10px}.lesson-footer svg{width:15px;height:15px}.library-bottom{display:flex;justify-content:center;gap:17px;align-items:center;text-align:center;padding:40px 0 24px;font-size:11px;color:#8c999e}.small-star{font-size:20px;color:#baa06e}.empty-state{text-align:center;background:#fff;border:1px dashed #d7e0df;border-radius:8px;padding:50px 20px}.empty-state>svg{width:35px;height:35px;color:#a2b1b7;margin-bottom:13px}.empty-state h3{font-family:var(--serif);font-size:27px}.empty-state p{color:#83949c;font-size:12px;margin:6px 0 24px}.about-section{background:#eef3f3;border-top:1px solid #e1e8e7;padding:67px 0}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:center}.about-quote{position:relative;text-align:center;border-left:1px solid #d4dfe0;padding-left:35px}.about-quote>span{color:#92a4ab;font-size:9px;letter-spacing:2px}.about-quote h2{font-family:var(--serif);font-size:67px;line-height:1.4;font-weight:400;margin-top:15px}.about-quote h2 em{font-style:normal;color:#a58c60}.quote-line{width:55px;height:1px;background:#c5ad83;margin:22px auto 0}.about-copy h2{font-family:var(--serif);font-size:31px;margin-bottom:12px}.about-copy>p{font-size:12px;color:#758890;line-height:2;margin-bottom:12px}.creator{display:flex;align-items:center;gap:12px;margin-top:25px}.creator-monogram{display:grid;place-items:center;background:#dde7e9;border:1px solid #c7d6da;border-radius:50%;width:45px;height:45px;font-family:var(--serif);font-size:32px;color:#6d8a96}.creator strong{font-size:12px;display:block}.creator small{font-size:9px;color:#8a9aa1;display:block}.creator>a{margin-right:auto;font-size:10px;display:flex;gap:9px;align-items:center}.creator>a svg{width:13px;height:13px}footer{background:#fffefa}.footer-main{display:flex;justify-content:space-between;align-items:center;padding-block:40px}.footer-brand strong{font-size:27px}.footer-brand small{letter-spacing:0;font-size:9px}.footer-links{display:flex;gap:30px;font-size:11px;color:#7d8c94}.footer-links a:hover{color:var(--gold)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e9ece7;padding-block:19px;font-size:9px;color:#98a2a5}.icon-button{width:36px;height:36px;display:grid;place-items:center;border:1px solid #e1e6e5;border-radius:50%;background:#fff}.icon-button svg{width:17px;height:17px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);color:#fff;background:var(--ink);border:1px solid #ffffff20;box-shadow:0 5px 25px #173e501a;border-radius:6px;padding:12px 23px;font-size:12px;z-index:110;pointer-events:none;opacity:0;transition:.2s;max-width:90%;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #dfe4e3;border-radius:12px;padding:45px 42px 30px;width:min(690px,calc(100% - 28px));max-height:88dvh;color:var(--ink);background:var(--paper);overflow:auto;box-shadow:0 20px 120px #102f4b3d}dialog::backdrop{background:#112d3e80;backdrop-filter:blur(4px)}.dialog-close{position:absolute;top:15px;left:15px}.dialog-kicker{font-size:11px;color:var(--gold);margin-bottom:10px}.dialog-title{font-family:var(--serif);font-size:33px;line-height:1.6;margin-bottom:20px}.verse-panel{background:#fff;border:1px solid #d5c39c;border-radius:7px;padding:20px;text-align:center;margin-bottom:24px}.verse-panel .quran{font-size:29px;line-height:2.1}.verse-ref{display:block;font-family:var(--sans);font-size:10px;color:#9d8b65;margin-top:9px}.takeaway{font-family:var(--serif);font-size:27px;color:#456d7c;padding:0 15px;border-right:2px solid #b9d0d7;margin-bottom:19px}.article-paragraph{font-size:13px;color:#6f8189;line-height:2.15;margin-bottom:17px}.source-link{display:block;font-size:10px;color:#9d814b;text-decoration:underline;text-underline-offset:4px;margin-top:5px}.lesson-hint{padding:15px 18px;background:#edf2f2;border-radius:5px;font-size:12px;color:#627e8b;margin:17px 0}.lesson-hint strong{display:block;color:var(--ink);font-size:11px;margin-bottom:4px}.dialog-toolbar{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid #e1e6e4;padding-top:20px;margin-top:22px}.dialog-toolbar button,.dialog-toolbar a{display:flex;gap:7px;align-items:center;font-size:10px;padding:10px 12px;border:1px solid #d9e0e0;border-radius:5px;background:#fff}.dialog-toolbar svg{width:14px;height:14px}.dialog-toolbar [aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.dialog-note{font-size:9px;color:#9aa5a9;margin-top:15px}.next-lesson{display:flex;justify-content:space-between;align-items:center;padding:20px 0 0;font-size:11px;color:#71858d;width:100%;text-align:right}.next-lesson strong{display:block;color:var(--ink);font-size:12px}.next-lesson svg{width:20px}.read-count{color:#a98a52} [hidden]{display:none!important}
@media(min-width:1450px){.container{max-width:1320px}.hero-grid{min-height:640px}h1{font-size:76px}.hero-art{transform:scale(1.06)}}
@media(max-width:1050px){.container{padding-inline:28px}.header-inner{gap:20px}.nav{gap:18px}.brand strong{font-size:26px}.brand-icon{width:34px}.brand-icon svg{width:34px}.brand-icon i{left:15px}.hero-grid{gap:20px;min-height:545px}h1{font-size:60px}.feature-paper{width:290px}.hero-art{margin-right:0}.floating-note{right:-4px;padding:10px 14px}.art-orbit{width:310px;height:440px}.category{padding:21px 16px}.category h3{font-size:13px}.lesson-grid{gap:17px}.lesson-content{padding:18px 17px 15px}.lesson-content h3{font-size:12px}.filter-tabs button{padding:8px 10px}.about-grid{gap:40px}.search-tip{display:none}}
@media(max-width:800px){.header{height:78px}.nav{gap:16px;font-size:10px}.saved-nav{padding:8px;font-size:10px}.saved-nav b{display:none}.brand strong{font-size:24px}.brand small{font-size:8px;letter-spacing:.5px}.brand-icon{width:31px}.brand-icon svg{width:31px}.hero-grid{gap:10px;padding-block:35px 50px}.hero-art{min-height:420px}.feature-paper{width:260px;min-height:390px;padding-inline:22px}.feature-word{font-size:74px}.hero h1{font-size:49px}.hero-copy>p{font-size:12px}.hero-actions{gap:15px}.hero-actions .button{padding:11px 17px;gap:16px;font-size:11px}.text-link{font-size:10px}.eyebrow{font-size:10px}.hero-note{font-size:8px}.hero-note i{padding:0 4px}.categories{grid-template-columns:repeat(2,1fr);gap:14px}.category{padding:23px}.category p{font-size:11px}.category h3{font-size:15px}.category-icon{margin-bottom:12px}.lesson-grid{grid-template-columns:repeat(2,1fr);gap:20px}.lesson-content h3{font-size:14px}.lesson-content>p{font-size:11px}.saved-filter{padding-right:12px}.filter-row{gap:10px;align-items:start}.filter-tabs{gap:2px}.filter-tabs button{font-size:9px}.section-heading h2{font-size:32px}.section-heading>p,.collection-note{font-size:10px}.about-grid{gap:30px;grid-template-columns:.6fr 1fr}.about-quote h2{font-size:55px}.about-copy h2{font-size:26px}.about-copy>p{font-size:11px}.footer-bottom{font-size:8px}.floating-note{right:-4px;bottom:0}.floating-note strong{font-size:21px}.floating-note small{font-size:7px}.floating-note .note-icon{width:29px;height:29px}.art-orbit{width:270px;height:390px}}
@media(max-width:620px){.container{padding-inline:21px}.header-inner{gap:10px}.header{height:76px}.brand{gap:9px}.brand strong{font-size:25px}.brand small{font-size:7px}.brand-icon{width:32px}.brand-icon i{width:5px;height:5px}.saved-nav{border:0;padding:7px}.saved-nav span{display:none}.saved-nav b{display:inline;font-size:10px;padding:0}.saved-nav svg{width:18px;height:18px}.menu-toggle{display:grid;width:30px;height:30px;border-radius:5px;background:transparent}.header-actions{gap:5px}.nav{display:none;position:absolute;top:76px;right:0;left:0;padding:18px 25px;background:var(--paper);border-bottom:1px solid var(--line);height:auto;box-shadow:0 10px 10px #173e5008;gap:10px}.nav.open{display:grid;grid-template-columns:1fr 1fr}.nav a{font-size:12px;padding:8px}.nav a.active:after{display:none}.hero-grid{grid-template-columns:1fr;padding-block:34px 30px;gap:10px}.hero-copy{text-align:center}.eyebrow{justify-content:center;font-size:10px;margin-bottom:16px}.hero h1{font-size:53px;line-height:1.45}.hero-copy>p{font-size:11.5px;margin-top:13px}.hero-actions{justify-content:center;margin-top:23px;gap:23px}.hero-actions .button{font-size:11px;padding-inline:23px;min-height:46px}.hero-note{justify-content:center;margin-top:23px;font-size:9px}.hero-note i{padding-inline:7px}.hero-art{min-height:400px;width:100%;max-width:360px;margin:15px auto 0}.feature-paper{width:257px;min-height:360px;border-radius:135px 135px 5px 5px;padding-top:15px}.paper-top{margin-top:17px;font-size:8px}.feature-word{font-size:70px;margin-top:0;line-height:1.7}.feature-paper h2{font-size:24px}.feature-paper p{font-size:10px;margin-bottom:12px}.paper-bottom{margin-top:18px}.art-orbit{width:270px;height:360px}.floating-note{bottom:8px;right:-2px;padding:9px 13px}.s1{left:0;top:26px;font-size:32px}.s2{right:0;top:85px}.s3{left:9%;bottom:0;font-size:31px}.section-heading{margin-bottom:23px;gap:10px}.section-heading h2{font-size:31px}.section-heading>p{max-width:140px;font-size:9px}.kicker{font-size:9px}.category-section{padding-block:33px 35px}.categories{gap:11px}.category{padding:17px 13px 14px}.category-number{left:13px;top:14px;font-size:18px}.category-icon{width:36px;height:36px;margin-bottom:13px}.category-icon svg{width:21px;height:21px}.category h3{font-size:12px;white-space:nowrap}.category p{font-size:9px}.category p br{display:none}.category-foot{font-size:8px;padding-top:13px;margin-top:14px}.category-foot svg{width:13px}.library-section{padding-top:36px}.collection-note{display:none}.search-row{margin-top:20px;gap:9px}.search-box{padding:12px;gap:8px}.search-box input{font-size:10px}.search-box svg{width:16px}.surah-label select{min-width:101px;width:101px;font-size:9px;padding:8px}.filter-row{flex-direction:column;gap:14px;padding-bottom:15px;margin-top:16px}.filter-tabs{gap:3px;justify-content:space-between;width:100%}.filter-tabs button{font-size:8px;padding:7px 8px}.filter-tabs button span{display:none}.saved-filter{border:0;padding:0;font-size:10px}.results-info{min-height:46px}.lesson-grid{gap:12px}.lesson-visual{height:137px}.lesson-visual .quran{font-size:39px}.lesson-content{padding:13px 12px}.lesson-content h3{font-size:11px;line-height:1.9;min-height:42px}.lesson-content>p{font-size:9px;min-height:51px;line-height:1.9}.lesson-meta{font-size:8px;margin-bottom:7px;gap:5px}.lesson-footer{font-size:8px;margin-top:11px;padding-top:11px;gap:4px;align-items:start}.lesson-footer button{font-size:8px;gap:4px;white-space:nowrap}.lesson-footer svg{width:12px}.save-card{width:25px;height:27px;top:10px;left:10px}.save-card svg{width:12px}.read-badge{font-size:7px;right:8px;top:12px}.read-badge svg{width:11px}.visual-label{font-size:7px;bottom:10px}.library-bottom{font-size:9px;gap:10px;padding:30px 0 17px}.small-star{font-size:17px}.about-section{padding-block:35px}.about-grid{grid-template-columns:1fr;gap:28px}.about-quote{padding:0;border:0;display:none}.about-copy h2{font-size:28px}.about-copy>p{font-size:11px}.creator{margin-top:20px}.footer-main{padding-block:27px;gap:25px;align-items:start;flex-direction:column}.footer-brand strong{font-size:25px}.footer-links{gap:28px;font-size:10px}.footer-bottom{flex-wrap:wrap;gap:8px;justify-content:space-between;padding-block:16px;font-size:8px}.footer-bottom>span:nth-child(2){order:3;width:100%}.dialog-title{font-size:27px;padding-left:12px}dialog{padding:44px 22px 24px}.verse-panel{padding:16px}.verse-panel .quran{font-size:25px}.takeaway{font-size:23px}.article-paragraph{font-size:12px}.dialog-toolbar{gap:7px}.dialog-toolbar button,.dialog-toolbar a{font-size:9px;padding:8px}.dialog-toolbar svg{width:12px}.toast{font-size:11px;bottom:18px;padding:10px 17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
@media(min-width:621px){.menu-toggle{display:none}.nav{font-size:13px}.hero-copy>p{font-size:15px}.hero-note{font-size:11px}.category p{font-size:12px}.category-foot{font-size:11px}.lesson-content>p{font-size:12px}.lesson-meta{font-size:10px}.lesson-footer{font-size:10px}.lesson-footer button{font-size:11px}.filter-tabs button{font-size:11px}.results-info{font-size:11px}.section-heading>p,.collection-note{font-size:12px}}
@media(max-width:620px){.category p{font-size:11px}.category h3{font-size:13px;white-space:normal}.category-foot{font-size:10px}.filter-tabs{justify-content:flex-start;gap:5px}.filter-tabs button{font-size:10px;padding:7px 10px}.search-box input{font-size:11px}.about-copy>p{font-size:12px}.hero-note{font-size:10px}.article-paragraph{font-size:13px}.source-link{font-size:11px}.dialog-note{font-size:10px}}
@media(max-width:480px){.lesson-grid{grid-template-columns:1fr;gap:20px}.lesson-visual{height:163px}.lesson-visual .quran{font-size:53px}.visual-label{font-size:9px}.lesson-content{padding:19px 20px}.lesson-content h3{font-size:16px;min-height:0}.lesson-content>p{font-size:12px;min-height:0;margin-top:7px}.lesson-meta{font-size:11px;margin-bottom:9px}.lesson-footer{font-size:10px;align-items:center;margin-top:17px;padding-top:14px}.lesson-footer button{font-size:11px;gap:9px}.lesson-footer svg{width:16px}.save-card{width:32px;height:32px;top:14px;left:14px}.save-card svg{width:16px}.read-badge{font-size:10px;right:15px;top:18px}}