/*
 * Блок «Сейчас читают» - виджет из состава этапа 3 договора (22.08.2026).
 *
 * 🛑 В макете этого блока НЕТ - ни на десктопной главной (0:2654), ни на
 * мобильной (0:6), проверено по метаданным файла Figma. Он назван только в
 * перечне виджетов этапа 3, и на старом сайте его тоже не было. Поэтому
 * свёрстан по аналогии с уже утверждёнными блоками, а не «снят с макета»:
 * заголовок секции переиспользован от `.it-feed`, строка материала повторяет
 * карточку `plain` из «Топ статей». Своего здесь ровно два элемента - номер
 * позиции и разделительная линия между строками.
 *
 * 🛑 Локальный сброс обязателен: блок живёт и на страницах старой вёрстки,
 * где общий base.css не подключён (то же правило, что у остальных блоков).
 */

.it-now,
.it-now * {
    box-sizing: border-box;
}

.it-now__list {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: none;
}

.it-now__item {
    display: flex;
    align-items: baseline;
    gap: var(--sp-8);
    padding: var(--sp-10) 0;
}

/* Линия между строками, но не над первой и не под последней - как в блоке
   «Вопрос-ответ» (макет 0:2851). */
.it-now__item + .it-now__item {
    border-top: 1px solid var(--c-line);
}

/* Номер позиции. Тем же фирменным оранжевым, что и остальные акценты; ширина
   фиксированная, иначе заголовки первой и десятой строки начинались бы с
   разного отступа. */
.it-now__rank {
    flex: none;
    width: 14px;
    color: var(--c-accent);
    font-family: var(--font-main);
    font-size: var(--fs-14);
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
}

.it-now__link {
    color: var(--c-text);
    font-family: var(--font-main);
    font-size: var(--fs-14);
    font-weight: 500;
    line-height: 1.3;
    text-decoration: none;
}

.it-now__link:hover {
    color: var(--c-accent);
}