:root{--q-bg:#f7f5ee;--q-paper:#fffdf7;--q-ink:#12241f;--q-muted:#62716b;--q-line:#d9ddd5;--q-green:#0b5b4d;--q-deep:#073b32;--q-gold:#c69a3e;--q-soft:#e7efe9;--q-shadow:0 18px 55px rgba(17,49,41,.09)}:root[data-theme=dark]{--q-bg:#081510;--q-paper:#10231c;--q-ink:#f5f1df;--q-muted:#a7b6af;--q-line:#294038;--q-green:#65c6aa;--q-deep:#0b493c;--q-gold:#e5b85c;--q-soft:#172f27;--q-shadow:0 20px 60px rgba(0,0,0,.3)}
html{scroll-behavior:smooth}body.legacy-page{margin:0!important;padding-bottom:0!important;background:var(--q-bg)!important;color:var(--q-ink)!important;font-family:Inter,Segoe UI,system-ui,sans-serif!important;line-height:1.6}.q-shell-header{position:sticky;z-index:80;top:0;height:74px;padding:0 clamp(18px,5vw,72px);display:flex;align-items:center;border-bottom:1px solid var(--q-line);background:color-mix(in srgb,var(--q-bg) 92%,transparent);backdrop-filter:blur(16px)}.q-shell-brand{display:flex;align-items:center;gap:11px;color:var(--q-ink);text-decoration:none}.q-shell-brand img{width:42px;height:42px;border-radius:12px}.q-shell-brand span{display:grid;line-height:1}.q-shell-brand b{font:700 21px Georgia,serif}.q-shell-brand small{margin-top:5px;color:var(--q-muted);font-size:8px;font-weight:800;letter-spacing:.15em}.q-desktop-nav{display:flex;align-items:center;gap:5px;margin-left:auto}.q-desktop-nav a{padding:9px 12px;border-radius:11px;color:var(--q-muted);font-size:13px;font-weight:700;text-decoration:none}.q-desktop-nav a:hover,.q-desktop-nav a[aria-current=page]{background:var(--q-soft);color:var(--q-green)}.q-theme{width:40px;height:40px;margin-left:14px;border:1px solid var(--q-line);border-radius:50%;background:var(--q-paper);color:var(--q-ink);cursor:pointer}.q-mobile-nav{display:none}
.legacy-page main{width:min(1120px,calc(100% - 32px))!important;max-width:1120px!important;margin:0 auto!important;padding:52px 0 80px!important}.legacy-page main>div:first-child{text-align:left!important;margin-bottom:34px!important;padding-bottom:27px;border-bottom:1px solid var(--q-line)}.legacy-page h1{margin:0 0 10px!important;color:var(--q-ink)!important;font:650 clamp(42px,6vw,68px)/1 Georgia,serif!important;letter-spacing:-.035em}.legacy-page h2,.legacy-page h3{color:var(--q-ink)!important}.legacy-page p,.legacy-page label{color:var(--q-muted)}.legacy-page .arabic{color:var(--q-ink)!important;font-family:Georgia,'Times New Roman',serif!important;line-height:2.25!important}.legacy-page input,.legacy-page select{border:1px solid var(--q-line)!important;background:var(--q-paper)!important;color:var(--q-ink)!important;min-height:48px;border-radius:14px!important}.legacy-page input:focus,.legacy-page select:focus{outline:3px solid color-mix(in srgb,var(--q-gold) 55%,transparent)!important;border-color:var(--q-gold)!important}.legacy-page button{border-radius:13px!important}.legacy-page button:focus-visible,.legacy-page a:focus-visible{outline:3px solid var(--q-gold)!important;outline-offset:3px}.legacy-page .bg-white,.legacy-page .bg-slate-50,.legacy-page .bg-slate-100{background:var(--q-paper)!important}.legacy-page .text-slate-900,.legacy-page .text-slate-800,.legacy-page .text-slate-700{color:var(--q-ink)!important}.legacy-page .text-slate-600,.legacy-page .text-slate-500,.legacy-page .text-slate-400{color:var(--q-muted)!important}.legacy-page .border-slate-100,.legacy-page .border-slate-200,.legacy-page .border-slate-300{border-color:var(--q-line)!important}.legacy-page .bg-emerald-50,.legacy-page .bg-emerald-100{background:var(--q-soft)!important}.legacy-page .text-emerald-500,.legacy-page .text-emerald-600,.legacy-page .text-emerald-700,.legacy-page .text-emerald-800{color:var(--q-green)!important}.legacy-page .bg-emerald-500,.legacy-page .bg-emerald-600,.legacy-page .bg-emerald-700,.legacy-page .bg-emerald-800,.legacy-page .bg-emerald-900{background:var(--q-deep)!important}.legacy-page .shadow,.legacy-page .shadow-sm,.legacy-page .shadow-md,.legacy-page .shadow-lg,.legacy-page .shadow-xl{box-shadow:var(--q-shadow)!important}.legacy-page [class*="rounded-"][class*="border"],.legacy-page .category-card,.legacy-page .dua-card,.legacy-page .hadith-card{border-color:var(--q-line)!important}.legacy-page footer{border-top:1px solid var(--q-line)!important;background:var(--q-paper)!important;color:var(--q-muted)!important}.legacy-page footer a,.legacy-page footer p{color:var(--q-muted)!important}
@media(max-width:900px){body.legacy-page{padding-bottom:82px!important}.q-shell-header{height:66px;padding:0 15px}.q-shell-brand img{width:40px;height:40px}.q-desktop-nav{display:none}.q-theme{margin-left:auto}.legacy-page main{width:calc(100% - 28px)!important;padding:30px 0 60px!important}.legacy-page h1{font-size:42px!important}.legacy-page main>div:first-child{padding:22px 18px!important;border:1px solid var(--q-line);border-radius:23px;background:linear-gradient(145deg,var(--q-soft),var(--q-paper));box-shadow:var(--q-shadow)}.legacy-page .grid{gap:10px!important}.legacy-page [class*="rounded-2xl"],.legacy-page [class*="rounded-xl"]{border-radius:18px!important}.legacy-page footer{display:none!important}.q-mobile-nav{position:fixed;z-index:100;left:10px;right:10px;bottom:8px;height:66px;padding:7px 10px calc(7px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);align-items:center;border:1px solid var(--q-line);border-radius:22px;background:color-mix(in srgb,var(--q-paper) 94%,transparent);box-shadow:0 12px 38px rgba(8,39,31,.2);backdrop-filter:blur(18px)}.q-mobile-nav a{display:grid;place-items:center;gap:1px;color:var(--q-muted);font-weight:750;text-decoration:none}.q-mobile-nav a span{font-size:20px;line-height:1}.q-mobile-nav a small{font-size:10px}.q-mobile-nav a[aria-current=page]{color:var(--q-green)}.q-mobile-home{align-self:end}.q-mobile-home img{width:52px;height:52px;margin-top:-22px;border:5px solid var(--q-paper);border-radius:17px;box-shadow:0 8px 22px rgba(8,39,31,.25)}.legacy-page audio{max-width:calc(100vw - 24px)}}
@media(prefers-contrast:more){.q-shell-header,.q-mobile-nav,.legacy-page input,.legacy-page select{border-width:2px}.q-desktop-nav a[aria-current=page]{outline:2px solid var(--q-green)}}
.q-error-card{max-width:850px;margin:40px auto;padding:70px 50px;border:1px solid var(--q-line);border-radius:32px;background:var(--q-paper);box-shadow:var(--q-shadow);text-align:center}.q-error-mark{font:800 clamp(72px,16vw,150px)/.8 Georgia,serif;color:var(--q-soft);text-shadow:1px 1px 0 var(--q-green)}.q-error-eyebrow{margin:35px 0 8px;color:var(--q-gold)!important;font-size:12px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.q-error-card>p:not(.q-error-eyebrow){max-width:600px;margin:18px auto;color:var(--q-muted)}.q-error-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:28px}.q-error-actions a{padding:12px 17px;border:1px solid var(--q-line);border-radius:99px;background:var(--q-soft);color:var(--q-green);font-weight:800;text-decoration:none}.q-error-actions a:first-child{background:var(--q-green);color:#fff;border-color:var(--q-green)}@media(max-width:600px){.q-error-card{margin:10px auto;padding:45px 20px;border-radius:24px}.q-error-actions{display:grid;grid-template-columns:1fr 1fr}.q-error-actions a{border-radius:14px}}