/* Pins each Font Awesome icon to the one weight its face exists at.
 *
 * The free set ships exactly one face per family: Solid at 900, Regular and
 * Brands at 400. Any rule that lands another weight on an icon element makes
 * the browser pick a face that lacks the glyph, and it draws a crossed box.
 * Such rules exist: .brandcolor { font-weight: 500 } and, outranking any
 * single-class rule by specificity, .brandcolor:hover { font-weight: 500 }
 * (styles.css). The old Pro kit hid this, because Pro has a face at every
 * weight.
 *
 * !important is deliberate, and this is the one place it is right: the pin has
 * to beat every state (:hover, :focus, :active) of every present and future
 * rule, and an icon's weight is never a styling decision - it is which font
 * file the glyph lives in. Linked after the icon stylesheet in every base.
 */
.fa-solid,
.fas {
    font-weight: 900 !important;
}

.fa-regular,
.far,
.fa-brands,
.fab {
    font-weight: 400 !important;
}