/* Превью новости поверх main.min.css.
   Отдельным файлом: main.min.css приходит от вёрстки одной строкой
   и переписывается целиком при выгрузке. */

/* На широком экране фото стоит в ряд с заголовком. Высота карточки тогда
   равна тексту, и блок превью растягивается вместе с ней: object-fit: cover
   обрезает кадр то сверху, то по бокам — у каждой новости по-своему.
   Размер берём из макета: 15.9375rem × 10.625rem, пропорция 3:2. */
@media (min-width: 1200px) {
    .b-news__s-card.flex-xl-row > .b-news__s-img {
        align-self: flex-start;
        flex: 0 0 15.9375rem;
        width: 15.9375rem;
        max-width: 15.9375rem;
        height: 10.625rem;
        min-height: 10.625rem;
        aspect-ratio: 3 / 2;
        overflow: hidden;
    }

    .b-news__s-card.flex-xl-row > .b-news__s-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
}

/* Ссылки на картинке и на тексте, без накладки на всю карточку:
   дату и поля вокруг можно не трогать, заголовок и анонс выделяются. */
a.b-news__s-link,
a.b-news__s-link:hover,
a.b-news__s-link:focus,
a.b-news__s-link:visited,
a.b-news__s-link .b-news__s-title,
a.b-news__s-link .b-news__s-text {
    display: block;
    color: #1d1d1b;
    text-decoration: none;
    user-select: text;
}