.sp-page{background:var(--app-shell,#14110d);color:#ede5d2;min-height:100vh;padding:0 0 72px;font-family:Tajawal,system-ui,sans-serif}.sp-wrap{max-width:820px;margin:0 auto;padding:0 20px}.sp-top{justify-content:space-between;align-items:center;gap:12px;padding:18px 0;display:flex}.sp-back{color:#14110d;background:linear-gradient(#c9a85e,#b08a3e);border-radius:10px;align-items:center;height:38px;padding:0 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.sp-head{text-align:center;border-bottom:1px solid #c9a85e40;margin-bottom:10px;padding:14px 0 6px}.sp-title{color:#ede5d2;margin:0 0 8px;font-size:clamp(26px,6vw,38px);font-weight:800}.sp-meta{color:#c9a85e;flex-wrap:wrap;justify-content:center;gap:14px;font-size:14px;display:flex}.sp-meta span{opacity:.9}.sp-cta{justify-content:center;margin:16px 0 6px;display:flex}.sp-open{color:#14110d;background:linear-gradient(#c9a85e,#b08a3e);border-radius:14px;align-items:center;gap:8px;height:48px;padding:0 22px;font-size:13.5px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 6px 18px #b08a3e47}.sp-hint{text-align:center;color:#9c8e76;margin:25px 0 2px;font-size:12.5px}.sp-bism{text-align:center;color:#ede5d2;margin:20px 0 8px;font-family:UthmanicHafs,serif;font-size:clamp(24px,5.5vw,32px);line-height:2}.sp-verses{text-align:center;color:#f3ecda;direction:rtl;padding:8px 0 4px;font-family:UthmanicHafs,serif;font-size:clamp(23px,5.4vw,30px);line-height:2.5}.sp-aya{color:inherit;cursor:pointer;border-radius:8px;text-decoration:none;transition:background .15s}.sp-aya:hover{background:#c9a85e1f}.sp-num{color:#c9a85e;vertical-align:middle;border:1.5px solid #c9a85e;border-radius:50%;justify-content:center;align-items:center;min-width:1.7em;height:1.7em;margin:0 .35em;padding:0 .15em;font-family:Tajawal,sans-serif;font-size:.5em;font-weight:700;display:inline-flex}.sp-nav{justify-content:space-between;gap:12px;margin:26px 0 8px;display:flex}.sp-navbtn{text-align:center;color:#ede5d2;background:#c9a85e0f;border:1px solid #c9a85e4d;border-radius:12px;flex:1;padding:14px 10px;font-size:14px;font-weight:700;text-decoration:none}.sp-navbtn:hover{background:#c9a85e24}.sp-navbtn.disabled{opacity:.35;pointer-events:none}.sp-navbtn small{color:#9c8e76;margin-bottom:3px;font-size:11.5px;font-weight:600;display:block}.sp-index{margin:30px 0 0}.sp-index h2{color:#c9a85e;text-align:center;margin:0 0 14px;font-size:16px}.sp-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.sp-chip{color:#d6cbb4;background:#ede5d20a;border:1px solid #c9a85e2e;border-radius:10px;align-items:center;gap:8px;padding:9px 11px;font-size:13.5px;text-decoration:none;display:flex}.sp-chip:hover{color:#ede5d2;background:#c9a85e1f}.sp-chip.cur{color:#14110d;background:linear-gradient(#c9a85e,#b08a3e);border-color:#0000;font-weight:700}.sp-chip b{color:#c9a85e;background:#c9a85e2e;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:inline-flex}.sp-chip.cur b{color:#14110d;background:#14110d40}.sp-suraband{text-align:center;color:#c9a85e;border-top:1px solid #c9a85e33;margin:18px 0 6px;padding-top:10px;font-size:18px;font-weight:800}.sp-breadcrumb{color:#9c8e76;align-items:center;gap:6px;padding:4px 0 0;font-size:13px;display:flex}.sp-breadcrumb a{color:#c9a85e;text-decoration:none}.sp-breadcrumb a:hover{text-decoration:underline}.sp-bc-sep{opacity:.5}.sp-section-title{color:#c9a85e;text-align:center;margin:26px 0 14px;font-size:16px}.sp-pages-grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;display:grid}.sp-page-chip{color:#d6cbb4;background:#ede5d20a;border:1px solid #c9a85e26;border-radius:8px;justify-content:center;align-items:center;padding:8px 4px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.sp-page-chip:hover{color:#ede5d2;background:#c9a85e1f}.sp-surah-list{flex-direction:column;gap:1px;margin-top:14px;display:flex}.sp-surah-row{color:#ede5d2;background:#ede5d208;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:background .15s;display:flex}.sp-surah-row:hover{background:#c9a85e1a}.sp-surah-no{color:#c9a85e;background:#c9a85e26;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex}.sp-surah-name{flex:1;min-width:0;font-size:15px;font-weight:700}.sp-surah-en{color:#9c8e76;flex:none;font-size:13px}.sp-surah-info{color:#9c8e76;white-space:nowrap;flex:none;font-size:12px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sp-about{background:#ede5d20a;border:1px solid #c9a85e29;border-radius:12px;max-width:720px;margin:18px auto 0;padding:14px 16px}.sp-about h2,.sp-related h2,.sp-faq h2{color:#c9a85e;margin:0 0 8px;font-size:16px}.sp-about p{color:#d6cbb4;margin:0;font-size:14.5px;line-height:1.9}.sp-related{margin:30px 0 0}.sp-related ul{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.sp-related li{color:#9c8e76;background:#ede5d208;border:1px solid #c9a85e24;border-radius:10px;padding:9px 11px;font-size:13.5px}.sp-related a{color:#d6cbb4;font-weight:700;text-decoration:none}.sp-related a:hover{color:#ede5d2;text-decoration:underline}.sp-faq{margin:30px 0 0}.sp-faq-item{border-bottom:1px solid #c9a85e24;padding:4px 0}.sp-faq-item summary{cursor:pointer;padding:9px 0;list-style:none}.sp-faq-item summary::-webkit-details-marker{display:none}.sp-faq-item summary h3{color:#d6cbb4;margin:0;font-size:14.5px;font-weight:700;display:inline}.sp-faq-item summary:before{content:"▾ ";color:#c9a85e}.sp-faq-item p{color:#9c8e76;margin:0 0 10px;font-size:14px;line-height:1.9}.sp-mutashabih{margin:30px 0 0}.sp-mutashabih h2{color:#c9a85e;margin:0 0 6px;font-size:16px}.sp-mut-lead{color:#9c8e76;margin:0 0 10px;font-size:13px;line-height:1.8}.sp-mutashabih ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.sp-mutashabih li{color:#9c8e76;background:#ede5d208;border:1px solid #c9a85e24;border-radius:10px;padding:10px 12px;font-size:13.5px;line-height:1.9}.sp-mutashabih li b{color:#ede5d2;font-weight:700}.sp-mutashabih a{color:#c9a85e;text-decoration:none}.sp-mutashabih a:hover{text-decoration:underline}