/*
KCD Portal 2.0.9 — definitive news layout correction.
*/

/* News Headlines: clean category icon without thumbnail frame/tile. */
.headline-list .headline-row {
    grid-template-columns: 42px minmax(0, 1fr) auto !important;
}

.headline-list .headline-category-icon-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

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

.headline-list .headline-category-icon-wrap .headline-category-icon {
    display: block !important;
    width: 34px !important;
    height: 34px !important;
    max-width: 34px !important;
    max-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
}

/* News cards: clean one-column layout, full usable width. */
article.news-card.news-card-v209,
.news-stream article.news-card.news-card-v209,
.news-area article.news-card.news-card-v209 {
    display: block !important;
    grid-template-columns: none !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

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

article.news-card.news-card-v209 .news-card-title {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 7px !important;
    margin: 0 !important;
}

article.news-card.news-card-v209 .news-category-icon {
    display: inline-block !important;
    width: 40px !important;
    height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    flex: 0 0 40px !important;
    margin: 0 3px 0 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

article.news-card.news-card-v209 .news-full-content,
article.news-card.news-card-v209 .news-full-content > *,
article.news-card.news-card-v209 .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-v209 .news-full-content {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
    column-count: 1 !important;
}

article.news-card.news-card-v209 .news-full-content p {
    text-align: justify;
}

article.news-card.news-card-v209 .news-title-divider,
article.news-card.news-card-v209 .news-meta-divider {
    display: block !important;
    width: 100% !important;
    height: 1px !important;
    margin: 10px 0 14px !important;
    border: 0 !important;
    background: linear-gradient(to right, rgba(176,143,74,.15), #b08f4a 20%, #d3b46a 50%, #b08f4a 80%, rgba(176,143,74,.15)) !important;
}

article.news-card.news-card-v209 .news-meta-divider {
    margin: 16px 0 8px !important;
}

article.news-card.news-card-v209 .news-meta-bottom {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right !important;
}
