body .section#content .section_content #ayat {
    margin: auto 0;

    text-align: center;
    font-size: var(--sz6);

    display: flex;
    flex-direction: column;

    gap: var(--sz5);
    padding: var(--sz10) 0;
}

body .section#content .section_content #ayat #aya_ar {
    font-weight: 800;
    font-size: var(--sz8);
    line-height: 1.8;
}

body .section#content .section_content #ayat #aya_en {
    line-height: 1.6;
    opacity: 0.9;
}

body .section#content .section_content #buttons {
    display: flex;
    justify-content: space-between;
    gap: var(--sz2);
}

body .section#content .section_content #buttons * {
    font-size: var(--sz5);
    flex: 1;
}

/* Better mobile touch targets */
@media only screen and (max-width: 1100px) {
    body .section#content .section_content #buttons * {
        font-size: var(--sz5);
        padding: var(--sz4) var(--sz5);
    }
}