body {
        font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
        transition: background-color 150ms ease-out;
        background-color: white;
    }

    header, footer {
        font-weight: bold;
        padding: 1rem var(--space2);
        inline-size: 100%;
        max-inline-size: 110rem;
        text-decoration: underline;
        text-underline-offset: 0.21em;
        display: flex;
        justify-content: space-between;
    }

    header a {
        color: inherit;
    }

    header a:hover {
        color: inherit;
        opacity: 0.75;
    }

    header .logo {
        max-block-size: 2.25rem;
        object-fit: contain;
        display: inline-block;
        inline-size: auto;
    }

    .footer {
        display: flex;
        padding: var(--space0);
        inline-size: 100%;
        margin-block-start: 6em;
        position: relative;
        text-underline-offset: 0.25em;
    }

    h3 {
        font-weight: 400;
        margin-block-start: 1rem;
    }

    section > div {
        max-inline-size: 60rem;
    }