/* Quiet page footer for pages other than home. In the page flow, so it never covers controls.
   Left: the angel (about the size of the homepage MARZIALE text). Center: the homepage footer links. */
.site-page-legal {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: end;
    gap: 1rem;
    margin: 3rem calc(-1 * var(--edge, 0px)) 0;
    padding: 1.25rem var(--edge, 1.25rem) calc(var(--edge, 1.25rem) + env(safe-area-inset-bottom));
    font-family: "Forum", serif;
    font-weight: 400;
    font-size: 0.85rem;
    line-height: 1.35;
    letter-spacing: -0.04em;
    color: rgba(255, 255, 255, 0.6);
}
.site-page-legal__mark { justify-self: start; display: block; line-height: 0; }
.site-page-legal__mark img { display: block; height: clamp(1.6rem, 3vw, 2.4rem); width: auto; }
.site-page-legal__links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.35rem 2.25rem;
    margin: 0;
    text-align: center;
}
.site-page-legal a { color: inherit; text-decoration: none; }
.site-page-legal__links a:hover { color: #fff; }
/* Merch: room for the fixed cart bar. */
.site-page-legal--merch { padding-bottom: calc(6.5rem + env(safe-area-inset-bottom)); }
@media (max-width: 560px) {
    .site-page-legal { grid-template-columns: auto 1fr; }
    .site-page-legal > span[aria-hidden] { display: none; }
    .site-page-legal__links { gap: 0.25rem 1.25rem; justify-content: flex-end; text-align: right; }
}