.footer.icons img {
    padding-left: 1em;
    float: right;
    display: inline;
    width: 25px;
    height: 25px;
}

.spill {
    max-width: calc(100% + 2rem) !important;
    margin-left: -1rem;
    margin-right: 0;
}

.header-image {
    display: block;
    max-height: 80pt;
}

div.image {
    margin: 0 !important;
    float: none !important;
}

.nav {
    display: inline-block;
    text-align: right;
    left:auto;
}

.nav li {
    text-align: right;
    left:auto;
}

.nav li::marker {
    list-style-type: none;
    content: "";
}

.nav li:has(.external) {
    transform: translateX(0.8em);
}

.external::after {
    content: ' 🡵';
    font-size: 0.75em;
    color: #C8C8C8;
    vertical-align: super
}

@media (prefers-color-scheme: dark)
{
    .auto-darkmode {
        /* Inverts black -> white and keeps red as red. */
        filter: invert(1) hue-rotate(180deg) saturate(100);
    }
}