main {
    padding: 5rem 0rem;
}

/* Reset article because everything is now wrapped in main.
 * Article is used for RSS content.
 */
article {
    padding: 0;
}

a[href^="http"]::after {
    content: " ↗";
}

.menu {
    margin: 1.4rem 0;
}

.menu ul {
    list-style: none;
    display: block;
    padding: 0;
    max-width: 45rem;
    /* Width is the same as tufte.css body */
    font-size: 1.2rem;
    width: 87.5%;
}

.menu li {
    display: inline-block;
    margin-right: 1rem;
}

.menu li a {
    text-decoration: none;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.brand a {
    text-decoration: none;
}

.muted {
    color: #999;
}

.more-muted,
a.more-muted {
    color: #ccc;
}

.margin-toggle,
.sidenote::before {
    color: #dd4b4c;
}

.page-footer {
    display: flex;
    justify-content: space-between;
    gap: 5rem;
}

.page-footer p {
    font-size: 1.2rem;
}

@media (prefers-color-scheme: dark) {
    .more-muted,
    a.more-muted {
        color: #555;
    }
}