/* Match the PC and mobile home listing titles. Change the family only. */

@layer site-typography {
    :where(html, body),
    :where(body :is(
        a, abbr, address, article, aside, b, bdi, bdo, blockquote, button,
        caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt,
        em, fieldset, figcaption, figure, font, footer, form,
        h1, h2, h3, h4, h5, h6, header, i, input, ins, kbd, label, legend,
        li, main, mark, menu, nav, ol, optgroup, option, output, p, pre, q,
        rp, rt, ruby, s, samp, section, select, small, span, strike, strong,
        sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead,
        time, tr, tt, u, ul, var
    )):not(:where(
        svg, svg *,
        .fa, .fas, .far, .fab, .fal, .fat, .fad, .fass, .fasr, .fasl, .fast, .fak,
        [class^="fa-"], [class*=" fa-"],
        .bi, [class^="bi-"], [class*=" bi-"],
        .glyphicon, [class^="glyphicon-"], [class*=" glyphicon-"],
        .material-icons, .material-icons-outlined, .material-icons-round,
        .material-icons-sharp, .material-icons-two-tone,
        [class^="material-symbols-"], [class*=" material-symbols-"],
        .xi, .xeicon, [class^="xi-"], [class*=" xi-"], .iconfont, .icomoon,
        [data-icon]
    )) {
        font-family: Arial, sans-serif !important;
    }
}