.wiki-icon {
    display: inline-block;
    width: var(--behnke-normal-font-size);
    height: var(--behnke-normal-font-size);
    background-image: var(--icon-url);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

    flex-shrink: 0;

    margin-right: calc(0.75 * var(--behnke-basic));
}

/* In-page headings: scale the icon to the heading's own font size and
   align it to the text baseline so it doesn't sit too low. */
h1 .wiki-icon, h2 .wiki-icon, h3 .wiki-icon,
h4 .wiki-icon, h5 .wiki-icon, h6 .wiki-icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.1em;
}