.empty-state {
    text-align: center;
    max-width: 420px;
    padding: 4rem 0;
}

.empty-title {
    font-family: "Playfair Display", serif;
    font-size: 1.4rem;
    margin-bottom: 0.5rem;
}

.empty-subtle {
    font-size: 0.9rem;
    color: var(--color-text-muted);
}

.empty-state-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
}