/**
 * Стрічка новин у сайдбарі статті (single.php) — дочірня тема Коростень.
 *
 * Розмітку дає template-parts/article/article-side.php (override). home.css на
 * single-сторінці не вантажиться, тож стилі тікера дублюємо тут (за мотивами
 * .list-card з home.css), адаптовано під .side-card сайдбару.
 *
 * Сайдбар .art-side уже `position: sticky; top: 130px` (parent article.css), тож
 * блок прикріплюється при пролистуванні. Стрічка показується повністю, без
 * власного вертикального скролу всередині блоку.
 */

.side-news{ display: flex; flex-direction: column; min-height: 0; }

.side-news h5{ display: flex; align-items: center; gap: 8px; }

.side-news .lc-items{
  margin: 0 -18px;
  padding: 0 18px;
}

.side-news .day-sep{
  font-family: 'Manrope', sans-serif; font-size: 11.5px; font-weight: 800;
  text-transform: uppercase; letter-spacing: .08em; color: var(--muted-2);
  padding: 16px 0 8px;
}
.side-news .day-sep:first-of-type{ padding-top: 2px; }

.side-news .i{
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px;
  padding: 12px 18px; margin: 0 -18px;
  border-bottom: 1px solid var(--line);
  align-items: flex-start;
  transition: background .15s;
}
.side-news a.i{ color: inherit; text-decoration: none; }
.side-news a.i:hover{ background: var(--paper-2); }
.side-news .i:last-of-type{ border-bottom: 0; }

.side-news .i h4{
  font-family: 'Manrope', sans-serif; font-size: 14px; margin: 0; line-height: 1.3;
  font-weight: 700; color: var(--ink); letter-spacing: -.005em;
  min-width: 0; word-wrap: break-word; overflow-wrap: break-word; hyphens: manual;
}
.side-news a.i:hover h4{ color: var(--red); }

.side-news .time{
  font-family: 'Manrope', sans-serif; font-weight: 700; font-size: 12.5px;
  color: var(--muted); padding-top: 1px; text-align: right; white-space: nowrap;
}

.side-news__empty{ color: var(--muted); font-size: 13px; padding: 14px 0; margin: 0; }

.side-news .lc-foot{
  margin-top: 4px; padding: 14px 0 0; border-top: 1px solid var(--line);
}
.side-news .lc-foot a{
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 12.5px; font-weight: 800; color: var(--ink); text-decoration: none;
}
.side-news .lc-foot a:hover{ color: var(--red); }