body {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;

    & > header {
        width: 100%;
        padding-block: 1rem;
        padding-inline: 2rem;

        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
    }
}

main {
    min-width: min(40em, 100%);
    max-width: 65em;
}

section {
    margin-block-start: 1em;
    padding: 1rem;

    background: #eee;

    display: flex;
    flex-flow: column nowrap;
    gap: 0.75rem;
}

article {
    padding: 0.75rem;

    background: #ddd;

    display: flex;
    flex-flow: column nowrap;
    gap: 0.5rem;
}

menu {
    padding: 0;

    list-style: none;

    display: flex;
    flex-flow: row wrap;
    gap: 1rem;

    & a {
        padding-block: 0.5rem;
        padding-inline: 1rem;
        border-radius: 1.5rem;

        background: #ccc;

        text-decoration: none;
    }
}

turbo-frame {
    display: contents;
}

.errors {
    background: #fcc;
}