/* Hand-rolled FontAwesome subset CSS.
 * Pairs with fa-brands-400.woff2 + fa-solid-900.woff2 generated by
 * fontawesome-subset; covers the 7 icons used on the page plus the
 * v4 PUA glyphs referenced from elements.css's ul.* :before rules.
 * Total CSS+fonts ~6 KB vs the upstream all.min.css + woff2 family ~250 KB.
 */

@font-face {
    font-family: "FA Brands";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fa-brands-400.woff2) format("woff2");
}

@font-face {
    font-family: "FA Solid";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(fa-solid-900.woff2) format("woff2");
}

/* Backward-compat alias for v4 markup that hard-codes
 * `font-family: FontAwesome`. Same woff2 as Solid. */
@font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(fa-solid-900.woff2) format("woff2");
}

/* Generic icon styling — applies to every icon class. */
.fa, .fas, .fab, .fa-solid, .fa-brands {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

/* Family selection — `fa` and `fas` default to solid; `fab` to brands. */
.fa, .fas, .fa-solid {
    font-family: "FA Solid";
    font-weight: 900;
}
.fab, .fa-brands {
    font-family: "FA Brands";
    font-weight: 400;
}

/* Brand icons. */
.fa-github::before        { content: "\f09b"; }
.fa-linkedin::before      { content: "\f08c"; }
.fa-x-twitter::before     { content: "\e61b"; }
.fa-keybase::before       { content: "\f4f5"; }
.fa-stack-overflow::before{ content: "\f16c"; }

/* Solid icons (currently referenced via the v4-shim names below). */
.fa-circle-check::before          { content: "\f058"; }
.fa-magnifying-glass-plus::before { content: "\f00e"; }

/* v4 shims — keep the existing markup's class names working. */
.fa-check-circle::before  { content: "\f058"; }
.fa-search-plus::before   { content: "\f00e"; }
