/* SEO static pages and Quran directory */
.surah-seo-page{min-height:100vh;background:var(--bg)!important;color:var(--ink)!important;font-family:var(--font-ui)!important}.surah-seo-page *{box-sizing:border-box}
.seo-skip-link{position:fixed;z-index:10000;top:8px;right:8px;padding:11px 15px;border-radius:11px;background:#0b3028;color:#fff!important;text-decoration:none;transform:translateY(-150%)}.seo-skip-link:focus{transform:translateY(0);outline:3px solid #c4a269;outline-offset:3px}
.seo-page-shell{width:min(1120px,calc(100% - 36px));margin-inline:auto;padding:23px 0 34px}.seo-site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.seo-brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink)!important;text-decoration:none!important}.seo-brand img{display:block;width:43px;height:43px;object-fit:contain;border-radius:12px}.seo-brand>span{display:flex;flex-direction:column;gap:3px}.seo-brand strong{color:var(--ink);font-size:15px;font-weight:850}.seo-brand small{color:var(--muted);font-size:9px}
.seo-header-action,.seo-primary-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 15px;border:1px solid #d6c18f;border-radius:12px;background:#10392b;color:#f1ddb0!important;text-decoration:none!important;font-size:11px;font-weight:800}
.seo-breadcrumb{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 26px;color:var(--muted);font-size:10px}.seo-breadcrumb a{color:var(--green)!important;text-decoration:none}
.seo-surah-intro{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:24px;margin-bottom:34px}.seo-intro-copy h1,.seo-index-intro h1{margin:0 0 12px;color:var(--ink);font-size:clamp(28px,3.7vw,44px);font-weight:850;line-height:1.55}.seo-eyebrow{margin:0 0 9px;color:#947543;font-size:10px;font-weight:850}.seo-lead,.seo-index-intro>p:not(.seo-eyebrow){margin:0;color:var(--muted);font-size:12px;line-height:2.15}
.seo-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.seo-secondary-action{display:inline-flex;align-items:center;padding:9px 14px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink)!important;text-decoration:none!important;font-size:10px;font-weight:800}
.seo-facts-card{padding:20px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(150deg,var(--paper),var(--paper-2));box-shadow:var(--shadow)}.seo-facts-card>strong{display:block;margin:8px 0 16px;font-size:18px}.seo-facts-card dl{display:grid;margin:0}.seo-facts-card dl>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:10px}.seo-facts-card dt{color:var(--muted)}.seo-facts-card dd{margin:0;font-weight:850}.seo-facts-card>a{display:block;margin-top:13px;padding-top:12px;border-top:1px solid var(--line);color:var(--green)!important;text-decoration:none;font-size:10px;font-weight:850}
.seo-reading-section,.seo-tafsir-section,.seo-faq-section{margin-bottom:31px}.seo-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:13px}.seo-section-heading h2,.seo-faq-section>h2{margin:0;font-size:clamp(18px,2.1vw,24px);font-weight:850;line-height:1.65}.seo-section-heading p{margin:6px 0 0;color:var(--muted);font-size:10px}.seo-section-heading a{color:var(--green)!important;text-decoration:none;font-size:10px;font-weight:850}
.seo-quran-panel{padding:clamp(18px,3.4vw,36px);border:1px solid var(--line);border-radius:22px;background:var(--paper);box-shadow:var(--shadow)}.surah-basmalah{text-align:center;font-family:var(--font-arabic),serif;font-size:clamp(25px,3vw,34px);line-height:2}.seo-quran-text{margin:0;font-family:var(--font-arabic),'Amiri Quran',serif;font-size:clamp(24px,2.65vw,32px);line-height:2.65;text-align:justify;text-align-last:center}.quran-verse{scroll-margin-top:30px}.quran-verse-mark{display:inline-block;margin-inline:3px;color:#a58448;font-size:.66em;white-space:nowrap}.seo-source-note{color:var(--muted);font-size:9px;line-height:1.8}
.seo-tafsir-count{color:var(--muted);font-size:9px}.seo-tafsir-list{display:grid;gap:8px}.tafseer-entry{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.tafseer-entry[open]{border-color:var(--gold-border)}.tafseer-entry summary{display:flex;justify-content:space-between;gap:12px;padding:12px 15px;font-size:11px;font-weight:850;cursor:pointer;list-style:none}.tafseer-entry summary::-webkit-details-marker{display:none}.tafseer-copy{padding:0 15px 16px;border-top:1px solid var(--line)}.tafseer-copy p{font-size:11px;line-height:2.15;color:var(--ink-secondary)}.tafseer-copy .tafseer-verse-ref{padding:9px 12px;border-right:3px solid var(--gold);background:var(--paper-2);color:var(--green);font-family:var(--font-arabic),serif;font-size:17px;line-height:2}.tafseer-copy small{display:block;color:var(--muted);font-size:9px}
.seo-faq-section{padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--paper)}.seo-faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.seo-faq-grid article{padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.seo-faq-grid h3{font-size:11px}.seo-faq-grid p{font-size:10px;line-height:1.9;color:var(--muted)}
.seo-related-surahs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:25px 0 16px}.surah-rel-link,.seo-index-link{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--paper);color:var(--green)!important;text-decoration:none;font-size:10px;font-weight:850}.seo-footer{display:flex;justify-content:space-between;gap:14px;margin-top:30px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.seo-footer a{color:var(--green)!important;text-decoration:none;font-weight:800}
.seo-index-intro{margin-bottom:27px;padding:28px;border:1px solid rgba(221,196,143,.24);border-radius:23px;background:linear-gradient(120deg,#0a2920,#174532);color:#f9f4e6}.seo-index-intro .seo-eyebrow{color:#e0c78f}.seo-index-intro h1{color:#fff9ec}.seo-index-intro>p:not(.seo-eyebrow){color:#d5e2d7}.seo-index-metrics{display:flex;gap:9px;margin-top:20px}.seo-index-metrics span{padding:8px 12px;border:1px solid rgba(236,214,164,.23);border-radius:999px;color:#d5e2d7;font-size:9px}.seo-index-metrics strong{color:#f2d9a1}
.surah-index-search{display:flex;gap:10px;margin:14px 0;padding:8px 13px;border:1px solid var(--line);border-radius:13px;background:var(--paper)}.surah-index-search input{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);font-size:11px}.surah-index-search small{color:var(--muted);font-size:9px}.surah-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.surah-index-card{display:flex;align-items:center;gap:10px;min-height:65px;padding:11px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink)!important;text-decoration:none}.surah-index-card[hidden]{display:none!important}.surah-index-number{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:11px;background:var(--paper-2);color:#927342;font-size:10px;font-weight:850}.surah-index-info{display:flex;flex-direction:column;gap:4px;min-width:0}.surah-index-info strong{font-size:11px}.surah-index-info small{color:var(--muted);font-size:8px}.surah-index-empty{padding:24px;text-align:center;color:var(--muted)}
@media(max-width:900px){.seo-surah-intro{grid-template-columns:minmax(0,1fr) 230px;gap:15px}.surah-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.seo-page-shell{width:calc(100% - 24px);padding-top:12px}.seo-brand img{width:36px;height:36px}.seo-brand strong{font-size:13px}.seo-header-action{padding:8px 10px;font-size:9px}.seo-surah-intro{grid-template-columns:minmax(0,1fr);gap:13px}.seo-intro-copy h1,.seo-index-intro h1{font-size:28px}.seo-quran-panel{padding:17px 14px}.seo-quran-text{font-size:24px;line-height:2.55;text-align:right}.seo-faq-grid,.surah-index-grid{grid-template-columns:minmax(0,1fr)}.seo-related-surahs{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-footer{flex-wrap:wrap;justify-content:center}.seo-index-intro{padding:22px 17px}.seo-index-metrics{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.surah-seo-page *{transition-duration:.01ms!important;animation-duration:.01ms!important}}