@font-face {
    font-family: 'Surah Names';
    src: url('../fonts/surah-names.woff2') format('woff2'),
         url('../fonts/surah-names.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
.surah-name-glyph {
    font-family: 'Surah Names', 'Uthmanic Hafs', serif;
    line-height: 1;
    direction: rtl;
    display: inline-block;
    max-width: 100%;
    color: var(--accent-hover, #1a1a1a);
}