/* Presentation-only refresh. Content, routes, controls and data remain unchanged. */
@media screen {
:root{--paper:#f4f6f3;--white:#ffffff;--ink:#172f29;--muted:#53675f;--line:#d9e2db;--green:#175a45;--mint:#e6eee7;--accent:#236c53;--soft:#edf2ec;--gold:#84641d;--on-green:#ffffff;--shadow:0 12px 36px #153f2910;--radius:22px;--design-heading:Georgia,"Times New Roman",serif;--design-gold:#b99749;--design-frame:#c4d0c6;--design-glow:#e3eadb}
:root[data-theme=dark]{--paper:#091b19;--white:#112724;--ink:#edf3e9;--muted:#b1c4b9;--line:#2c4540;--green:#a0d9b6;--mint:#203f34;--accent:#b7e6c7;--soft:#17312b;--gold:#e2c581;--on-green:#102b20;--shadow:0 14px 40px #0003;--design-gold:#d5b363;--design-frame:#416053;--design-glow:#17372b}
body{background:radial-gradient(ellipse at 85% 0,var(--design-glow),transparent 46%),var(--paper);background-attachment:fixed}
h1,h2{font-family:var(--design-heading);font-weight:400;letter-spacing:-.035em}h1{font-size:clamp(2.1rem,3.2vw,3.2rem);line-height:1.16}h2{font-size:1.6rem}h3{font-weight:650;letter-spacing:-.015em}
.eyebrow,.home-kicker{font-size:.75rem;letter-spacing:.16em;color:var(--gold);line-height:1.7}
button,a,input,select,summary{ -webkit-tap-highlight-color:transparent }
.primary,.secondary,.home-buttons a{border-radius:100px;min-height:46px;padding:12px 22px;font-size:.9rem}
.primary{box-shadow:0 4px 14px #0d362415}.secondary{border-color:var(--design-frame)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
input[type=text],input[type=search],input[type=number],select,textarea{border-radius:13px;min-height:46px;background:var(--white);border-color:var(--design-frame)}
input:hover,select:hover,textarea:hover{border-color:var(--green)}
.sidebar{inset:16px auto 16px 16px;width:244px;border:1px solid var(--line);border-radius:26px;padding:26px 15px;background:var(--white);box-shadow:var(--shadow)}
.brand{gap:11px;font-size:.95rem;padding:0 10px}.brandmark{border-radius:15px;background:var(--mint);color:var(--green);border:1px solid var(--design-frame);box-shadow:inset 0 0 0 4px var(--white)}
.navlabel{margin:30px 12px 15px;font-size:.65rem;color:var(--gold);line-height:1.7}
.sidebar nav{gap:5px}.sidebar nav a{border:1px solid transparent;border-radius:14px;padding:10px 12px;font-size:.84rem;min-height:46px;gap:11px}
.sidebar nav a.active{background:var(--mint);border-color:var(--design-frame);color:var(--ink);box-shadow:inset 3px 0 var(--design-gold)}
.sidebar nav a:hover{background:var(--soft);border-color:var(--line)}
.sidebar nav .icon{width:20px;height:20px;color:var(--green)}
.sidebar-foot{border-top:1px solid var(--line);margin-top:auto;padding:20px 12px 0;font-size:.88rem}.sidebar-foot p,.private-note{font-size:.75rem}
.workspace{margin-left:276px}.topbar{height:78px;margin:0 32px;padding:0 8px;background:transparent;border-color:var(--line)}
.topbar>span{font-size:1.25rem;color:var(--gold)}.topbar button{background:var(--white);border-radius:50%;width:44px;height:44px}
main{max-width:1180px;padding:30px 40px 56px}.pageintro{margin-bottom:30px}.pageintro p{max-width:760px;line-height:1.8}
.page-guide{justify-content:flex-end;gap:12px;margin-bottom:24px;font-size:.8rem}.page-guide button{border-radius:100px;min-height:40px;font-size:.8rem;padding:8px 15px}
.q-topline{padding:28px 30px;border:1px solid var(--design-frame);border-top:3px solid var(--design-gold);border-radius:24px;background:var(--white);align-items:center;gap:24px;box-shadow:var(--shadow)}
.q-topline h1{font-size:clamp(2.2rem,3.4vw,3.3rem);font-weight:400}.q-topline p{font-size:.9rem;margin-bottom:0}.q-reader-title{font-size:2.2rem;color:var(--gold);padding:0;max-width:40%;word-break:normal;overflow-wrap:normal}
.q-reader-links{gap:10px;margin:20px 0}.q-reader-links a,.q-reader-links button{border-radius:100px;min-height:44px;padding:10px 17px;font-size:.85rem;border-color:var(--design-frame)}
.reader-options{border-radius:18px;box-shadow:none}.reader-options summary{padding:18px 23px}.reader-options summary span{font-size:.8rem;margin-top:3px}.reader-options[open]{border-color:var(--design-frame)}
.q-controls{background:var(--soft);padding:24px;gap:20px}.q-controls label{font-size:.875rem}.q-controls select{font-size:.9rem}.reader-coverage{padding-top:12px;background:var(--soft)}
.q-verse-range{font-size:.8rem;margin:28px 3px 14px}
.q-ayah{border-radius:24px;padding:25px 30px;margin-bottom:20px;box-shadow:0 5px 22px #0b2c1708;border-color:var(--line)}
.q-ayah .verse-top{padding-bottom:17px;border-bottom:1px solid var(--line);font-size:.8rem}.q-arabic{margin:22px 0 25px;line-height:2.3;color:var(--ink);word-break:normal;overflow-wrap:normal}
.q-translation-label{display:inline-block;font-size:.78rem;letter-spacing:.02em;margin-bottom:9px;color:var(--gold)}
.q-translation p{line-height:1.95}.q-ayah>.source{display:inline-block;padding-top:8px;min-height:36px}
.q-save,.play{min-height:44px;font-size:.8rem}.q-save{border-radius:100px;padding:9px 13px}.q-save:hover{background:var(--soft)}.play{padding:8px 16px;background:var(--mint);border-color:var(--design-frame)}
.q-directory-tools{background:var(--white);padding:24px;border:1px solid var(--line);border-radius:22px}.q-directory-tools input,.q-directory-tools select{height:50px}
.q-surah-grid{gap:16px}.q-surah-card{padding:23px 20px;border-radius:20px;gap:16px}.q-surah-card h3{font-size:1.05rem}.q-surah-card .number,.lesson-card .number{border:1px solid var(--design-frame);background:var(--soft);border-radius:13px;color:var(--gold)}
.q-surah-arabic{color:var(--gold)}.q-search-form,.q-search-result,.q-saved{border-radius:22px;box-shadow:var(--shadow)}
.q-pagination{gap:12px}.q-pagination button{border-radius:100px}.section-heading{margin-top:28px}.section-heading small{font-size:.82rem}
.path-toggle{border-radius:100px;background:var(--soft);padding:5px;gap:5px;max-width:100%}.path-toggle button{border-radius:100px;min-height:44px}.path-toggle button.selected{border:1px solid var(--design-frame);color:var(--ink)}
.resume{background:linear-gradient(120deg,#143d30,#245740);border:1px solid #486c50;border-radius:26px;box-shadow:var(--shadow)}.resume-copy{padding:38px}.resume h2{font-family:var(--design-heading);font-size:2.2rem;color:#f5f3df}.resume button{border-radius:100px;background:#e8d49c;color:#21372b;min-height:46px}.resume-art{background:transparent;border-color:#668069}.resume-art .arabic{color:#eddcab}.resume .eyebrow{color:#e4cf95}
.lesson-card{border-radius:22px;padding:26px;gap:20px}.lesson-card h3{font-size:1.08rem}.lesson-card:hover,.q-surah-card:hover{border-color:var(--design-gold);box-shadow:var(--shadow);transform:translateY(-2px)}
.reading,.practice-card{padding:34px;border-radius:26px;box-shadow:var(--shadow)}.rail .box{border-radius:20px;background:var(--white)}.rail h3{font-size:1rem}.note{border-radius:16px;border-left:3px solid var(--design-gold);padding:20px 24px;background:var(--soft);line-height:1.8}
.toolbar{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:24px;gap:20px}.toolbar>div{min-width:0;flex:1 1 150px}.toolbar select{width:100%}
.practice-card{border-top:3px solid var(--design-gold)}.practice-card .arabic{word-break:normal;overflow-wrap:normal}.practice-top{padding-bottom:14px}.progressbar{height:5px}
.stat{border-radius:22px;box-shadow:var(--shadow);padding:27px}.stat strong{font-family:var(--design-heading);color:var(--gold);font-size:2.7rem}.stat span{font-size:.9rem}
.settings-section,.legal-page section{border-radius:24px;padding:30px;box-shadow:0 5px 22px #0b2c1708}.settings-section h2,.legal-page h2{font-size:1.65rem}.settings-row{padding:21px 0}.appearance-options button{border-radius:100px;min-height:46px}
.prophet-card{border-radius:20px;overflow:hidden}.prophet-card summary{padding:23px 26px}.prophet-card summary span{font-size:1.07rem}.prophet-card summary small{color:var(--gold);font-size:.82rem}.prophet-card[open]{border-color:var(--design-frame);box-shadow:var(--shadow)}.prophet-card[open] summary{background:var(--soft);border-bottom:1px solid var(--line)}.prophet-card-body{padding:22px 26px 26px}.prophet-card-body h3{font-size:.95rem;color:var(--gold)}.prophet-card-body .arabic{color:var(--ink)}.prophet-citation{padding:18px 0}
.nav-chat{border-radius:26px;border-color:var(--design-frame);box-shadow:var(--shadow)}.navigator-dialog{border-radius:26px;border-color:var(--design-frame);box-shadow:0 24px 90px #0005}
.nav-chat-top{background:var(--soft);border-bottom-color:var(--design-frame)}.nav-chat-top strong{font-family:var(--design-heading);font-size:1.3rem;font-weight:400}.nav-chat-top span{color:var(--muted)}
.nav-chat-log{background:var(--paper)}.nav-message{background:var(--white);border:1px solid var(--line);border-radius:4px 20px 20px 20px}.nav-message.user{background:var(--mint);border-color:var(--design-frame);color:var(--ink)}.nav-message.user>p,.nav-message.user .nav-speaker{color:var(--ink)}.nav-speaker{color:var(--gold);font-size:.72rem}
.nav-action,.nav-prompts button{border-radius:100px;border-color:var(--design-frame)}.nav-chat-form input{border-radius:100px;padding-left:18px}.nav-chat-form .primary{border-radius:100px}.nav-close{background:var(--white);border:1px solid var(--line)}
.navigator-launcher{padding:12px 22px;border:1px solid var(--design-frame);box-shadow:var(--shadow)}
dialog{border-radius:24px;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#061813a8;backdrop-filter:blur(7px)}.more-links a{border-radius:15px;background:var(--white)}.more-links a:hover{background:var(--mint)}.more-title h2{font-size:1.6rem}
.tour-panel{border:1px solid var(--design-gold);border-radius:22px;box-shadow:0 16px 50px #0003}.tour-panel h2{font-size:1.4rem}.tour-controls button{border:1px solid var(--line);border-radius:100px;padding:10px;background:var(--white);color:var(--ink)}.tour-controls .primary{background:var(--green);color:var(--on-green)}
footer{font-size:.8rem;padding-top:28px}footer a{color:var(--muted)}footer a:hover{color:var(--green)}
/* Homepage: editorial typography, generous whitespace and an inset reading panel. */
body.home-page main{max-width:1240px;padding:0 36px 40px}.home-header{padding:26px 0;border-color:var(--design-frame)}.home-logo{font-size:.95rem}.home-header nav a{font-weight:550}.home-header .home-enter{background:var(--white);border-color:var(--design-frame)}
.home-hero{grid-template-columns:1.18fr 1fr;gap:62px;padding:82px 0 68px}.home-hero h1{font-family:var(--design-heading);font-size:clamp(3.1rem,5.4vw,5.05rem);font-weight:400;letter-spacing:-.055em;line-height:1.07}.home-hero h1 span{color:var(--gold)}.home-hero .home-kicker{display:inline-block;padding:7px 14px;border:1px solid var(--design-frame);border-radius:100px;background:var(--white);font-size:.69rem;letter-spacing:.13em;margin-bottom:25px}
.home-lead{font-size:1.05rem;line-height:1.85;max-width:31rem}.home-buttons a{font-weight:550;border-color:var(--design-frame)}.home-small{font-size:.8rem}
.home-reading{border:1px solid #52725d;background:linear-gradient(140deg,#123b2e,#1e4b39);border-radius:30px;padding:42px 34px;box-shadow:0 22px 56px #173d2924;outline:1px solid #c1aa6440;outline-offset:-12px}
.home-reading .home-kicker{color:#e4cc90;font-size:.73rem}.home-reading .home-arabic{color:#f4e5bd;font-size:clamp(2.15rem,3.2vw,2.8rem);line-height:2.15}.home-reading .home-meaning{font-family:var(--design-heading);font-size:1.45rem;font-weight:400;line-height:1.65;color:#f5f3e6}.home-reading a{color:#e4d29f}.home-reading p{color:#c9d9ca}.home-reading hr{border-color:#507059}.home-reading-bottom{font-size:.8rem;line-height:1.7}
.home-strip{border-radius:20px;border:1px solid var(--design-frame);background:var(--white);padding:25px 30px;box-shadow:var(--shadow)}.home-strip>div+div{border-left:1px solid var(--line);padding-left:24px}.home-strip strong{font-family:var(--design-heading);font-size:1.55rem;font-weight:400;color:var(--ink)}.home-strip span{font-size:.83rem}
.home-section{padding-top:82px}.home-section h2{font-family:var(--design-heading);font-size:clamp(2rem,3.2vw,2.9rem);font-weight:400}.home-section-intro{max-width:680px;margin-bottom:36px}.home-section-intro .home-kicker{margin-bottom:15px}
.home-grid{gap:20px}.home-feature{border-radius:22px;padding:30px;box-shadow:0 6px 22px #10331f08;transition:border-color .18s,transform .18s,box-shadow .18s}.home-feature:hover{border-color:var(--design-gold);transform:translateY(-3px);box-shadow:var(--shadow)}.home-feature .home-number{font-size:.7rem;letter-spacing:.1em;color:var(--gold);margin-bottom:26px}.home-feature h3{font-family:var(--design-heading);font-size:1.55rem;font-weight:400;line-height:1.3;margin-bottom:15px}.home-feature p{font-size:.95rem;line-height:1.85}.home-feature a{font-size:.87rem;border-top:1px solid var(--line);padding-top:16px;min-height:52px}
.home-start{border-radius:26px;background:var(--soft);border:1px solid var(--design-frame);padding:44px;gap:48px}.home-start h2{font-size:2.65rem}.home-steps li::marker{color:var(--gold);font-family:var(--design-heading);font-size:1.35rem}.home-steps li{padding-bottom:22px}.home-steps strong{font-weight:600}.home-steps p{font-size:.95rem}
.home-trust h3{font-family:var(--design-heading);font-size:1.7rem;font-weight:400}.home-trust p{line-height:1.85}.home-faq{max-width:860px}.home-faq details{padding:22px 0}.home-faq summary{font-size:1rem;line-height:1.6}.home-faq details[open] summary{color:var(--green)}
.home-final{margin-top:48px;padding:48px 26px;border-radius:26px;background:var(--white);border:1px solid var(--design-frame)}.home-final h2{font-family:var(--design-heading);font-size:2.4rem;font-weight:400}
@media(min-width:1550px){.q-surah-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.q-surah-card{padding:20px 15px;gap:12px}.q-surah-card .number{width:34px}.q-surah-arabic{font-size:1.25rem}}
@media(max-width:1200px) and (min-width:901px){.sidebar{width:216px;left:12px;inset-block:12px;padding-inline:12px}.workspace{margin-left:240px}.sidebar nav a{padding:10px;font-size:.79rem;gap:9px}.brand{font-size:.86rem;padding-inline:4px}.topbar{margin-inline:24px}main{padding:26px 28px 48px}.q-topline{padding:24px}.home-hero{gap:32px}.home-reading{padding:34px 27px}}
@media(max-width:900px){.workspace{margin-left:0}.topbar{margin:0;padding:10px 24px;height:auto;min-height:72px;background:var(--white);border-bottom:1px solid var(--line)}main{padding:26px 24px 50px}.mobile-brand{font-size:.95rem}.mobile-brand .brandmark{width:38px;height:40px;flex-shrink:0}.topbar button{width:44px;height:44px}.mobile-nav{left:12px;right:12px;bottom:8px;border:1px solid var(--design-frame);border-radius:22px;padding:7px 6px calc(7px + env(safe-area-inset-bottom));box-shadow:0 10px 40px #0003;background:var(--white);gap:2px}.mobile-nav a,.mobile-nav button{border-radius:15px;font-size:.72rem;min-height:60px;padding:7px 3px;gap:5px}.mobile-nav .active{background:var(--mint);color:var(--ink)}.mobile-nav svg{width:21px;height:21px}.mobile-nav a>span,.mobile-nav button>span{min-height:2.6em;line-height:1.3}.large .mobile-nav a,.large .mobile-nav button{font-size:.68rem}.sidebar-foot{padding-top:16px}.q-topline h1{font-size:2.5rem}.q-reader-title{font-size:1.9rem}.q-surah-arabic{font-size:1.5rem}.home-hero{gap:32px}.home-hero h1{font-size:clamp(2.8rem,6vw,4.2rem)}.home-reading{padding:32px 28px}.home-strip{padding:24px}.home-strip strong{font-size:1.3rem}.home-strip>div+div{padding-left:16px}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}footer{padding-bottom:calc(8rem + env(safe-area-inset-bottom))}}
@media(max-width:700px){body.home-page main{padding:0 22px 30px}.home-header{padding:22px 0;gap:18px}.home-header nav{gap:17px;flex-wrap:wrap}.home-hero{grid-template-columns:minmax(0,1fr);padding:46px 0;gap:30px}.home-hero h1{font-size:clamp(2.8rem,9vw,4rem);line-height:1.12}.home-lead{max-width:none}.home-reading{padding:34px 30px;max-width:none}.home-reading .home-arabic{font-size:2.4rem}.home-strip{padding:22px 20px;gap:14px}.home-strip strong{font-size:1.15rem}.home-strip span{font-size:.8rem}.home-strip>div+div{padding-left:12px}.home-section{padding-top:54px}.home-grid{grid-template-columns:minmax(0,1fr);gap:16px}.home-feature{padding:27px}.home-feature .home-number{margin-bottom:18px}.home-start{grid-template-columns:minmax(0,1fr);padding:28px;gap:22px;margin-top:50px}.home-start h2{font-size:2.25rem}.home-trust{gap:28px}.home-final{padding:32px 22px;margin-top:36px}.home-final h2{font-size:2rem}}
@media(max-width:600px){main{padding:22px 16px 44px}.topbar{padding:10px 16px;gap:10px}.topbar>div{gap:6px}.mobile-brand span:last-child{max-width:none}.page-guide{font-size:.75rem;gap:8px;margin-bottom:18px}.page-guide button{font-size:.75rem}.q-topline{padding:24px 20px;border-radius:21px;display:block}.q-topline h1{font-size:2.4rem}.q-topline p{font-size:.85rem}.q-reader-title{display:block;max-width:100%;margin-top:12px;text-align:right;font-size:1.8rem}.q-reader-links{gap:8px}.q-reader-links a,.q-reader-links button{flex:1 1 calc(50% - 8px);font-size:.8rem;padding:10px 12px;white-space:normal}.reader-options summary{padding:17px 18px}.q-controls{padding:19px;gap:16px}.q-ayah{padding:22px 20px;border-radius:21px}.q-ayah .verse-top{font-size:.76rem;gap:10px}.q-arabic{font-size:2.1rem;margin:20px 0;line-height:2.35}.q-translation p{font-size:1.02rem}.q-translation-label{font-size:.76rem}.q-save,.q-ayah .play{min-height:44px;font-size:.8rem;padding:8px 12px}.q-verse-actions{gap:6px}.q-directory-tools{padding:20px}.q-surah-card{padding:22px 18px}.path-toggle{border-radius:20px}.path-toggle button{font-size:.85rem;min-width:0}.resume-copy{padding:28px}.resume h2{font-size:2rem}.lesson-card{padding:23px;gap:15px}.reading,.practice-card{padding:24px 21px;border-radius:22px}.toolbar{padding:20px;gap:14px}.toolbar select{font-size:.9rem}.stat{padding:23px}.stat strong{font-size:2.5rem}.stat span{font-size:.85rem}.settings-section,.legal-page section{padding:24px 20px;border-radius:22px}.settings-section h2{font-size:1.55rem}.note{padding:18px 20px}.prophet-card summary{padding:20px}.prophet-card-body{padding:20px}.prophet-card summary span{font-size:1rem}.nav-chat{border-radius:22px}.nav-chat-top strong{font-size:1.2rem}.nav-message>p{font-size:1rem}.nav-disclosure{font-size:.8rem}.nav-prompts button,.nav-action{font-size:.875rem}.navigator-dialog{border-radius:22px}.tour-panel h2{font-size:1.25rem}.home-buttons a{font-size:.88rem}.home-hero .home-kicker{font-size:.65rem}}
@media(max-width:380px){.mobile-nav{left:6px;right:6px;bottom:5px;padding-inline:3px;border-radius:18px}.mobile-nav a,.mobile-nav button{font-size:.66rem;padding-inline:2px}.mobile-brand{font-size:.82rem}.topbar{padding-inline:12px}.q-topline h1{font-size:2.15rem}.q-topline{padding:21px 18px}.q-ayah{padding:20px 17px}.home-strip{grid-template-columns:minmax(0,1fr);gap:18px}.home-strip>div+div{border-left:0;border-top:1px solid var(--line);padding:16px 0 0}.home-reading{padding:30px 23px}.home-reading .home-arabic{font-size:2.1rem}.home-header nav{gap:14px}.home-header nav a{font-size:.82rem}.home-feature{padding:24px}}
@media(prefers-reduced-motion:reduce){.home-feature:hover,.lesson-card:hover,.q-surah-card:hover{transform:none}}
}