/* Topic Lab semantic-console sidebar polish. */

.td-topic-lab__topic-lab-sidebar {
    border-color: rgba(29, 39, 51, 0.1);
    border-radius: 1.35rem;
    background: rgba(255, 255, 255, 0.76);
    box-shadow: 0 18px 44px -34px rgba(16, 24, 40, 0.55);
}

.td-topic-lab__topic-lab-sidebar-kicker {
    margin: 0;
    color: #7a4f46;
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.085em;
    line-height: 1.1;
    text-transform: uppercase;
}

.td-topic-lab__topic-lab-sidebar-state {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.1rem;
}

.td-topic-lab__topic-lab-sidebar-state-item {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
    padding: 0.58rem 0.68rem;
    border: 1px solid rgba(29, 39, 51, 0.08);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.7);
}

.td-topic-lab__topic-lab-sidebar-state-item small {
    color: #6b7682;
    font-size: 0.66rem;
    font-weight: 850;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.td-topic-lab__topic-lab-sidebar-state-item strong {
    overflow: hidden;
    color: #1d2733;
    font-size: 0.86rem;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.td-topic-lab--topic-lab .td-topic-lab__topic-lab-sidebar-item {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 0.7rem !important;
    align-items: start !important;
    min-height: 3.45rem;
    padding: 0.78rem 0.85rem !important;
    border-color: rgba(29, 39, 51, 0.1);
    border-radius: 1rem !important;
    background: rgba(255, 255, 255, 0.78);
}

.td-topic-lab--topic-lab .td-topic-lab__topic-lab-sidebar-item-copy {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.td-topic-lab--topic-lab .td-topic-lab__topic-lab-sidebar-item-label {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    font-weight: 820;
    line-height: 1.18;
}

.td-topic-lab--topic-lab .td-topic-lab__topic-lab-sidebar-item-summary {
    display: -webkit-box;
    overflow: hidden;
    color: #647383;
    font-size: 0.74rem;
    line-height: 1.26;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.td-topic-lab--topic-lab .td-topic-lab__topic-lab-sidebar-item.is-active .td-topic-lab__topic-lab-sidebar-item-summary {
    color: rgba(255, 255, 255, 0.78);
}