:root{--background:#f7f2e8;--surface:#fffaf0;--surface-strong:#fff;--ink:#16211d;--muted:#607069;--line:#ddd2bf;--green:#1f7a68;--green-dark:#17443b;--gold:#d9a441;--blue:#365b8c;--rose:#9d4f47;--shadow:0 18px 50px #17443b1f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{background:linear-gradient(180deg, #fffaf0f5, #f7f2e8fa), var(--background);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-frame{min-height:100vh}.site-header{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf0eb;grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:16px;padding:18px clamp(18px,4vw,56px);display:grid;position:sticky;top:0}.brand,.site-nav,.locale-switcher,.action-row,.meta-row,.reference-row,.section-heading{align-items:center;display:flex}.brand{color:var(--green-dark);gap:10px;min-width:0;font-weight:800}.brand-mark{aspect-ratio:1;background:var(--green-dark);color:var(--surface);letter-spacing:0;border-radius:8px;flex:0 0 38px;justify-content:center;align-items:center;font-size:.78rem;display:inline-flex}.site-nav{border:1px solid var(--line);background:#ffffff94;border-radius:8px;gap:4px;padding:5px}.site-nav a,.locale-link{color:var(--muted);white-space:nowrap;border-radius:6px;padding:9px 12px;font-size:.92rem;font-weight:700;transition:background .16s,color .16s}.site-nav a:hover,.locale-link:hover,.locale-link[aria-current=page]{background:var(--green-dark);color:var(--surface)}.locale-switcher{gap:4px}.page-shell{width:100%;max-width:1180px;margin:0 auto;padding:clamp(28px,5vw,72px) clamp(18px,4vw,56px) 80px}.page-shell.narrow{max-width:880px}.intro-panel{grid-template-columns:minmax(0,1.4fr) minmax(300px,.7fr);align-items:stretch;gap:28px;display:grid}.home-hero{grid-template-columns:minmax(0,1.06fr) minmax(320px,.94fr);align-items:stretch;gap:24px;min-height:520px;display:grid}.intro-copy,.page-header,.surah-detail-header,.article{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;padding:clamp(26px,4vw,52px)}.intro-copy{min-height:430px}.intro-copy.simple{min-height:360px}.home-copy{background:var(--green-dark);box-shadow:var(--shadow);color:var(--surface);border-radius:8px;padding:clamp(30px,5vw,64px);display:grid;position:relative;overflow:hidden}.home-copy:after{content:"";opacity:.13;background:linear-gradient(#fffaf005,#fffaf005),url(/geometric.svg) 50%/cover;width:420px;height:420px;position:absolute;inset:auto -110px -180px auto}.home-copy .eyebrow{color:var(--gold)}.home-copy h1{color:var(--surface);max-width:760px}.home-copy .lede{color:#fffaf0c7;max-width:560px}.home-copy .primary-action{background:var(--gold);color:var(--green-dark)}.home-copy .secondary-action{color:var(--surface);border-color:#fffaf080}.home-copy>*{z-index:1;position:relative}.path-strip{grid-template-columns:repeat(3,minmax(0,1fr));align-self:end;gap:10px;margin-top:48px;display:grid}.path-strip span{color:#fffaf0d6;border:1px solid #fffaf038;border-radius:8px;gap:7px;min-height:86px;padding:14px;display:grid}.path-strip b{color:var(--gold);font-size:.82rem}.home-visual{background:var(--surface-strong);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;min-height:520px;display:grid;position:relative;overflow:hidden}.home-visual-pattern{opacity:.18;background:url(/geometric.svg) 50%/cover;position:absolute;inset:0}.quran-preview{border:1px solid var(--line);text-align:center;z-index:1;background:#fffaf0f0;border-radius:8px;place-self:center;max-width:min(360px,100% - 36px);padding:28px;position:relative}.quran-preview h2{margin-bottom:8px}.quran-preview p{margin-bottom:14px}.arabic-display.compact{font-size:clamp(3.2rem,8vw,5rem)}.floating-stats{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));align-self:end;gap:10px;padding:18px;display:grid;position:relative}.floating-stat{border:1px solid var(--line);background:#fffaf0e0;border-radius:8px;padding:13px}.floating-stat strong{color:var(--green-dark);font-size:1.25rem;display:block}.floating-stat span{color:var(--muted);font-size:.8rem;display:block}.eyebrow,.audience-label,.snapshot-reference span{color:var(--rose);letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:800;display:block}h1,h2,h3,p{margin-top:0}h1{max-width:900px;margin-bottom:22px;font-size:clamp(2.25rem,6vw,4.8rem);line-height:.98}h2{margin-bottom:14px;font-size:clamp(1.45rem,3vw,2rem);line-height:1.1}h3{margin-bottom:8px;font-size:1.05rem;line-height:1.25}p{color:var(--muted);font-size:1rem;line-height:1.72}.lede{max-width:720px;font-size:clamp(1.05rem,2vw,1.25rem)}.action-row{flex-wrap:wrap;gap:12px;margin-top:32px}.primary-action,.secondary-action,.text-link{border-radius:8px;justify-content:center;align-items:center;min-height:44px;font-weight:800;display:inline-flex}.primary-action{background:var(--green-dark);color:var(--surface);padding:0 18px}.secondary-action{border:1px solid var(--green);color:var(--green-dark);padding:0 16px}.text-link{color:var(--blue);min-height:auto}.quran-snapshot{background:var(--green-dark);color:var(--surface);border-radius:8px;grid-template-rows:minmax(170px,1fr) auto auto;gap:24px;padding:18px;display:grid;overflow:hidden}.quran-snapshot.simple{grid-template-rows:minmax(220px,1fr) auto}.ornament{background:linear-gradient(#17443b14,#17443b14),url(/geometric.svg) 50%/cover;border-radius:8px;min-height:190px}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.stat{border:1px solid #fffaf047;border-radius:8px;min-width:0;padding:14px}.stat strong{color:var(--gold);font-size:1.45rem;display:block}.stat span{color:#fffaf0c7;font-size:.82rem;display:block}.snapshot-reference{background:#fffaf014;border-radius:8px;padding:16px}.snapshot-reference strong{margin-bottom:12px;display:block}.two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:28px;display:grid}.align-start{align-items:start}.feature-panel,.journey-step,.topic-card,.topic-row,.surah-card{background:var(--surface-strong);border:1px solid var(--line);border-radius:8px}.feature-panel{padding:clamp(22px,3vw,34px)}.content-section,.explorer{margin-top:42px}.section-heading{justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading h2{margin-bottom:0}.journey-grid,.topic-grid,.start-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.start-card{background:var(--surface-strong);border:1px solid var(--line);border-radius:8px;min-height:150px;padding:22px;transition:border-color .16s,transform .16s,box-shadow .16s}.start-card.elevated{border-top:6px solid var(--green);min-height:190px}.start-card.elevated:nth-child(2){border-top-color:var(--gold)}.start-card.elevated:nth-child(3){border-top-color:var(--rose)}.start-card:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:0 16px 34px #1f7a681f}.start-card span{color:var(--green-dark);letter-spacing:0;margin-bottom:16px;font-size:.82rem;font-weight:900;display:block}.start-card h3{font-size:clamp(1.35rem,2vw,1.7rem)}.start-card p{margin-bottom:0}.journey-step{min-height:150px;padding:22px}.journey-step span{background:var(--gold);color:var(--green-dark);border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:16px;font-weight:900;display:inline-flex}.journey-step p{margin-bottom:0}.topic-card{min-height:210px;padding:22px;transition:border-color .16s,transform .16s,box-shadow .16s}.topic-card:hover,.surah-card:hover,.related-item:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:0 16px 34px #1f7a681f}.topic-card span{color:var(--rose);text-transform:uppercase;margin-bottom:14px;font-size:.78rem;font-weight:800;display:block}.page-header{margin-bottom:32px}.page-header p:last-child{max-width:760px;margin-bottom:0}.search-label{color:var(--green-dark);margin-bottom:10px;font-weight:900;display:block}.search-input{background:var(--surface-strong);border:1px solid var(--line);color:var(--ink);border-radius:8px;outline:none;width:100%;min-height:54px;padding:0 16px;transition:border-color .16s,box-shadow .16s}.search-input:focus{border-color:var(--green);box-shadow:0 0 0 4px #1f7a681f}.surah-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:22px;display:grid}.surah-card{grid-template-columns:auto 1fr;gap:8px;min-height:166px;padding:18px;transition:border-color .16s,transform .16s,box-shadow .16s;display:grid}.surah-card strong,.surah-card span:not(.surah-number):not(.card-meta){grid-column:1/-1}.surah-number{color:var(--green-dark);background:#1f7a681f;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 8px;font-weight:900;display:inline-flex}.surah-number.large{min-width:48px;height:48px;margin-bottom:18px}.arabic-name{color:var(--green-dark);direction:rtl;justify-self:end;font-family:Times New Roman,serif;font-size:1.45rem}.card-meta{color:var(--muted);grid-column:1/-1;font-size:.88rem}.empty-state{background:var(--surface);border:1px dashed var(--line);border-radius:8px;margin-top:22px;padding:20px}.surah-detail-header{text-align:center}.surah-detail-header h1{margin-left:auto;margin-right:auto}.arabic-display{color:var(--green-dark);direction:rtl;margin-bottom:14px;font-family:Times New Roman,serif;font-size:clamp(3rem,8vw,6.5rem);line-height:1}.breadcrumb{color:var(--blue);margin-bottom:24px;font-weight:900;display:inline-flex}.meta-row{flex-wrap:wrap;justify-content:center;gap:10px}.meta-row span{color:var(--green-dark);background:#1f7a681a;border-radius:999px;padding:8px 12px;font-weight:800}.passage-list,.related-list,.article-sections,.topic-list{gap:16px;display:grid}.passage-item{border-top:1px solid var(--line);padding-top:18px}.passage-item:first-child{border-top:0;padding-top:0}.related-item{border:1px solid var(--line);border-radius:8px;gap:6px;padding:16px;transition:border-color .16s,transform .16s,box-shadow .16s;display:grid}.related-item span{color:var(--muted);line-height:1.55}.topic-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:clamp(20px,3vw,28px);display:grid}.topic-row h2{margin-bottom:8px}.reference-row{flex-wrap:wrap;gap:8px;margin-top:18px}.reference-row.prominent{margin-bottom:34px}.reference-pill{color:var(--blue);background:#365b8c1a;border:1px solid #365b8c2e;border-radius:999px;padding:7px 11px;font-size:.86rem;font-weight:850;display:inline-flex}.article h1{font-size:clamp(2.2rem,5vw,4rem)}.article-sections section{border-top:1px solid var(--line);padding-top:28px}.article-sections section:first-child{border-top:0}[dir=rtl] .brand,[dir=rtl] .site-nav,[dir=rtl] .locale-switcher,[dir=rtl] .action-row,[dir=rtl] .meta-row,[dir=rtl] .reference-row,[dir=rtl] .section-heading{flex-direction:row-reverse}[dir=rtl] .arabic-name{justify-self:start}@media (max-width:920px){.site-header,.intro-panel,.home-hero,.two-column,.journey-grid,.topic-grid,.start-grid{grid-template-columns:1fr}.site-header{align-items:start;position:static}.site-nav,.locale-switcher{flex-wrap:wrap}.intro-copy,.home-copy,.home-visual{min-height:auto}}@media (max-width:620px){.page-shell{padding-left:14px;padding-right:14px}.intro-copy,.page-header,.surah-detail-header,.article,.feature-panel{padding:22px}h1{font-size:2.3rem;line-height:1.04}.stat-grid,.floating-stats,.path-strip,.topic-row{grid-template-columns:1fr}.topic-row{align-items:start}.site-nav a,.locale-link{padding:8px 10px}}