/* Netsite «newsroom» (05.11.2026) — вид серьёзного новостного сайта поверх site.css.
   Подключается только при netsite_brand {"layout":"newsroom"}; цвета, шрифты и словесный знак — в маленьком скине skin-nr-*.css.
   Решения по навыку ui-ux-pro-max: стиль «Editorial Grid / Swiss» (строгая сетка, тонкие линейки, без теней и скруглений,
   один акцент), шрифты — пара «заголовки + текст» с UI-гротеском для меток и времени, контраст AA, мобильная вёрстка первой.
   Описание и как включить — ops/design/NEWSROOM.md. */

:root {
  /* значения по умолчанию; скин переопределяет */
  --ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono: var(--ui);
  --rule: var(--ink);           /* жирные линейки рубрик */
  --kicker: var(--accent);      /* цвет рубрики над заголовком */
  --hd-bg: var(--paper); --hd-ink: var(--ink); --hd-muted: var(--muted); --hd-line: var(--line);
  --nav-bg: var(--paper); --nav-ink: var(--ink); --nav-hi: var(--accent);
  --ft-accent: var(--accent);
  --r: 0px;
  --w: 1240px;
  --measure: 68ch;
  --prose: 19px;
  --hed-w: 700;                 /* насыщенность заголовков */
}

body.nr { background: var(--paper); font-family: var(--text); }
.nr :focus-visible { outline: 2px solid var(--link); outline-offset: 2px; }
.nr .wrap { max-width: var(--w); }

/* ── Метки: рубрика (kicker), подписи разделов, время ── */
.nr .eyebrow {
  font: 700 12.5px/1.2 var(--ui); letter-spacing: .07em; text-transform: uppercase;
  color: var(--kicker); text-decoration: none; margin: 0 0 6px;
}
.nr .eyebrow:hover { text-decoration: underline; text-underline-offset: 3px; }
.nr-label {
  font: 800 13px/1 var(--ui); letter-spacing: .09em; text-transform: uppercase; color: var(--ink); margin: 0;
}
.nr-label a { color: inherit; text-decoration: none; }
.nr-label a:hover { color: var(--kicker); }
.nr-more { font: 600 13.5px var(--ui); color: var(--ink-2); text-decoration: none; white-space: nowrap; padding: 6px 0; }
.nr-more:hover { color: var(--kicker); text-decoration: underline; }
.nr time, .nr-meta, .nr-times { font-variant-numeric: tabular-nums; }

/* ── Шапка ── */
.nr-header { background: var(--hd-bg); color: var(--hd-ink); border-top: var(--top-rule, 0) solid var(--accent); }
.nr-util { border-bottom: 1px solid var(--hd-line); color: var(--hd-muted); font: 500 12.5px/1.2 var(--ui); }
.nr-util-in { display: flex; align-items: center; gap: 8px 18px; min-height: 40px; }
.nr-updated { margin-left: auto; white-space: nowrap; }
.nr-date-s { display: none; }
.nr-updated time { color: var(--hd-ink); font-weight: 600; }
.nr-theme {
  display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 2px 0 10px; margin-right: -2px;
  background: none; border: 0; color: var(--hd-ink); font: 600 12.5px var(--ui); cursor: pointer;
}
.nr-theme:hover { color: var(--nav-hi); }
.nr-mast { display: flex; align-items: center; gap: 16px 28px; padding-top: 20px; padding-bottom: 16px; flex-wrap: wrap; }
.nr-brand { min-width: 0; }
.nr .logo {
  display: inline-block; text-decoration: none; color: var(--hd-ink);
  font: var(--hed-w) 40px/1 var(--display); letter-spacing: -.015em; font-stretch: 100%;
}
.nr .logo-a, .nr .logo-b { color: inherit; font-weight: inherit; }
.nr-tagline { margin: 6px 0 0; font: 400 14px/1.35 var(--ui); color: var(--hd-muted); }
.nr-mast-tools { margin-left: auto; }
.nr .search { border: 1px solid var(--hd-line); border-radius: var(--r); background: var(--paper); }
.nr .search input { font: 400 15px var(--ui); color: var(--ink); width: 220px; min-height: 40px; }
.nr .search input::placeholder { color: var(--muted); }
.nr .search button { background: var(--ink); color: var(--paper); font: 700 13px var(--ui); letter-spacing: .04em; padding: 0 14px; min-height: 40px; }
.nr .nav-toggle { font: 700 13px var(--ui); letter-spacing: .06em; border-radius: var(--r); color: var(--hd-ink); border-color: var(--hd-line); min-height: 44px; padding: 0 14px; }

