.asma-reader{max-width:1060px;margin:auto;padding:10px 22px 65px}.asma-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:25px 0}.asma-reader h2{font-family:var(--font-tajawal);font-size:1.45rem;margin:28px 0 16px}.asma-search{background:var(--card-bg-dark);border:1px solid #b7984b66;border-radius:14px;padding:22px;margin:30px 0 12px}.asma-search>label{display:block;font-weight:700;margin-bottom:10px}.asma-search-row{display:flex;gap:10px;flex-wrap:wrap}.asma-search input{flex:1;min-width:160px;border:1px solid #b7984b88;border-radius:8px;padding:12px;font:inherit;background:var(--bg-dark);color:var(--text-light)}.asma-scope{margin-top:14px}.asma-scope select{font:inherit;color:var(--text-light);background:var(--bg-dark);padding:5px;border-radius:5px;border:1px solid #b7984b88}.asma-hint{font-size:.92rem;opacity:.85;line-height:1.9;margin-top:10px}.asma-overview{display:flex;align-items:center;gap:30px;margin:32px 0}.asma-overview img{width:170px;height:auto;flex-shrink:0;border-radius:5px}.asma-letters{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:10px}.asma-letters a,.asma-chapters a{border:1px solid #b7984b88;background:var(--card-bg-dark);border-radius:8px;text-align:center;color:var(--text-light);text-decoration:none;padding:16px}.asma-letters a{font:700 1.8rem var(--font-amiri)}.asma-letters a:hover,.asma-chapters a:hover{border-color:var(--gold-primary);color:var(--gold-primary)}.asma-chapters{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:20px 0}.asma-scan{max-width:800px;margin:24px auto;scroll-margin-top:120px}.asma-scan img{display:block;width:100%;height:auto}.asma-scan figcaption{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 0}.asma-reader a:focus-visible,.asma-reader input:focus-visible,.asma-reader button:focus-visible,.asma-reader select:focus-visible{outline:3px solid var(--gold-primary);outline-offset:4px}.asma-reader a{color:var(--gold-primary)}.asma-paging{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:25px 0}.asma-hit{padding:18px;border:1px solid #b7984b66;border-radius:10px;margin:12px 0}.asma-hit h3{font:700 1.2rem var(--font-tajawal);margin-bottom:9px}.asma-hit p{line-height:1.9;white-space:pre-line}.asma-hit small{display:block;opacity:.8}.asma-reader button{cursor:pointer;font-family:inherit}.asma-reader [hidden]{display:none!important}@media(max-width:600px){.asma-reader{padding:8px 14px 40px}.asma-overview{flex-direction:column;text-align:center}.asma-search{padding:15px}.asma-search-row input{flex-basis:100%}.asma-actions a{width:100%;text-align:center}.asma-paging{font-size:.9rem}.asma-letters{grid-template-columns:repeat(5,1fr)}.asma-letters a{padding:10px}.asma-scan figcaption{font-size:.9rem}}

.asma-chapters{grid-template-columns:repeat(3,minmax(0,1fr))}
.asma-chapters .asma-divine{grid-column:2;grid-row:1}
.asma-chapters a:not(.asma-divine){grid-row:2}
.asma-reader .btn-primary{color:#072a22;background:#d4af37;opacity:1;display:inline-flex;align-items:center;justify-content:center;line-height:1.6}
.asma-reader .btn-secondary{color:#f3e5ab;background:#072a22;border-color:#d4af37;opacity:1;display:inline-flex;align-items:center;justify-content:center;line-height:1.6}
.asma-reader .btn-primary:hover{background:#f3e5ab;color:#072a22}
.asma-reader .btn-secondary:hover{background:#165646;color:#fff}
@media(max-width:600px){.asma-chapters{grid-template-columns:1fr}.asma-chapters .asma-divine{grid-column:1;grid-row:auto;max-width:360px;width:100%;justify-self:center}.asma-chapters a:not(.asma-divine){grid-row:auto}}