a {
    color: inherit;
    text-underline-offset: var(--space-3xs, 2px);
}
a:not(:is(:hover)) {
    text-decoration-color: color-mix(in srgb, var(--color-brand), transparent 50%);
}
a:focus {
    text-decoration: none;
}
a:hover {
    color: var(--color-brand);
    background: inherit;
    text-decoration: underline dashed currentColor;
}

.page_footer {
    margin-top: var(--space-3xl);
    background-color: var(--color-bg-mod-1);
    border-top: thin solid var(--color-border);
}

.gallery img {
    display: inline-block;
}
.gallery figcaption {
    text-align: left;
}