.learn-page{--sage:#a6c8b6}.learn-page header{height:auto;min-height:100px;padding:20px 0;flex-wrap:wrap}.learn-page nav{flex-wrap:wrap;justify-content:center}.learn-page nav a{padding:9px 13px}.reading-progress{position:fixed;left:0;top:0;height:2px;background:var(--gold);width:0;z-index:30;pointer-events:none}.learn-wrap{max-width:1250px;margin:auto;padding:0 6%}.breadcrumb{display:flex;gap:10px;color:#a6b6ac;font-size:11px;padding-top:30px}.breadcrumb a{color:var(--gold)}.learn-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:25px;padding:54px 0 60px;min-height:450px}.learn-hero h1{font-size:clamp(45px,5.2vw,76px);letter-spacing:-3px}.learn-hero .eyebrow{margin-bottom:20px}.learn-hero p:not(.eyebrow){color:var(--muted);max-width:470px;font-size:15px}.hero-art{width:100%;max-height:360px;filter:drop-shadow(0 0 28px #8aa87815)}.hero-art .spin-art{transform-origin:250px 180px;animation:spin 100s linear infinite}.hero-art .breathe-art{animation:learn-glow 7s ease-in-out infinite alternate}@keyframes learn-glow{to{opacity:.5}}.learn-meta{font-size:10px;letter-spacing:1.6px;color:var(--sage);margin-top:26px}.jump-nav{display:flex;flex-wrap:wrap;gap:9px;padding:20px 0 30px;border-top:1px solid var(--line)}.jump-nav a{font-size:11px;padding:8px 13px;border:1px solid #93b1a333;border-radius:20px;color:#c5d3c9}.jump-nav a:hover{border-color:var(--gold);color:var(--gold)}.learn-section{padding:58px 0;border-top:1px solid var(--line);scroll-margin-top:25px}.learn-section h2{font-size:38px;max-width:720px;margin-bottom:24px}.learn-section h3{font:400 22px Manrope,sans-serif;letter-spacing:-.6px;margin:0 0 13px}.learn-section p{color:#a9b9b2;font-size:14px;line-height:1.95;max-width:770px}.learn-section strong{font-weight:500;color:#e6ece5}.learn-split{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start}.learning-card{padding:26px;border:1px solid #a0b49b30;background:linear-gradient(140deg,#182d235e,#0d1518);border-radius:12px}.learning-card p:last-child{margin-bottom:0}.learn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.learn-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-grid p{font-size:13px}.card-num{display:block;font:300 34px Manrope,sans-serif;color:#d9bd8677;margin-bottom:20px}.reflection{padding:34px 38px;border-left:2px solid var(--gold);background:radial-gradient(ellipse at 0 0,#c6b78318,transparent),#101a18;margin-top:30px}.reflection .eyebrow{margin-bottom:10px}.reflection p{font:400 23px/1.5 Manrope,sans-serif;color:#e2e8dd;max-width:800px;margin:0}.source-row{font-size:11px;color:#94aa9d;line-height:1.8;margin:25px 0 0}.source-row a{color:var(--gold);border-bottom:1px solid #d9bd8644}.practice{color:var(--sage)!important;font-size:12px!important;margin-top:20px}.path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.path-card{position:relative;display:block;border:1px solid #a3b8a12d;border-radius:12px;overflow:hidden;padding:25px;background:linear-gradient(140deg,#17302777,#0c1518);transition:background .3s,border-color .3s}.path-card:hover{background:#192a23;border-color:#d9bd8688}.path-card .hero-art{height:170px;margin-bottom:20px}.path-card h3{font:400 25px Manrope,sans-serif;letter-spacing:-.5px;margin:9px 0}.path-card p{font-size:13px;color:var(--muted);max-width:340px;margin-bottom:0}.path-card>small{color:var(--gold);font-size:9px;letter-spacing:1.8px}.path-card .arrow-right{position:absolute;right:25px;bottom:27px;width:22px;height:22px;color:var(--gold)}.path-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:35px}.path-card:last-child .hero-art{grid-column:2;grid-row:1/5;height:210px}.path-card:last-child>small,.path-card:last-child h3,.path-card:last-child p{grid-column:1}.lesson-next{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:30px 0 60px;padding:30px;border:1px solid #d9bd8650;border-radius:12px;background:#18231c}.lesson-next p{margin:0;color:var(--muted);font-size:12px}.lesson-next h3{font-weight:400;font-size:24px;margin:6px 0}.learn-page details{border-bottom:1px solid var(--line);padding:19px 0}.learn-page summary{font-size:15px;cursor:pointer;color:#dce7dd}.learn-page details p{font-size:13px;margin-top:15px}.reading-note{font-size:11px!important;color:#8caa99!important}.prayer-clock{display:grid;grid-template-columns:repeat(5,1fr);position:relative;gap:10px;padding:25px 0}.prayer-clock:before{content:'';position:absolute;height:1px;background:#a7b59144;top:46px;left:5%;right:5%}.prayer-stop{position:relative;text-align:center;border:1px solid #9bb39022;border-radius:8px;background:#101d18;padding:18px 10px}.prayer-sun{display:block;margin:0 auto 18px;width:18px;height:18px;border:1px solid #e0c68e;border-radius:50%;background:linear-gradient(0deg,#13291e 50%,#d9bd86 50%);box-shadow:0 0 18px #d9bd8622}.prayer-stop:nth-child(2) .prayer-sun{background:#d9bd86}.prayer-stop:nth-child(3) .prayer-sun{background:#a89768}.prayer-stop:nth-child(4) .prayer-sun{background:linear-gradient(0deg,#d9bd86 50%,#13291e 50%)}.prayer-stop:nth-child(5) .prayer-sun{background:#17291d;box-shadow:inset 5px -2px 0 #d9bd86}.prayer-stop strong,.prayer-stop small{display:block}.prayer-stop small{font-size:10px;color:#9caf9e;margin-top:8px}.prayer-stop strong{font-size:15px;font-weight:400}.faith-map{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.faith-map a{border:1px solid #c5ba833d;border-radius:50px;padding:18px;display:flex;align-items:center;gap:17px;background:#14221c;font-size:13px}.faith-map a span{color:var(--gold);font:300 24px Manrope,sans-serif}.faith-map a:hover{border-color:var(--gold)}.belief-flow{display:flex;flex-wrap:wrap;gap:13px;margin:30px 0}.belief-flow>div{flex:1;min-width:170px;text-align:center;border:1px solid #b4bc8b38;border-radius:12px;padding:25px 16px;background:radial-gradient(ellipse at 50% 0,#8aa77422,transparent)}.belief-flow b{display:block;font:300 36px Manrope,sans-serif;color:var(--gold);margin-bottom:16px}.belief-flow span{font-size:12px;color:#b2c4b7}.shahadah{padding:35px;background:radial-gradient(ellipse at 50% 0,#a9bd7830,transparent),#121f1b;border:1px solid #d9bd8644;border-radius:15px;margin:30px 0}.shahadah .arabic{font-family:Georgia,serif;font-size:30px;text-align:center;color:#e5d2a5;max-width:none;line-height:1.9}.shahadah .transliteration{color:#d5dfd1;font-size:15px;font-style:italic;text-align:center;max-width:none}.shahadah p{margin-bottom:15px}.checklist{list-style:none;padding:0;margin:0}.checklist li{border-bottom:1px solid #9db69725;padding:17px 0}.checklist label{display:flex;align-items:start;gap:13px;cursor:pointer;font-size:14px;color:#d5dfd6}.checklist input{accent-color:var(--gold);width:18px;height:18px;flex-shrink:0;margin-top:4px}.checklist small{display:block;color:#91aa9c;font-size:12px;margin-top:4px}.check-status{font-size:11px;color:var(--gold);margin-top:15px}.steps{counter-reset:step;list-style:none;padding:0}.steps li{counter-increment:step;position:relative;padding:0 0 27px 50px;border-left:1px solid #d9bd8655;margin-left:14px}.steps li:before{content:counter(step);position:absolute;left:-15px;top:0;width:29px;height:29px;text-align:center;line-height:29px;background:#15261d;color:var(--gold);border:1px solid #d9bd8666;border-radius:50%;font-size:12px}.steps li:last-child{border-color:transparent;padding-bottom:0}.steps h3{font-size:19px;margin-bottom:7px}.steps p{font-size:13px;margin-bottom:0}.glossary{display:grid;grid-template-columns:repeat(2,1fr);gap:0 30px}.glossary div{padding:17px 0;border-bottom:1px solid var(--line)}.glossary dt{color:var(--gold);font-size:15px}.glossary dd{margin:6px 0 0;color:#a6b8ab;font-size:13px}.learn-home-entry{margin-top:24px;padding:24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;border:1px solid #d9bd8650;border-radius:10px;background:linear-gradient(120deg,#20382b66,#111b19)}.learn-home-entry h3{font-size:22px;font-weight:400;margin:0 0 5px}.learn-home-entry p{color:var(--muted);font-size:12px;margin:0}.full-guide-link{display:inline-flex;align-items:center;gap:15px;margin:20px 0 5px;color:var(--gold);font-size:12px;border-bottom:1px solid #d9bd8650;padding-bottom:8px}.full-guide-link svg{width:16px;height:16px}.guide-feature{border:1px solid #a1b99533;border-radius:10px;padding:22px;margin:20px 0;background:#12211b}.guide-feature p{margin:0}.learn-page footer{margin-top:0}.learn-page .primary{white-space:nowrap}.learn-page .skip{z-index:40}
@media(max-width:900px){.learn-page header{justify-content:center}.learn-page header .brand{margin-right:auto}.learn-page nav{width:100%}.learn-hero{gap:0}.learn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-hero h1{font-size:50px}.learn-split{gap:25px}}
@media(max-width:600px){.learn-page header{padding:17px 0}.learn-page nav a{font-size:10px;padding:8px;flex:initial}.learn-page nav a:last-child{display:block}.learn-wrap{padding:0 7%}.learn-hero{grid-template-columns:1fr;padding:35px 0 15px;gap:5px;min-height:0}.learn-hero h1{font-size:47px;letter-spacing:-2px}.learn-hero p:not(.eyebrow){font-size:14px}.learn-hero .hero-art{height:230px}.learn-meta{margin-top:20px}.learn-section{padding:38px 0}.learn-section h2{font-size:31px;letter-spacing:-1.4px}.learn-section h3{font-size:22px}.learn-grid,.learn-grid.two,.learn-split,.path-grid{grid-template-columns:1fr}.reflection{padding:24px}.reflection p{font-size:20px}.path-card:last-child{display:block}.path-card:last-child .hero-art{height:170px}.lesson-next{align-items:start;flex-direction:column;padding:24px}.faith-map{grid-template-columns:1fr 1fr;gap:8px}.faith-map a{padding:12px;font-size:11px;gap:10px}.faith-map a span{font-size:20px}.prayer-clock{grid-template-columns:repeat(2,1fr)}.prayer-clock:before{display:none}.prayer-stop:last-child{grid-column:1/-1}.shahadah{padding:23px}.shahadah .arabic{font-size:25px}.glossary{grid-template-columns:1fr}.learn-section p{font-size:13px}.reading-note{font-size:11px!important}.learning-card{padding:24px}.breadcrumb{font-size:10px}.learn-home-entry{padding:20px}}
@media(prefers-reduced-motion:reduce){.learn-page *{animation:none!important;scroll-behavior:auto!important}}
.learn-page .jump-nav{justify-content:flex-start;background:none;box-shadow:none;border-radius:0;border-right:0;border-left:0;border-bottom:0;padding:20px 0 30px}
.learn-page header nav a[aria-current=page]{color:var(--gold);background:#d9bd8615;box-shadow:inset 0 0 0 1px #d9bd8635}