@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@400;500;600;700&family=Amiri+Quran&display=swap');
:root{--nt-bg:#f5f7f5;--nt-surface:#fff;--nt-text:#15251f;--nt-muted:#68766f;--nt-green:#0d5c4f;--nt-green2:#073d36;--nt-gold:#b88a35;--nt-line:#e4e9e6;--nt-radius:22px;--nt-shadow:0 16px 45px rgba(16,44,36,.08)}
html[data-theme="dark"],body.dark{--nt-bg:#081512;--nt-surface:#10231e;--nt-text:#f0f5f2;--nt-muted:#aebbb4;--nt-line:#21372f;--nt-shadow:0 16px 45px rgba(0,0,0,.28)}
body{background:var(--nt-bg)!important;color:var(--nt-text)!important;font-family:Alexandria,Tahoma,sans-serif!important;line-height:1.75}.nt-shell{width:min(1180px,calc(100% - 40px));margin:auto}.nt-header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--nt-bg) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--nt-line)}.nt-header-inner{height:78px;display:flex;align-items:center;gap:28px}.nt-brand{display:flex!important;align-items:center;gap:10px;text-decoration:none!important;color:var(--nt-text)!important;white-space:nowrap}.nt-brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--nt-green),#167463);color:#fff;font-size:24px}.nt-brand strong{display:block;font-size:15px}.nt-brand small{display:block;color:var(--nt-muted);font-size:10px}.nt-nav{display:flex;gap:22px;flex:1;justify-content:center}.nt-nav a,.nt-footer a{color:var(--nt-muted)!important;text-decoration:none!important;font-size:13px}.nt-nav a:hover{color:var(--nt-green)!important}.nt-actions{display:flex;gap:9px;align-items:center}.nt-icon-btn,.nt-menu{border:1px solid var(--nt-line);background:var(--nt-surface);color:var(--nt-text);width:40px;height:40px;border-radius:12px;cursor:pointer}.nt-menu{display:none}.nt-read-btn{background:var(--nt-green);color:#fff!important;padding:10px 16px;border-radius:12px;text-decoration:none;font-size:12px}.nt-footer{background:#082e28;color:#dce8e3;margin-top:70px;padding:55px 0 20px}.nt-footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:35px}.nt-footer p{color:#9cb2aa;font-size:13px;max-width:330px}.nt-footer h4{font-size:13px;margin:0 0 13px}.nt-footer a{display:block;color:#b5c8c0!important;margin:8px 0;font-size:12px}.nt-footer-brand{color:#fff!important}.nt-copyright{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:11px;color:#94aaa2}
/* Global page facelift */ main{min-height:55vh}.page,.content,.container{border-radius:var(--nt-radius)}.v8-hero{border-radius:0 0 42px 42px!important}.v8-surah,.surah{border:1px solid var(--nt-line)!important;background:var(--nt-surface)!important;border-radius:18px!important;box-shadow:none!important;transition:.25s}.v8-surah:hover,.surah:hover{transform:translateY(-4px);box-shadow:var(--nt-shadow)!important;border-color:color-mix(in srgb,var(--nt-green) 30%,var(--nt-line))!important}.v8-grid-surahs{gap:12px!important}.v8-num{background:color-mix(in srgb,var(--nt-green) 8%,transparent)!important;color:var(--nt-green)!important;border-radius:12px!important}.v8-search{background:var(--nt-surface)!important;border:1px solid var(--nt-line)!important}.v8-search input{color:var(--nt-text)!important}.mushaf-paper,.tafseer-card,.card,.reciter-card,.result,.ayah{background:var(--nt-surface)!important;border:1px solid var(--nt-line)!important;border-radius:var(--nt-radius)!important;box-shadow:var(--nt-shadow)!important;color:var(--nt-text)!important}.quran-text,.ayah-text{font-family:'Amiri Quran',serif!important;font-size:clamp(23px,2.6vw,34px)!important;line-height:2.25!important}.tafseer-text,.tafsir-text{font-size:16px!important;line-height:2.15!important;color:var(--nt-text)!important}.mobile-nav{display:none!important}
@media(max-width:900px){.nt-nav{display:none}.nt-menu{display:block}.nt-read-btn{display:none}.nt-header-inner{height:68px}.nt-footer-grid{grid-template-columns:1fr 1fr}.nt-mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:99;background:var(--nt-surface);border-top:1px solid var(--nt-line);display:flex;justify-content:space-around;padding:8px 5px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px rgba(0,0,0,.06)}.nt-mobile-nav a{text-decoration:none;color:var(--nt-muted);font-size:17px;text-align:center}.nt-mobile-nav span{display:block;font-size:9px;margin-top:2px}body{padding-bottom:75px}.nt-footer{margin-bottom:0}.nt-shell{width:min(100% - 24px,1180px)}.v8-hero{border-radius:0 0 28px 28px!important}.v8-grid-surahs{grid-template-columns:1fr!important}.v8-surah{min-height:78px!important}}
@media(max-width:560px){.nt-footer-grid{grid-template-columns:1fr;gap:18px}.nt-footer{padding-top:35px}.v8-surah h3{font-size:15px!important}.v8-surah em{display:none}}

