holiday fillers - top news/reviews

.news-item {
    border: 10px solid var(--color-body-background, #eee);
    border-bottom: none;
    display: flex;
    background-color: var(--color-card-background, white);
}

.news-item img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    float: none;
}

#review-body .news-item a {
    font: 200 23px/130% Google-Oswald,Arial Narrow,Arial,sans-serif;
    line-height: 1;
    text-decoration: none;
}

.news-item .n-left,
.news-item .n-right {
    border: 1px solid var(--color-separator-light, #d7d7d7);
}
.news-item .n-left {
    display: inline-block;
    width: 30%;
    border-right: none;
}
.news-item .n-right {
    vertical-align: top;
    border-left: none;
    flex: 1;
}

.news-item .n-pic {
    display: inline-block;
    height: 100%;
}

#review-body .news-item h2 {
    margin: 10px 0 0 10px;
    padding: 0;
}
#review-body .news-item a {
    color: var(--color-link-text, #333);
    display: inline-block;
    height: 100%;
}

@media (orientation: portrait) {
    .news-item {
        border: none;
        margin: 0 -10px;
        padding: 0;
        max-width: unset;
    }
    .news-item .n-left {
        width: 40%;
        border-bottom: none;
    }
    #review-body .news-item .n-left a {
        margin: 10px 0 10px 10px;
        height: calc(100% - 20px);
    }
    .news-item .n-right {
        border-right: none;
        border-bottom: none;
    }
    #review-body .news-item a {
        font-size: 16px;
        font-weight: 700;
    }
}