.nr .nr-nav { display: block; margin: 0; padding: 0; background: var(--nav-bg); border-top: 1px solid var(--hd-line); border-bottom: 1px solid var(--line); }
.nr .nr-nav ul { display: flex; flex-wrap: wrap; gap: 0 26px; list-style: none; margin: 0; padding: 0; }
.nr .nr-nav a {
  display: block; padding: 12px 0 10px; border-bottom: 3px solid transparent;
  color: var(--nav-ink); font: 650 14.5px/1.2 var(--ui); text-decoration: none; letter-spacing: .01em;
}
.nr .nr-nav a:hover, .nr .nr-nav .current-menu-item a, .nr .nr-nav .current-cat a { color: var(--nav-ink); border-bottom-color: var(--nav-hi); }
.nr-nav-search { display: none; }

/* ── Общий «материал» в списках ── */
.nr-story { display: flex; flex-direction: column; gap: 0; min-width: 0; }
.nr-body { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.nr-img { display: block; margin-bottom: 12px; }
.nr-img img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--r); background: var(--surface); }
.nr-hed { font: var(--hed-w) 19px/1.22 var(--display); letter-spacing: -.005em; margin: 0; text-wrap: pretty; }
.nr-hed a, .nr-latest-hed { color: var(--ink); text-decoration: none; }
.nr-hed a:hover, .nr-latest-hed:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.nr-dek { margin: 0; color: var(--ink-2); font: 400 15.5px/1.5 var(--text); }
.nr-meta { margin: 2px 0 0; color: var(--muted); font: 500 12.5px/1.3 var(--ui); }
.nr .eyebrow + .nr-hed { margin-top: -2px; }

/* ── Главная: верх ── */
.nr-front { padding-top: 24px; }
.nr-top { display: grid; gap: 28px; padding-bottom: 28px; border-bottom: 1px solid var(--line); }
.nr-story-lead .nr-hed { font-size: clamp(28px, 3.3vw, 42px); line-height: 1.1; letter-spacing: -.015em; }
.nr-story-lead .nr-dek { font-size: 18px; line-height: 1.5; max-width: 62ch; }
.nr-story-lead .nr-img img { aspect-ratio: 3 / 2; }
.nr-under { display: grid; gap: 20px; margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); }
.nr-story-under .nr-hed { font-size: 18px; }
.nr-story-under .nr-dek { font-size: 15px; }
.nr-second { display: grid; gap: 16px; align-content: start; }
.nr-story-2 + .nr-story-2 { border-top: 1px solid var(--line); padding-top: 14px; }
.nr-story-2.is-first .nr-hed { font-size: 22px; }
.nr-story-2 .nr-hed { font-size: 18px; }

