/* Блоки, которыми управляет панель (новости, новые вопросы). Подключается при сборке tools/cms_build.py */
[data-l] { display: none; }
html[lang="uk"] [data-l="uk"], html[lang="ru"] [data-l="ru"], html[lang="en"] [data-l="en"] { display: revert; }

.news-strip { background: var(--mist, #E9EFF5); color: var(--ink); max-width: calc(var(--wrap) - 2 * var(--gutter)); margin: 20px auto 0;
  border-left: 3px solid var(--ink); border-radius: 0 var(--radius) var(--radius) 0; }
.news-strip .wrap { max-width: none; display: flex; align-items: center; gap: 24px; padding: 18px 28px; flex-wrap: wrap; }
.news-strip .ns-k { display: inline-flex; align-items: center; gap: 10px; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: var(--sea); white-space: nowrap; }
.news-strip .ns-k svg { width: 22px; height: 22px; fill: none; stroke: var(--ink); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.news-strip .ns-items { display: flex; gap: 32px; flex: 1 1 auto; flex-wrap: wrap; min-width: 0; }
.news-strip a.ns-item { color: var(--ink); text-decoration: none; display: flex; gap: 12px; align-items: baseline; min-width: 0; }
.news-strip a.ns-item + a.ns-item { border-left: 1px solid rgba(20, 20, 20, .15); padding-left: 32px; }
.news-strip a.ns-item:hover .ns-t { text-decoration: underline; text-underline-offset: 3px; }
.news-strip .ns-d { font-size: 13px; color: var(--text-2); white-space: nowrap; }
.news-strip .ns-t { font-size: 16px; }
.news-strip .ns-all { color: var(--ink); font-size: 14px; white-space: nowrap; margin-left: auto; }
@media (max-width: 720px) {
  .news-strip { margin-inline: var(--gutter); }
  .news-strip .wrap { gap: 10px; padding: 16px 18px; }
  .news-strip .ns-items { gap: 10px; flex-direction: column; }
  .news-strip a.ns-item + a.ns-item { border-left: 0; padding-left: 0; }
  .news-strip .ns-all { margin-left: 0; }
}

.news-list { display: grid; gap: 0; }
.news-item { padding: 28px 0 28px 24px; border-left: 3px solid transparent; border-top: 1px solid var(--line); scroll-margin-top: calc(var(--header-h) + 60px); }
.news-item:target { border-left-color: var(--ink); }
.news-item:last-child { border-bottom: 1px solid var(--line); }
.news-item .ni-d { font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: var(--sea); }
.news-item h2 { font-size: clamp(22px, 2.4vw, 28px); margin: 8px 0 12px; }
.news-item .ni-body { max-width: 72ch; color: var(--text-2); }
.news-item .ni-body p { margin: 0 0 10px; }
.news-item img { max-width: min(100%, 720px); border-radius: var(--radius); margin-top: 12px; display: block; }
.news-empty { color: var(--text-2); }