@font-face {
    font-family: "LPMQ Isep Misbah";
    src: url("../assets/fonts/LPMQ-IsepMisbah.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

.reader-container { flex: 1; overflow-y: auto; padding: 24px 18px calc(var(--footer-height) + 35px); background: #fffdf9; overscroll-behavior: contain; }
.arabic-text { font-family: "LPMQ Isep Misbah", serif; direction: rtl; text-align: right; font-size: 28px; line-height: 2.05; color: #17211f; width: 100%; padding: 0 3px; font-weight: 400; word-spacing: -.06em; }
.arabic-text .bismillah { display: block; text-align: center; direction: rtl; color: var(--green-900); font-weight: 400; margin: 4px 0 28px; line-height: 1.8; }
.arabic-text .separator { color: var(--gold); font-size: .82em; margin: 0 .12em; vertical-align: middle; }
.arabic-text .garis-tipis { height: 1px; margin: 3px 0 8px; border-bottom: 1px solid rgba(13,92,77,.12); }
.arabic-text br { line-height: 1.2; }
.arabic-text [style*="color:#00aa85"], .arabic-text [style*="color: #00aa85"] { color: var(--green-800) !important; }
@media (min-width: 700px) { .reader-container { padding-left: 42px; padding-right: 42px; }.arabic-text { font-size: 32px; max-width: 820px; margin: 0 auto; } }