/* Стили раздела «news» — только его страницы (подключает шаблон в блоке page_css, после css/core.css). */
@media only screen and (max-width: 768px) {
    img.news__image.lazy.w-100 {
        border-radius: 5px;
    }
}
.news__extract{color:var(--ink-2)!important;font-size:14px!important;line-height:1.5}
.news__image-caption{color:var(--ink-3)!important;font-size:13px!important}

@media (max-width:700px){
  .news-view .news__title{font-size:23px}
}

/* Подпись под фотографией */
.news__image-caption{
  color:var(--ink-3)!important;font-size:13px!important;font-weight:400;text-align:left!important;
}

/* Лид */
.news__extract{font-weight:400;font-size:16px!important;line-height:135%}

/* Главная фотография */
img.news__image.lazy.w-100{border-radius:6px!important}

/* шапка: автор, рубрика, время */
.ncard-h{display:flex;align-items:center;gap:11px;margin-bottom:12px}
.ncard-av{width:38px;height:38px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--surface-2)}
.ncard-who{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px;font-weight:400}
.ncard-cat{
  font-size:12.5px;font-weight:400;color:var(--ink-2);flex-shrink:0;
  background:var(--surface-2);padding:5px 11px;border-radius:20px;transition:background .14s,color .14s;
}
.ncard-cat:hover{background:var(--blue-soft);color:var(--blue)}

.ncard-t{
  display:block;font-size:20px;font-weight:600;line-height:1.28;color:var(--ink);
  transition:color .14s;
}
.ncard-t:hover{color:var(--blue)}
.ncard-x{display:block;margin-top:8px;font-size:15px;font-weight:400;line-height:1.5;color:var(--ink-2)}

.ncard-img{display:block;margin-top:14px;border-radius:10px;overflow:hidden;background:var(--surface-2)}

.ncard-acts{display:flex;align-items:center;gap:2px;margin-top:10px;margin-left:-9px}

/* отзыв резидента внизу карточки */
.ncard-cm{
  display:flex;align-items:flex-start;gap:10px;margin:16px -30px -30px;padding:14px 30px;
  background:transparent;color:inherit;transition:background .14s;
  border-top:1px solid #eee;
}
.ncard-cm:hover{background:var(--surface-3)}
.ncard-cm-b{min-width:0;font-size:13.5px;font-weight:400;line-height:1.45;color:var(--ink-2)}

.npages{display:flex;justify-content:center;padding:6px 0 2px}

/* Маячок подгрузки: пока он в поле зрения, тянется следующая порция */
.nfeed-more{display:flex;justify-content:center;padding:18px 0 26px}
.nfeed-spin{
  width:22px;height:22px;border-radius:50%;
  border:2px solid var(--surface-3);border-top-color:var(--ink-3);
  animation:nspin .7s linear infinite;
}

@media (max-width:700px){
  .ncard-t{font-size:17.5px}
  .ncard-cat{display:none}
  /* отступы карточки на телефоне другие: тянем отзыв ровно на них,
     иначе он уезжал за нижний край и скрывался обрезкой */
  .ncard-cm{margin:12px -14px -6px;padding:12px 14px}
}

/* === Телефон: форма записи и карточки === */
@media (max-width:700px){

  /* В карточке новости на узком экране лид только мешает: заголовок
     и обложка уже всё говорят. */
  .ncard-x{display:none}
}

/* Лента новостей: расстояние между карточками задаём контейнером —
   у самой карточки нижнего поля нет, иначе оно складывалось бы с ним. */
#news-feed{display:flex;flex-direction:column;gap:16px}

/* реклама Fonbet в теле статьи — плашка-реплика */
.pt-say-wrap{margin:22px 0 10px}

/* верх: назад к списку + категория */
.art-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.art-back{display:inline-flex;align-items:center;gap:6px;color:var(--ink-3)!important;font-size:13.5px;font-weight:500;border:0!important;text-decoration:none}
.art-back:hover{color:var(--ink)!important}
.art-cat{display:inline-flex;align-items:center;height:26px;padding:0 12px;border-radius:999px;background:var(--btn);color:#fff!important;font-size:12.5px;font-weight:600;border:0!important;text-decoration:none;white-space:nowrap}
.art-cat:hover{background:#c4001e}
.news-view.art .art-au{display:flex;align-items:center;gap:10px;min-width:0}
.art-au-ring{flex:none;display:inline-flex;width:40px;height:40px;padding:2px;border-radius:50%;background:var(--btn)}
.art-au-t{min-width:0}
.news-view.art .art-au-n{font-size:14px!important;font-weight:700!important;line-height:1.25;color:var(--ink)!important;margin:0}
.news-view.art .art-au-m{font-size:12.5px!important;line-height:1.3;color:var(--ink-3)!important;margin:0}
.news-view.art .art-au-m time{font-size:inherit!important;font-weight:400!important;color:inherit!important}
.art-by-r{display:flex;align-items:center;gap:6px;flex:none}
.art-rt{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:7px;background:var(--surface-2);color:var(--ink-3);font-size:12px;font-weight:500;white-space:nowrap}
.art-share{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:var(--ink-2);cursor:pointer;transition:background .15s}
.art-share:hover{background:var(--surface-2);color:var(--ink)}

/* главное фото и видео */
.news-view.art .art-hero{margin:0 0 20px}
.news-view.art .art-hero-pic{display:block;border-radius:14px!important;overflow:hidden;background:var(--surface-2)}
.news-view.art .art-cap{margin:8px 2px 0;font-size:12.5px!important;font-style:italic;line-height:1.4;color:var(--ink-3)!important;text-align:left!important}
.news-view.art .art-video{margin:0 0 20px;border-radius:14px;overflow:hidden;background:#000}

/* теги-таблетки */
.news-view.art .art-tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0}
.news-view.art a.art-tag{display:inline-flex;align-items:center;height:30px;padding:0 12px;margin:0;border-radius:999px;background:var(--surface-2)!important;color:var(--ink-3)!important;font-size:12.5px;font-weight:500;border:0!important;text-decoration:none;transition:background .15s,color .15s}
.news-view.art a.art-tag:hover{background:var(--red-soft)!important;color:var(--btn-t)!important}

/* реплика Fonteam и лицензия */
.news-view.art .art-say{margin:22px 0 0}

@media (max-width:700px){
  .art-back{width:34px;height:34px;justify-content:center;margin-left:-6px;border-radius:50%}
  .art-top{justify-content:flex-start;margin-bottom:12px}
  .news-view.art .art-hero{margin-left:-16px;margin-right:-16px;max-width:none}
  .news-view.art .art-hero-pic{border-radius:0!important}
  .news-view.art .art-cap{margin-left:16px;margin-right:16px}
}
