#article {
    justify-content: flex-start;

    article {
        gap: var(--gap);
        justify-content: flex-start;

        content {
            font-family: var(--font-family-serif);
            font-size: var(--font-size-serif);

            h2 {
                font-size: 1rem;
            }

            h3 {
                font-size: 1rem;
                margin-bottom: 10px;
                padding: 0;
            }
        }

        .buttons {
            justify-content: flex-end;
            border-top: 1px solid var(--nav-background-color);
            padding-top: var(--gap);

            #article .button2::before {
                content: "▷ ";
            }
        }
    }
}