.archive {
    margin-block-start: 4vmin;

    .listing-title {
        margin-block-end: 1rem;
        font-size: 1.5rem;
    }

    .listing-item {
        display: flex;
        gap: 1rem;
        margin-block-end: 0.5rem;
        padding-inline: 1rem;
        padding-block: 0.2rem;

        .post-time {
            padding-inline-start: 1vmin;
            min-inline-size: 5rem;
            text-align: start;

            .date {
                color: var(--meta-color);
                white-space: nowrap;
            }
        }
    }

    ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    li {
        margin-bottom: 1.3rem;
    }
}
