/* Newsgrabber — Stas-Clear. Блок ленты источника на карточке записи. */
.ng-block { margin: 24px 0; }

.ng-block__head {
    display: flex; align-items: baseline; justify-content: space-between;
    gap: 12px; flex-wrap: wrap; margin-bottom: 12px;
    padding-bottom: 8px; border-bottom: 1px solid #e6eaee;
}
.ng-block__title { margin: 0; font-size: 1.125rem; line-height: 1.3; }
.ng-block__source {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: .8203125rem; color: #888; text-decoration: none; white-space: nowrap;
}
.ng-block__source:hover { color: #008cba; }
.ng-block__favicon { width: 16px; height: 16px; border-radius: 3px; }

.ng-block__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; }

.ng-card { border: 1px solid #e6eaee; border-radius: 8px; padding: 12px 14px; background: #fff; }
.ng-card__date { font-size: .8203125rem; color: #888; margin-bottom: 4px; }
.ng-card__title { margin: 0 0 6px; font-size: .9375rem; line-height: 1.35; font-weight: 600; }
.ng-card__title a { color: #1e2224; text-decoration: none; }
.ng-card__title a:hover { color: #008cba; }
.ng-card__text { margin: 0; font-size: .875rem; line-height: 1.5; color: #555; }

.ng-rows { list-style: none; margin: 0; padding: 0; }
.ng-rows__item {
    display: flex; gap: 10px; align-items: baseline;
    padding: 7px 0; border-bottom: 1px dashed #e6eaee;
}
.ng-rows__item:last-child { border-bottom: 0; }
.ng-rows__date { flex: 0 0 auto; font-size: .8203125rem; color: #888; white-space: nowrap; }
.ng-rows__link { color: #1e2224; text-decoration: none; }
.ng-rows__link:hover { color: #008cba; }

@media (max-width: 575.98px) {
    .ng-block__list { grid-template-columns: 1fr; }
    .ng-rows__item { flex-direction: column; gap: 2px; }
}

/* Виджет. Колонка узкая: карточки выстраиваются в один столбец,
   а шапка без заголовка не должна оставлять пустую разделительную линию. */
.ng-block--widget { margin: 0; }
.ng-block--widget .ng-block__list { grid-template-columns: 1fr; gap: 10px; }
.ng-block__head--bare { border-bottom: 0; padding-bottom: 0; margin-bottom: 8px; justify-content: flex-start; }
.ng-block--widget .ng-rows__item { padding: 6px 0; }
.ng-block--widget.ng-block--compact .ng-rows__item { flex-direction: column; gap: 2px; }