article {
    padding: 20px;
    background-color: white;
    min-height: 100vh;
}

.date {
    font-size: 0.8em;
    color: var(--vb-global-color-primary);
}

@media (prefers-color-scheme: dark) {
    article {
        background-color: var(--vb-global-color-primary);
    }
    .date {
        color: var(--vb-global-color-accent);
    }
}

@media (min-width: 1030px) {
    article {
        padding: 80px calc((100vw - 1140px) / 2);
    }
}