.archive-shell {
    padding: 30px 0 46px;
}

.archive-heading {
    margin-bottom: 22px;
}

.archive-heading h1 {
    font-size: 38px;
}

.post-card-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.post-card {
    padding: 16px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-surface);
    box-shadow: var(--shadow-card);
    transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
}

.post-card:hover {
    border-color: #bfdbfe;
    box-shadow: var(--shadow-raised);
    transform: translateY(-1px);
}

.post-card h2,
.post-card h3 {
    font-size: 20px;
}

.post-card p {
    color: var(--color-muted);
}

.empty-state {
    max-width: 720px;
    padding: 24px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-surface);
    box-shadow: var(--shadow-card);
}