/* KCD Portal 2.1.0 */

/* Compact text-only News Headlines. */
.headline-list .headline-row {
    grid-template-columns: minmax(0, 1fr) auto !important;
    min-height: 0 !important;
    padding: 5px 8px !important;
    gap: 10px !important;
    align-items: center !important;
}

.headline-list .headline-title {
    min-width: 0 !important;
    line-height: 1.15 !important;
}

.headline-list .headline-category {
    margin-right: 4px !important;
}

.headline-list .headline-category-icon-wrap,
.headline-list .headline-category-icon,
.headline-list .headline-thumb {
    display: none !important;
}

.headline-list .headline-meta {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    white-space: nowrap !important;
}

/* Icon-free, full-width news cards. */
article.news-card.news-card-v210,
.news-stream article.news-card.news-card-v210,
.news-area article.news-card.news-card-v210 {
    display: block !important;
    grid-template-columns: none !important;
    width: 100% !important;
    max-width: 100% !important;
}

article.news-card.news-card-v210 > .news-card-main {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 16px 18px !important;
    box-sizing: border-box !important;
}

article.news-card.news-card-v210 .news-card-title {
    display: flex !important;
    align-items: baseline !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    width: 100% !important;
    margin: 0 !important;
}

article.news-card.news-card-v210 .news-title-divider {
    margin-top: 3px !important;
}

article.news-card.news-card-v210 .news-full-content,
article.news-card.news-card-v210 .news-full-content > *,
article.news-card.news-card-v210 .news-full-content p {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

article.news-card.news-card-v210 .news-meta-bottom {
    color: #fff !important;
}

article.news-card.news-card-v210 .news-meta-bottom a {
    color: var(--gold, #c6a15b) !important;
}

article.news-card.news-card-v210 .news-meta-bottom a:hover,
article.news-card.news-card-v210 .news-meta-bottom a:focus {
    color: var(--gold2, #f0cf83) !important;
}