/* V22 — rebuilt global header / footer */
:root{--shell-bg:#f5f7f5;--shell-surface:#fff;--shell-text:#142c26;--shell-muted:#6f7f78;--shell-green:#0b5a4d;--shell-gold:#c9a45d;--shell-line:#e1e8e4}
body{overflow-x:hidden}
.nt-header{position:sticky!important;top:0!important;width:100%;z-index:1000!important;background:rgba(255,255,255,.88)!important;border-bottom:1px solid var(--shell-line)!important;box-shadow:0 8px 30px rgba(12,46,38,.05);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.nt-header-inner{width:min(1240px,calc(100% - 40px));height:76px;min-height:76px;margin:auto;display:flex;align-items:center;gap:24px}
.nt-brand{display:flex!important;align-items:center;gap:10px;text-decoration:none!important;color:var(--shell-text)!important;white-space:nowrap;flex:none}
.nt-brand-mark{display:grid!important;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#0b6253,#063d35)!important;color:#e9c979!important;font-size:25px;box-shadow:0 8px 22px rgba(7,83,70,.18)}
.nt-brand strong{display:block;font-size:15px;font-weight:800;line-height:1.2}.nt-brand small{display:block;color:var(--shell-muted)!important;font-size:10px;margin-top:4px;line-height:1.2}
.nt-nav{display:flex!important;align-items:center;justify-content:center;gap:4px;flex:1;margin:0!important}
.nt-nav a{position:relative;padding:10px 11px;border-radius:12px;color:#405950!important;text-decoration:none!important;font-size:12px;font-weight:700;transition:.2s}
.nt-nav a:hover,.nt-nav a.is-active{background:#edf5f1;color:var(--shell-green)!important}.nt-nav a.is-active:after{content:"";position:absolute;bottom:3px;left:50%;width:5px;height:5px;border-radius:50%;background:var(--shell-gold);transform:translateX(-50%)}
.nt-actions{display:flex;align-items:center;gap:8px;flex:none}.nt-icon-btn,.nt-menu{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--shell-line);border-radius:13px;background:var(--shell-surface);color:var(--shell-green);cursor:pointer;box-shadow:none}
.nt-icon-btn span{font-size:20px;line-height:1}.nt-menu{display:none;gap:4px}.nt-menu span{width:18px;height:2px;border-radius:2px;background:currentColor;transition:.2s}.nt-menu.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nt-menu.is-open span:nth-child(2){opacity:0}.nt-menu.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.nt-read-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:13px;background:var(--shell-green);color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:800;box-shadow:0 9px 22px rgba(7,83,70,.18)}
.nt-menu-backdrop{position:fixed;inset:0;z-index:1100;background:rgba(4,20,16,.48);backdrop-filter:blur(3px)}
.nt-drawer{position:fixed;top:0;right:0;bottom:0;width:min(360px,88vw);z-index:1200;padding:20px;background:var(--shell-surface);color:var(--shell-text);box-shadow:-25px 0 70px rgba(0,0,0,.18);transform:translateX(105%);transition:transform .28s ease;visibility:hidden;display:flex;flex-direction:column}
.nt-drawer.is-open{transform:translateX(0);visibility:visible}.nt-drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--shell-line)}.nt-drawer-close{width:40px;height:40px;border:1px solid var(--shell-line);border-radius:12px;background:transparent;color:var(--shell-text);font-size:28px;line-height:1;cursor:pointer}
.nt-drawer-nav{display:grid;gap:6px;padding:20px 0}.nt-drawer-nav a{display:flex;align-items:center;justify-content:space-between;padding:14px 15px;border-radius:14px;color:var(--shell-text)!important;text-decoration:none!important;font-size:14px;font-weight:700}.nt-drawer-nav a:hover,.nt-drawer-nav a.is-active{background:#edf5f1;color:var(--shell-green)!important}.nt-drawer-nav b{font-size:16px;opacity:.5}.nt-drawer-cta{margin-top:auto;padding:15px;border-radius:15px;background:var(--shell-green);color:#fff!important;text-align:center;text-decoration:none;font-weight:800}.nt-drawer-cta span{margin-right:8px}
.nt-mobile-nav{display:none}
.nt-footer{width:100%;margin-top:auto;background:linear-gradient(145deg,#062f29,#083f36)!important;color:#dcebe6;padding:58px 0 20px;border-top:1px solid rgba(255,255,255,.05)}
.nt-footer-grid{width:min(1240px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:48px}.nt-footer-about p{max-width:380px;color:#9eb7af;font-size:12px;line-height:2;margin:18px 0}.nt-footer-brand{color:#fff!important}.nt-footer-brand small{color:#9eb7af!important}.nt-footer-col h4{margin:4px 0 15px;color:#f0f7f4;font-size:13px}.nt-footer-col a{display:block!important;color:#adc3bc!important;text-decoration:none!important;font-size:12px;margin:9px 0;transition:.2s}.nt-footer-col a:hover{color:#e6c579!important;transform:translateX(-2px)}.nt-footer-badges{display:flex;flex-wrap:wrap;gap:7px}.nt-footer-badges span{padding:6px 9px;border:1px solid rgba(255,255,255,.11);border-radius:999px;color:#b8cbc5;font-size:9px;background:rgba(255,255,255,.035)}
.nt-copyright{width:min(1240px,calc(100% - 40px));margin:42px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:20px;color:#8fa9a1;font-size:10px}
body.dark .nt-header{background:rgba(8,21,18,.92)!important;border-color:#21372f!important}body.dark .nt-nav a{color:#b5c6c0!important}body.dark .nt-nav a:hover,body.dark .nt-nav a.is-active,body.dark .nt-drawer-nav a:hover,body.dark .nt-drawer-nav a.is-active{background:#18342d;color:#e2f1eb!important}body.dark .nt-icon-btn,body.dark .nt-menu,body.dark .nt-drawer-close{background:#10231e;border-color:#294139;color:#e5f1ed}body.dark .nt-drawer{background:#0d1e1a;color:#eef6f2}body.dark .nt-drawer-head{border-color:#294139}body.dark .nt-brand,body.dark .nt-drawer-nav a{color:#edf5f2!important}
body.nt-menu-lock{overflow:hidden}
@media(max-width:980px){.nt-header-inner{width:min(100% - 28px,1240px)}.nt-nav{gap:0}.nt-nav a{padding-inline:8px;font-size:11px}.nt-read-btn{display:none}.nt-menu{display:grid}.nt-footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:24px}}
@media(max-width:720px){.nt-header-inner{height:68px;min-height:68px}.nt-nav{display:none!important}.nt-footer-grid{width:calc(100% - 28px);grid-template-columns:1fr 1fr;gap:30px 22px}.nt-footer-about{grid-column:1/-1}.nt-copyright{width:calc(100% - 28px);margin-top:30px;flex-direction:column;gap:5px}.nt-footer{padding-top:40px;padding-bottom:88px}.nt-mobile-nav{position:fixed;display:flex!important;align-items:center;justify-content:space-around;bottom:0;left:0;right:0;z-index:1000;padding:7px 6px calc(7px + env(safe-area-inset-bottom));background:rgba(7,48,42,.97)!important;border-top:1px solid rgba(255,255,255,.12);box-shadow:0 -10px 35px rgba(0,0,0,.15);backdrop-filter:blur(18px)}.nt-mobile-nav a{min-width:52px;display:flex!important;flex-direction:column;align-items:center;gap:2px;color:#aac1ba!important;text-decoration:none!important;font-size:18px;line-height:1;padding:4px 7px;border-radius:10px}.nt-mobile-nav a span{display:block}.nt-mobile-nav a small{font-size:8px;font-weight:700}.nt-mobile-nav a.is-active{color:#f0d58d!important;background:rgba(255,255,255,.07)}}
@media(max-width:420px){.nt-footer-grid{grid-template-columns:1fr}.nt-footer-about{grid-column:auto}.nt-brand strong{font-size:14px}.nt-brand-mark{width:41px;height:41px}.nt-mobile-nav a{min-width:46px}}
.nt-menu-backdrop{opacity:0;transition:opacity .18s ease}.nt-menu-backdrop.is-visible{opacity:1}