/* 1136 (слой BI): журнал — цели пальца, подсказка прокрутки разделов, ровный низ карточек.
 *
 * Замеры до правки на /zhizn-gtyres/ (390 и 1440): «Читать материал» и «Смотреть видео»
 * 40 px, кнопка воспроизведения 40×40, стрелки ленты 40×40, ссылка «Читать» в сетке
 * «Почитать» 34 px. Строка разделов на 390 прокручивается (запас 134 px), системной
 * полосы у неё нет после слоя BC — признака продолжения не остаётся. В сетке «Почитать»
 * карточки одной высоты, но ссылки стоят на разной высоте, по концу текста.
 *
 * Размеры значков не меняются: растёт область нажатия. Цвета, шрифты и порядок блоков
 * прежние; ссылки и их адреса не добавляются и не дублируются.
 */

/* 1. Цель 44 px у кнопки воспроизведения на обложке: final-polish.css держит там 40 px
      правилом .gtyres-marketing .gt-journal-card__play, поэтому поднимаем селектор, а не
      ставим !important.
      22.09: стрелки ленты и кейсов отсюда убраны — они теперь внутри общей пары
      .gt-control-pair, у которой своя высота 44 px на всю рамку. Это правило весит
      0-4-1 и переопределяло бы зоны пары. */
.gtyres-marketing .gt-journal-card .gt-journal-card__play {
  width: 44px;
  height: 44px;
  min-height: 44px;
  flex-basis: 44px;
}

.gtyres-marketing .gt-journal-card .gt-journal-card__read,
.r56-journal .r56-read,
.r56-journal .r56-categories a,
.r56-journal .r56-guides a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

.r56-journal .r56-categories a,
.r56-journal .r56-guides a { justify-content: space-between; }

/* 2. Подсказка прокрутки у строки разделов: тень видна, только пока справа есть
      содержимое, и исчезает в конце прокрутки. Фон-подложка не гасит сами ссылки,
      в отличие от маски поверх текста. */
.r56-journal .r56-nav {
  background-image:
    linear-gradient(to right, #fff, rgba(255, 255, 255, 0)),
    linear-gradient(to left, #fff, rgba(255, 255, 255, 0)),
    radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, .16), rgba(0, 0, 0, 0)),
    radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, .16), rgba(0, 0, 0, 0));
  background-position: 0 0, 100% 0, 0 0, 100% 0;
  background-repeat: no-repeat;
  background-size: 26px 100%, 26px 100%, 13px 100%, 13px 100%;
  background-attachment: local, local, scroll, scroll;
}

/* 3. Низ карточек «Почитать» на одной линии: ссылка прижата к нижнему краю карточки.
      Текстовый вариант .is-text центрирует содержимое по своей раскладке — его не трогаем. */
.r56-blog-grid > .r56-blog-box:not(.is-text) { display: flex; flex-direction: column; }
.r56-blog-grid > .r56-blog-box:not(.is-text) > .r56-blog-content { display: flex; flex-direction: column; flex: 1 1 auto; }
.r56-blog-grid > .r56-blog-box:not(.is-text) .r56-read { margin-top: auto; }