/* Registered topic_discovery widget composition. Shared card internals live
 * in css/components/topic-card.css, requested by the widget template. */

.dn-widget-topic-discovery {
    min-width: 0;
    container-type: inline-size;
}

.dn-widget-topic-discovery__list {
    display: grid;
    grid-auto-rows: minmax(56px, auto);
    gap: 6px;
    list-style: none;
    margin: 0;
    padding: var(--space-2, 8px) 0 0;
}

.dn-widget-topic-discovery__item {
    min-height: 0;
    border: 1px solid var(--dn-rule-subtle);
    border-radius: 2px;
}

@container (max-width: 360px) {
    .dn-widget-topic-discovery .dn-region-heading {
        padding-bottom: 12px;
    }

    .dn-widget-topic-discovery .dn-region-heading__all {
        font-size: 11px;
    }

    .dn-widget-topic-discovery__list {
        display: flex;
        flex-direction: column;
        gap: 0;
        padding-top: 8px;
        border: 1px solid var(--dn-rule-subtle);
        border-radius: var(--radius-md, 8px);
    }

    .dn-widget-topic-discovery__item {
        border: 0;
        border-radius: 0;
    }

    .dn-widget-topic-discovery__item + .dn-widget-topic-discovery__item {
        border-top: 1px solid var(--dn-rule-subtle);
    }

    .dn-widget-topic-discovery .dn-topic-card {
        min-height: 0;
        padding: 12px 14px;
    }

    .dn-widget-topic-discovery .dn-topic-card__visual {
        width: 48px;
        height: 48px;
    }

    .dn-widget-topic-discovery .dn-topic-card__monogram {
        font-size: 16px;
    }

    .dn-widget-topic-discovery .dn-topic-card__name {
        font-size: 15px;
    }

    .dn-widget-topic-discovery .dn-topic-card__description {
        font-size: 11.5px;
    }
}