.article-page {
    a.back {
        text-decoration: none;
        color: var(--sys-color-text-muted);
        display: flex;
        align-items: center;
        gap: var(--sys-spacing-sm);
    }

    header {
        margin-bottom: 2rem;

        h1 {
            margin: 0.2rem 0;
        }
        p {
            margin: 0.2rem 0;
        }
        time {
            color: var(--sys-color-text-muted);
        }
    }

    main {
        p img {
            margin-top: 0.3rem;
            width: 100%;
        }
    }

    aside {
        display: flex;
        flex-direction: column;
        gap: 1rem;

        h2 {
            color: var(--sys-color-primary);
            margin: 0;
        }
    }
}