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

/* Картинка шапки раздела. В макете она квадратная (351×351), но редактор ставит
   в блок любой файл, и картинка другой пропорции растягивала блок по высоте:
   рядом два таких блока выглядели как разный масштаб одного персонажа.
   Держим квадратное место: ширина — от .articl__top-img (она своя на каждом
   брейкпоинте), высота равна ей, картинка вписывается целиком и стоит на нижней
   границе, чтобы персонажи были на одной линии. */
.articl .articl__top-img img {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    object-fit: contain;
    object-position: bottom center;
}

/* Строки колонки («Первый способ» / «Второй способ»). В main.min.css у
   .articl__row-item стоит grid-auto-rows:1fr: все строки колонки получают
   одинаковую высоту, равную самой высокой. Плюс сама колонка тянется до высоты
   соседней (._g-two с grid-auto-rows:1fr), а flex:auto отдаёт row-item всю
   лишнюю высоту — и 1fr размазывает её поровну между строками. Отсюда дыры
   между пунктом с картинкой и следующим номером.
   Строки должны быть по содержимому, а лишняя высота — оставаться внизу
   колонки: она и прижимает кнопку «Подробнее» к нижней границе. */
.articl .articl__row-item {
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
}