.species-empty-state {
    width: min(100% - (var(--page-padding-inline) * 2), var(--container-max));
    margin: 0 auto;
    padding: var(--space-12) 0;
}

.species-empty-state__title {
    margin: 0 0 var(--space-3);
    font-family: var(--font-display), serif;
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 700;
    color: var(--color-brand-strong);
}

.species-empty-state__link {
    color: var(--color-brand-primary);
    text-decoration: none;
    font-size: 1rem;
    font-weight: 600;
}

.species-empty-state__link:hover {
    text-decoration: underline;
}