/* Лента Latest */
.nr-latest .nr-label { padding-bottom: 10px; border-bottom: 2px solid var(--rule); }
.nr-latest ol { list-style: none; margin: 0; padding: 0; }
.nr-latest li { display: grid; grid-template-columns: 74px minmax(0, 1fr); gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.nr-latest li:last-child { border-bottom: 0; }
.nr-latest time { font: 700 12.5px/1.35 var(--ui); color: var(--kicker); padding-top: 1px; white-space: nowrap; }
.nr-latest .eyebrow { display: block; font-size: 11.5px; margin-bottom: 3px; color: var(--muted); }
.nr-latest-hed { font: 600 16px/1.3 var(--display); display: block; }

/* Блоки рубрик */
.nr-sections { display: grid; gap: 36px 32px; padding: 32px 0 16px; }
.nr-sec-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; border-top: 3px solid var(--rule); padding-top: 10px; margin-bottom: 14px; }
.nr-sec { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.nr-sec-lead .nr-hed { font-size: 21px; }
.nr-sec-item { border-top: 1px solid var(--line); padding-top: 12px; }
.nr-sec-item .nr-hed { font-size: 17px; line-height: 1.28; }

/* ── Рубрика / поиск ── */
.nr-archive-head { padding: 28px 0 20px; border-bottom: 3px solid var(--rule); margin-bottom: 8px; }
.nr-archive-head .archive-title { font: var(--hed-w) clamp(30px, 4vw, 44px)/1.08 var(--display); margin-top: 8px; letter-spacing: -.015em; }
.nr-archive-head .archive-dek { font: 400 17px/1.55 var(--text); color: var(--ink-2); margin-top: 8px; }
.nr-archive-head .archive-dek p { margin: 0; }
.nr-archive-grid { display: grid; gap: 32px; }
.nr-river-item { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.nr-river-item.has-img { grid-template-columns: minmax(0, 1fr) 112px; }
.nr-river-item .nr-img { order: 2; margin: 0; }
.nr-river-item .nr-img img { aspect-ratio: 1 / 1; }
.nr-river-item .nr-hed { font-size: 20px; }
.nr .pager .page-numbers { border-radius: var(--r); font-family: var(--ui); }

/* ── Статья ── */
.nr-article-grid { display: grid; gap: 40px; }
.nr .nr-article { max-width: 720px; margin: 0 auto; padding: 24px 0 16px; }
.nr-article-head { padding-bottom: 20px; border-bottom: 1px solid var(--line); margin-bottom: 24px; }
.nr .crumbs { font: 700 12.5px/1.3 var(--ui); letter-spacing: .07em; text-transform: uppercase; gap: 6px; color: var(--muted); }
.nr .crumbs a { color: var(--muted); }
.nr .crumbs a:last-of-type { color: var(--kicker); }
.nr .crumbs > span:not([aria-hidden]) { color: var(--ink-2); }
.nr .article-title { font: var(--hed-w) clamp(30px, 4.3vw, 46px)/1.1 var(--display); letter-spacing: -.018em; margin: 12px 0 14px; }
.nr .article-dek { font: 400 20px/1.45 var(--text); color: var(--ink-2); margin: 0 0 18px; }
.nr-byline { display: grid; gap: 4px; padding-top: 14px; border-top: 1px solid var(--line); font-family: var(--ui); }
.nr-by { margin: 0; font: 600 15px/1.35 var(--ui); color: var(--ink); }
.nr-by a { color: var(--ink); text-decoration: underline; text-decoration-color: var(--line); text-underline-offset: 3px; }
.nr-by a:hover { text-decoration-color: currentColor; }
.nr-times { margin: 0; display: flex; flex-wrap: wrap; gap: 2px 0; font: 400 13.5px/1.5 var(--ui); color: var(--muted); }
.nr-times > span + span::before { content: "·"; margin: 0 8px; color: var(--muted); }
.nr-upd { color: var(--ink); font-weight: 600; }
.nr .article-img { margin: 0 0 26px; }
.nr .article-img img { border-radius: var(--r); }
.nr .article-img figcaption { font: 400 13px/1.45 var(--ui); color: var(--muted); margin-top: 8px; padding-bottom: 8px; border-bottom: 1px solid var(--line); }

.nr .prose { font: 400 var(--prose)/1.7 var(--text); color: var(--ink); }
.nr .prose > * { max-width: var(--measure); }
.nr .prose a { color: var(--link); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.nr .prose a:hover { text-decoration-thickness: 2px; }
.nr .prose .lede { background: none; padding: 0; border-radius: 0; font-size: 1.1em; line-height: 1.6; color: var(--ink); margin-bottom: 1.1em; }
.nr .prose .lede::before { content: none; }
.nr .prose h2 { font: var(--hed-w) 26px/1.2 var(--display); letter-spacing: -.01em; margin: 1.6em 0 .5em; }
.nr .prose h3 { font: var(--hed-w) 20px/1.3 var(--display); margin: 1.4em 0 .4em; }
.nr .prose strong { font-weight: 700; }
.nr .prose li::marker { color: var(--muted); }
/* нумерация без «квадратиков» */
.nr .prose ol > li { padding-left: 34px; }
.nr .prose ol > li::before {
  background: none !important; color: var(--kicker) !important; width: auto; height: auto; border-radius: 0;   /* !important: тёмная тема site.css красит фон */
  font: 800 .95em/1.7 var(--ui); top: 0; text-align: left;
}
.nr .prose blockquote { border-left: 3px solid var(--accent); font-style: normal; color: var(--ink); font-size: 1.05em; padding-left: 20px; }
.nr .table-wrap { border-radius: var(--r); }
.nr .prose table { font: 400 15px/1.45 var(--ui); }
.nr .prose th { font: 700 12px var(--ui); letter-spacing: .06em; color: var(--ink-2); background: var(--surface); }
.nr .prose h2#faq, .nr .prose h2.faq { border-top: 3px solid var(--rule); padding-top: .7em; }

/* «Why it matters» / «Bottom line» */
.nr .prose .nr-box { margin: 1.8em 0; padding: 18px 22px 4px; background: var(--tint); border-left: 4px solid var(--accent); }
.nr .prose .nr-box h2 { font: 800 13px/1.3 var(--ui); letter-spacing: .09em; text-transform: uppercase; color: var(--kicker); margin: 0 0 .7em; border: 0; padding: 0; }
.nr .prose .nr-box > * { max-width: none; }
.nr .prose .nr-box p:last-child, .nr .prose .nr-box ul:last-child { margin-bottom: 1em; }
.nr .prose .nr-bottom { background: var(--surface); border-left-color: var(--rule); }
.nr .prose .nr-bottom h2 { color: var(--ink); }

/* источники (бот: <p class="sources"><em>Sources: …</em></p>) */
.nr .prose .sources { margin: 2em 0 0; padding: 14px 0 0; border-top: 1px solid var(--line); font: 400 14.5px/1.55 var(--ui); color: var(--muted); }
.nr .prose .sources em { font-style: normal; }
.nr .prose .sources a { color: var(--ink-2); }

.nr .article-foot { border-top: 1px solid var(--line); }
.nr .tags a { border-radius: var(--r); font: 600 12.5px var(--ui); letter-spacing: .02em; text-transform: none; padding: 6px 10px; }
.nr .editorial-note { font: 400 13.5px/1.5 var(--ui); }

.nr-related { margin: 16px 0 48px; }
.nr-related-grid { display: grid; gap: 24px; }
.nr-related .nr-hed { font-size: 17px; }

/* страницы (О нас и т. п.) */
.nr .article.page { padding-top: 28px; }

/* ── Подвал ── */
.nr .site-footer { margin-top: 24px; border-top: 4px solid var(--accent); font-family: var(--ui); }
.nr .site-footer .logo { font-size: 30px; color: #F4F4F1; }   /* подвал тёмный в обеих темах */
.nr .site-footer .logo-a, .nr .site-footer .logo-b { color: inherit; background: none; padding: 0; }
.nr .site-footer .section-label, .nr .footer-base { font-family: var(--ui); }
.nr .site-footer .section-label { font-weight: 800; letter-spacing: .09em; }

/* ── Ширины: телефон по умолчанию, дальше 720 / 1100 ── */
@media (max-width: 719px) {
  .nr .logo { font-size: 31px; }
  .nr-tagline { font-size: 13px; }
  .nr-mast { padding-top: 14px; padding-bottom: 12px; flex-wrap: nowrap; }
  .nr-mast-tools { display: none; }
  .nr .nav-toggle { display: block; margin-left: auto; flex: none; padding: 0 11px; font-size: 12px; }
  .nr-header { border-bottom: 1px solid var(--line); }
  .nr .nr-nav { display: none; }
  .nr .nr-nav.open { display: block; }
  .nr .nr-nav ul { flex-direction: column; gap: 0; }
  .nr .nr-nav li + li { border-top: 1px solid var(--line); }
  .nr .nr-nav a { padding: 13px 0; border-bottom: 0; font-size: 16px; }
  .nr-nav-search { display: block; padding: 8px 0 14px; }
  .nr-nav-search .search input { width: 100%; }
  .nr-nav-search .search { display: flex; }
  .nr-theme-txt { display: none; }
  .nr-date { white-space: nowrap; }
  .nr-date-l { display: none; }
  .nr-date-s { display: inline; }
  .nr-story-under.has-img { display: grid; grid-template-columns: minmax(0, 1fr) 104px; gap: 14px; align-items: start; }
  .nr-story-under .nr-img { order: 2; margin: 0; }
  .nr-story-under .nr-img img { aspect-ratio: 1 / 1; }
  .nr-story-under .nr-dek { display: none; }
  .nr-updated { font-size: 12px; }
  .nr-story-lead .nr-img { margin-left: -16px; margin-right: -16px; }
  .nr-story-lead .nr-img img { aspect-ratio: 16 / 10; }
  .nr .prose { font-size: calc(var(--prose) - 1.5px); }
  .nr .prose h2 { font-size: 23px; }
  .nr .article-dek { font-size: 18.5px; }
  .nr .article-img { margin-left: -16px; margin-right: -16px; }
  .nr .article-img figcaption { padding: 0 16px 8px; }
  .nr .prose .nr-box { padding: 16px 16px 2px; margin-left: -4px; margin-right: -4px; }
}
@media (min-width: 720px) {
  .nr-top { grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); column-gap: 32px; }
  .nr-top .nr-rail { grid-column: 1 / -1; }
  .nr-top .nr-latest ol { columns: 2; column-gap: 32px; }
  .nr-top .nr-latest li { break-inside: avoid; }
  .nr-second { border-left: 1px solid var(--line); padding-left: 28px; }
  .nr-sections { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nr-under { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; }
  .nr-river-item.has-img { grid-template-columns: minmax(0, 1fr) 220px; gap: 24px; }
  .nr-river-item .nr-img img { aspect-ratio: 16 / 10; }
  .nr-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1100px) {
  .nr-top { grid-template-columns: minmax(0, 6fr) minmax(0, 3.3fr) minmax(0, 3fr); column-gap: 28px; }
  .nr-top .nr-rail { grid-column: auto; border-left: 1px solid var(--line); padding-left: 24px; }
  .nr-top .nr-latest ol { columns: 1; }
  .nr-second { padding-left: 24px; }
  .nr-sections { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .nr-archive-grid { grid-template-columns: minmax(0, 1fr) 300px; gap: 48px; }
  .nr-archive-grid .nr-rail { padding-top: 18px; }
  .nr-article-grid { grid-template-columns: minmax(0, 720px) 300px; justify-content: space-between; gap: 56px; }
  .nr .nr-article { margin: 0; width: 100%; }
  .nr-article-rail { padding-top: 30px; }
  .nr-article-rail .nr-latest { position: sticky; top: 16px; }
  .nr-related-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 1099px) { .nr-article-grid > .nr-rail, .nr-archive-grid > .nr-rail { display: none; } }
@media (prefers-reduced-motion: reduce) { .nr * { transition: none !important; animation: none !important; } }
@media print {
  .nr-header, .nr-rail, .nr-related, .site-footer, .ns-nl-box, .ns-nl-slide { display: none !important; }
  body.nr { background: #fff; color: #000; }
}