.book-reading { max-width: 920px; margin-inline: auto; }
.book-reading .collection-breadcrumb { flex-wrap: wrap; font-size: 13px; }
.book-reading-heading { padding: 30px 0 28px; border-bottom: 1px solid var(--collection-line); }
.book-reading-heading h1 { font: 400 clamp(30px,4vw,48px)/1.18 Georgia,serif; letter-spacing: -.025em; margin: 0; overflow-wrap: anywhere; }
.book-reading-arabic { color: var(--color-primary); font-size: 28px; line-height: 1.8; margin-top: 18px; }
.book-reading-intro { max-width: 72ch; font-size: 16px; line-height: 1.85; color: var(--collection-muted); margin-top: 20px; }
.book-reading-links { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 24px; margin-top: 22px; font-size: 14px; }
.book-reading-links a { min-height: 44px; display: inline-flex; align-items: center; gap: 10px; text-decoration: underline; text-underline-offset: 5px; }
.book-reading-content { padding-top: 30px; }
.book-reading-content .card { border-radius: 0; box-shadow: none; background: transparent; }
.book-reading-content > .w-full { margin-block: 20px 28px; }
.book-reading-content > .w-full > .card { padding: 16px 0; border: 0; border-block: 1px solid var(--collection-line); }
.book-reading-content h2 { font: 400 25px/1.5 Georgia,serif; text-align: start; overflow-wrap: anywhere; }
.book-reading-content [data-hadith-url] { margin-bottom: 40px; border: 0; border-bottom: 1px solid var(--collection-line); overflow: visible; }
.book-reading-content .card-header { padding: 14px 0; background: transparent; border: 0; }
.book-reading-content .hadith-reference-link { font-size: 15px; color: var(--color-primary); }
.book-reading-content .card-header .badge { white-space: normal; height: auto; text-align: start; line-height: 1.5; padding-block: 4px; }
.book-reading-content .card-body { padding: 18px 0 28px; max-width: 76ch; margin-inline: auto; width: 100%; }
.book-reading-content [data-hadith-text] { font-size: 18px; line-height: 1.95; color: var(--color-base-content); overflow-wrap: anywhere; }
.book-reading-content [data-hadith-text] p + p { margin-top: 1em; }
.book-reading-content .arabic { line-height: 2; }
.book-reading-content .card-footer { padding: 16px 0; background: transparent; }
.book-reading-content .btn { min-height: 44px; }
.book-reading-content .dropdown { margin-inline-start: auto; }
.book-reading-pagination { padding-block: 12px 30px; overflow-x: auto; }
.single-hadith-chapter { margin-top: 18px; font: 400 24px/1.5 Georgia,serif; overflow-wrap: anywhere; }
.single-hadith .book-reading-links a { max-width: 100%; overflow-wrap: anywhere; }
.single-hadith .book-reading-content > .w-full { margin-top: 0; }
.single-hadith .book-reading-content > .w-full > [data-hadith-url] { border-top: 0; padding-top: 0; }
.single-hadith .hadith-arabic-inline { background: transparent; border: 0; border-radius: 0; padding: 16px 0 28px; text-align: start; }
.single-hadith .hadith-arabic-text { font-size: 28px; line-height: 2; overflow-wrap: anywhere; }
.single-hadith .hadith-arabic-narrator { font-size: 23px; line-height: 1.9; margin-bottom: 18px; }
.single-hadith .hr-text { color: var(--collection-muted); font-size: 13px; margin-block: 20px; }
.single-hadith .hadith-comment { overflow-wrap: anywhere; }
@media(max-width:600px) {
 .single-hadith-chapter { font-size: 21px; }
 .single-hadith .hadith-arabic-text { font-size: 25px; }
 .single-hadith .hadith-arabic-narrator { font-size: 22px; }
}
@media(max-width:600px) {
 .book-reading-heading { padding-top: 18px; padding-bottom: 18px; }
 .book-reading-heading h1 { font-size: 30px; line-height: 1.22; }
 .book-reading-arabic { font-size: 24px; margin-top: 14px; }
 .book-reading-intro { font-size: 15px; }
 .book-reading-content { padding-top: 14px; }
 .book-reading-content h2 { font-size: 22px; }
 .book-reading-content [data-hadith-text] { font-size: 17px; line-height: 1.9; }
 .book-reading-content .card-header .badge { display: none; }
 .book-reading-content .card-body { padding-block: 14px 22px; }
 .book-reading-content [data-hadith-url] { margin-bottom: 28px; }
}