.tdd-heritage-grid {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.tdd-heritage-card .tdd-card {
    border-color: color-mix(in srgb, var(--heritage-color) 75%, #d8c6a5);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--heritage-color) 32%, transparent), var(--tdd-shadow-card, 0 14px 30px rgba(0,0,0,.22));
}

.tdd-heritage-card .tdd-card__seal,
.tdd-heritage-detail .tdd-detail__sigil {
    color: var(--heritage-color);
    border-color: var(--heritage-color);
}

.tdd-heritage-card .tdd-card__title,
.tdd-heritage-detail .tdd-detail__title,
.tdd-heritage-detail .tdd-detail__sections h2 {
    color: var(--heritage-color);
}

.tdd-heritage-detail .tdd-detail {
    border-color: var(--heritage-color);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--heritage-color) 35%, transparent), var(--tdd-shadow-card, 0 14px 30px rgba(0,0,0,.22));
}

.tdd-heritage-powers th:first-child,
.tdd-heritage-powers td:first-child,
.tdd-heritage-powers th:last-child,
.tdd-heritage-powers td:last-child {
    white-space: nowrap;
    text-align: center;
}

.tdd-heritage-rank {
    display: inline-grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid var(--heritage-color);
    border-radius: 50%;
    color: var(--heritage-color);
    font-family: "Cinzel", serif;
    font-weight: 700;
}

@media (max-width: 800px) {
    .tdd-heritage-powers {
        min-width: 760px;
    }
}