/* Shared */
.post-card,
.post-compact {
    position: relative;
}

.post-card:hover .stretched-link,
.post-compact:hover .stretched-link {
    color: var(--color-primary);
}

/* Card */
.post-cards {
    display: flex;
    flex-direction: column;
    gap: var(--gutter);
}

.post-card__body {
    padding-block: var(--spacing-md);
}

.post-card__title {
    font-size: 1.25rem;
    margin-block: var(--spacing-xs);
}

.post-card__excerpt {
    font-family: var(--font-excerpt);
    font-weight: var(--font-weight-excerpt);
    color: var(--color-muted);
    margin-block-end: var(--spacing-sm);
}

.post-card__date {
    font-family: var(--font-meta);
    font-weight: var(--font-weight-meta);
    font-size: 0.875rem;
    color: var(--color-muted);
}

/* Compact */
.post-compacts {
    display: flex;
    flex-direction: column;
    gap: var(--gutter);
}

.post-compact__body {
    padding-block: var(--spacing-md);
}

.post-compact__title {
    font-size: 1rem;
    margin-top: var(--spacing-sm);
    margin-bottom: var(--spacing-xs);
}

/* Headlines */
.post-headlines__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.post-headlines__item {
    padding-block: var(--spacing-sm);
    border-bottom: 1px solid var(--color-border);

    &:last-child {
        border-bottom: none;
    }
}

.post-headlines__title {
    font-size: 0.9375rem;
    font-family: var(--font-body);
    font-weight: var(--font-weight-body);
    margin: 0;
    line-height: 1.4;

    & a {
        color: inherit;
        transition: color var(--transition);

        &:hover {
            color: var(--color-primary);
        }
    }
}

.post-headlines > .tag {
    margin-block-end: var(--spacing-sm);
}