/* Badr School: book, full moon and warm paper. */
:root{--ink:#173e50;--gold:#9b7b40;--brand-gold:#b69b65;--paper:#faf8f2;--blue:#dfeaf0;--line:#e2e3da}
.header{background:#faf8f2f5;backdrop-filter:blur(16px);border-bottom:1px solid #b69b6538}
.brand{gap:10px}.brand-icon.brand-emblem{width:68px;height:68px;flex:0 0 68px;display:grid;place-items:center}.brand-emblem img{display:block;width:100%;height:100%;object-fit:contain}.brand strong{font-size:31px}.brand small{color:#697e84;letter-spacing:0;font-size:10px}.nav a.active:after{background:var(--brand-gold)}
.hero{isolation:isolate;background:var(--paper);border-bottom:1px solid #b69b653d}.hero-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 75%;z-index:-2;pointer-events:none}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,#faf8f2f5 0%,#faf8f2e8 33%,#faf8f25e 67%,#faf8f212 100%);z-index:-1;pointer-events:none}.hero-grid{min-height:680px;padding-top:50px;padding-bottom:58px}.hero-copy{max-width:620px}.eyebrow{color:#866d3b}.eyebrow>span{background:var(--brand-gold)}.hero h1 em{color:#a5874e}.hero-copy>p{color:#61777f}.hero-note{color:#627b85}.hero-note i{color:var(--brand-gold)}
.hero-art{min-height:490px}.art-orbit{border-color:#b69b656b;opacity:.7}.orbit-two{border-color:#173e5029}.spark{opacity:.5}.feature-paper{background:#fffefbf5;border-color:#c6b288;box-shadow:0 24px 65px #173e5014,0 3px 12px #b69b650a}.feature-paper:before{content:"";position:absolute;inset:8px;border:1px solid #b69b652b;border-radius:inherit;pointer-events:none}.feature-paper .paper-top{color:#8e7341}.floating-note{background:#edf3f5f5;border-color:#bdcfd4;box-shadow:0 10px 25px #173e5010}.hero-social .social-chip{box-shadow:0 3px 12px #173e5008}.hero-social>p{color:var(--ink)}
.button.primary{box-shadow:0 7px 18px #173e5017;border-color:#173e50;border-radius:9px}.button.primary:hover{background:#24566a;box-shadow:0 10px 24px #173e5024}.button:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b69b65;outline-offset:4px}
.category-section{background:#fdfbf6;border-top:0;position:relative}.kicker{color:#917743}.category{background:#fffefb;border-color:#e2dfd3;border-radius:12px;box-shadow:0 3px 12px #173e5003}.category:hover{border-color:#b69b65;box-shadow:0 9px 24px #173e500c}.category-number{color:#b2a17e}.category-foot{border-color:#e8e2d5}.c-reading .category-icon{background:#e5eff2;color:#356b7c}.c-meaning .category-icon{background:#f4ecdc;color:#9a783d}.c-vocabulary .category-icon{background:#e8eee6;color:#668168}.c-script .category-icon{background:#e7edf2;color:#5d758d}.c-symbols .category-icon{background:#f2e8d6;color:#97743d}
.library-section{background:linear-gradient(180deg,#f6f5ee,#faf8f2 460px)}.search-box,.surah-label select{background:#fffefb;border-color:#d9dfdc;border-radius:9px}.filter-tabs button.selected{background:#173e50;color:#fff;border-color:#173e50;border-radius:7px}.filter-tabs button.selected span{color:#f1dfb8;background:#ffffff15}.lesson-card{border-color:#e2e2d8;border-radius:13px;background:#fffefb;box-shadow:0 4px 16px #173e5004}.lesson-card:hover{box-shadow:0 10px 26px #173e5010}.lesson-card .lesson-visual{background-image:radial-gradient(circle at 20% 5%,#ffffff60,transparent 65%)}.lesson-content>p{color:#687c83}.lesson-footer{border-color:#e7e4d9}.library-bottom{color:#6f8183}
.social-section{background:#eaf0f1;border-color:#d7e0df}.social-section .kicker{color:#8d7342}.social-card{box-shadow:0 3px 12px #173e5005;border-radius:13px}.about-section{background:#f2eee3;border-top:1px solid #ded9c9}.about-quote{border-color:#c8b98f}.about-emblem{display:block;width:140px;height:140px;object-fit:contain;margin:0 auto 14px}.about-quote>span{color:#88744f}.about-quote h2{font-size:53px;margin-top:6px}.about-quote h2 em{color:#a5874e}.about-copy>p{color:#687d81}.creator-monogram{background:#e5ebdf;border-color:#c7d0bf;color:#5c7b6a}.quote-line{background:var(--brand-gold)}
footer{background:#faf8f2;border-top:3px solid #b69b65}.footer-brand .brand-icon{width:70px;height:70px;flex-basis:70px}.footer-brand strong{font-size:31px}.footer-brand small{font-size:11px;color:#6f7e7f}.footer-bottom{border-color:#e2dece;color:#6b7d82}.footer-bottom a{color:#876f43}dialog{background:#faf8f2;border-color:#cbb891}.verse-panel{border-color:#c7b283}.dialog-title{color:#173e50}
@media(max-width:1050px){.brand-icon.brand-emblem{width:56px;height:56px;flex-basis:56px}.brand strong{font-size:27px}.header-inner{gap:15px}.nav{gap:18px}.hero-grid{min-height:640px}.hero-art{min-height:450px}}
@media(max-width:850px){.brand-icon.brand-emblem{width:50px;height:50px;flex-basis:50px}.brand{gap:7px}.brand strong{font-size:25px}.brand small{font-size:9px}.nav{gap:12px;font-size:13px}.hero-grid{min-height:auto}.about-emblem{width:110px;height:110px}.about-quote h2{font-size:46px}}
@media(max-width:740px) and (min-width:621px){.brand-icon.brand-emblem{width:42px;height:42px;flex-basis:42px}.brand strong{font-size:23px}.nav{gap:9px;font-size:12px}.header-inner{gap:8px}}
@media(max-width:620px){.header{height:82px}.nav{top:82px;background:#faf8f2}.brand-icon.brand-emblem{width:52px;height:52px;flex-basis:52px}.brand strong{font-size:27px}.brand small{font-size:9px}.hero-grid{padding-top:34px;padding-bottom:42px}.hero-copy{max-width:none}.hero:after{background:linear-gradient(180deg,#faf8f2f2 0%,#faf8f2ed 43%,#faf8f29c 67%,#faf8f212 100%)}.hero-backdrop{object-position:25% bottom}.hero-art{min-height:400px;margin-top:30px}.hero-note{color:#627780}.hero-copy>p{color:#627780}.hero-social>p{font-size:18px}.feature-paper{background:#fffefbf7;box-shadow:0 18px 45px #173e5014}.spark{opacity:.3}.footer-brand strong{font-size:30px}.footer-brand .brand-icon{width:64px;height:64px;flex-basis:64px}.about-section{padding-top:40px}.about-quote{display:block;border:0;padding:0;margin-bottom:8px}.about-quote h2,.about-quote>span,.about-quote .quote-line{display:none}.about-emblem{width:110px;height:110px;margin-bottom:0}.about-grid{gap:18px}}
@media(max-width:360px){.header .container{padding-inline:15px}.brand-icon.brand-emblem{width:44px;height:44px;flex-basis:44px}.brand strong{font-size:24px}.brand small{font-size:8px}.brand{gap:5px}.header-inner{gap:5px}.header-actions{gap:3px}.hero-grid{padding-top:28px}.hero-art{margin-top:25px}}

/* Owner’s calligraphic logo, revised to read مدرسة بدر. */
.brand.calligraphy-brand{display:flex;flex-direction:column;align-items:center;gap:0;flex-shrink:0}.calligraphy-brand .calligraphy-logo{display:block;width:112px;height:auto;object-fit:contain}.calligraphy-brand small{font-family:Arabic,sans-serif;font-size:9px;line-height:1.5;margin:0;white-space:nowrap}.footer-brand.calligraphy-brand .calligraphy-logo{width:180px}.footer-brand.calligraphy-brand small{font-size:12px;margin-top:8px}.about-emblem{width:210px;height:auto;margin-bottom:20px}@media(max-width:620px){.calligraphy-brand .calligraphy-logo{width:93px}.header .calligraphy-brand small{font-size:8px}.about-emblem{width:180px;height:auto}.footer-brand.calligraphy-brand{align-self:center}}

/* Optical sizing for the free-standing calligraphic wordmark. */
.header .calligraphy-brand .calligraphy-logo{width:145px;margin-top:-8px;margin-bottom:-11px}.lockup img{max-width:100%}@media(max-width:620px){.header .calligraphy-brand .calligraphy-logo{width:124px;margin-top:-7px;margin-bottom:-10px}}