/* Noto Naskh Arabic (OFL): free Naskh face closest to BBC Urdu's Reith Qalam. */
@font-face {
    font-family: 'Noto Naskh Arabic';
    src: url('noto-naskh-arabic-400.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Naskh Arabic';
    src: url('noto-naskh-arabic-700.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

body {
    --publisher-system-font: 'Noto Naskh Arabic', 'Times New Roman', serif;
}

html body,
html body h1, html body h2, html body h3,
html body h4, html body h5, html body h6,
html body p, html body a, html body li,
html body blockquote, html body figcaption,
html body label, html body input, html body textarea,
html body select, html body button,
html body .post-title, html body .entry-title,
html body .entry-content, html body .post-summary,
html body .post-meta, html body .post-meta a,
html body .widget-title, html body .section-heading .h-text,
html body .site-title, html body .site-description {
    font-family: 'Noto Naskh Arabic', 'Times New Roman', serif !important;
}

/* Naskh line spacing, close to BBC Urdu. */
html body .entry-content p,
html body .entry-content li,
html body .post-summary {
    line-height: 1.55;
}

/* Give compact news-card headlines more readable Naskh text. */
html body .listing-item-tb-2 .title,
html body .listing-item-tb-2 .title a,
html body .listing-item-tb-2 .title .post-title {
    font-size: 20px !important;
    line-height: 1.5 !important;
}

/* Larger reading text on individual news articles. */
html body.single-post .entry-content.single-post-content,
html body.single-post .entry-content.single-post-content p,
html body.single-post .entry-content.single-post-content li,
html body.single-post .entry-content.single-post-content blockquote {
    font-size: 24px !important;
    line-height: 1.45 !important;
}

html body.single-post .entry-content.single-post-content p span,
html body.single-post .entry-content.single-post-content p a,
html body.single-post .entry-content.single-post-content li span,
html body.single-post .entry-content.single-post-content li a {
    font-size: inherit !important;
    line-height: inherit !important;
}

/* Front-page hierarchy: lead stories, compact cards, then supporting text. */
html body.home {
    --uni-headline-size: 24px;
    --uni-compact-headline-size: 20px;
    --uni-description-size: 18px;
}

html body.home .listing-item .title,
html body.home .listing-item .title a,
html body.home .listing-item .title .post-title {
    font-size: var(--uni-headline-size) !important;
    line-height: 1.55 !important;
}

html body.home .listing-item-tb-2 .title,
html body.home .listing-item-tb-2 .title a,
html body.home .listing-item-tb-2 .title .post-title {
    font-size: var(--uni-compact-headline-size) !important;
}

html body.home .listing-item .post-summary,
html body.home .listing-item .post-summary p {
    font-size: var(--uni-description-size) !important;
    line-height: 1.55 !important;
    font-weight: 400;
    color: #444;
}

html body.home .listing-item .post-summary {
    margin-top: 12px;
}

html body.home .listing-item .post-summary p {
    margin-bottom: 0.65em;
}

html body.home .listing-item .post-meta,
html body.home .listing-item .post-meta a {
    font-size: 14px !important;
}

@media (max-width: 767px) {
    html body.home {
        --uni-headline-size: 22px;
        --uni-compact-headline-size: 19px;
        --uni-description-size: 17px;
    }
}
/* Keep navigation text readable on hover and keyboard focus. */
html body .main-menu.menu li:hover > a,
html body .main-menu.menu li > a:hover,
html body .main-menu.menu li > a:focus,
html body .main-menu.menu li > a:focus-visible,
html body .main-menu.menu li:hover > a > span,
html body .main-menu.menu li > a:hover > span,
html body .main-menu.menu li > a:focus > span {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    opacity: 1 !important;
}

/* Slightly larger main navigation labels, including the sticky menu. */
html body .main-menu.menu > li > a {
    font-size: 20px !important;
}

html body .main-menu.menu .sub-menu > li > a {
    font-size: 18px !important;
}

/* English footer introduction and email use left-to-right typography. */
html body #site-footer #bs-about-3 .about-text,
html body #site-footer #bs-about-3 .about-text p,
html body #site-footer #bs-about-3 .about-text a {
    direction: ltr;
    unicode-bidi: isolate;
    text-align: left !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px;
    line-height: 1.8;
    overflow-wrap: break-word;
}