/* ─────────────────────────────────────────────────────────────
   Союз ПБ — дизайн-система v2, 03.08.2026.
   Направление: официальный документ, а не рекламная страница.
   Плоские поверхности, линейки вместо коробок, реестр — главный герой.
   Разметка и тексты страниц не менялись: это чистый CSS-редизайн.
   ───────────────────────────────────────────────────────────── */

@font-face{font-family:Golos;src:url(/fonts/golos-400.woff2)format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Golos;src:url(/fonts/golos-500.woff2)format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Golos;src:url(/fonts/golos-700.woff2)format("woff2");font-weight:700;font-display:swap}

:root{
  /* поверхности и текст: холодный графит, ни грамма тёплого «крема» */
  --ink:#1b2432;            /* основной текст  */
  --ink-2:#5a6577;          /* вторичный       */
  --ink-3:#667085;          /* третичный, подписи */
  --paper:#fff;
  --surface:#f5f7fa;        /* подложка секций */
  --surface-2:#eef2f7;      /* акцентная подложка */
  --line:#dde3ea;
  --line-2:#c6cfda;
  --dark:#141c28;           /* тёмные зоны: подвал, полоса призыва */
  --dark-2:#20293a;

  /* фирменное пламя из логотипа — единственный акцент */
  --flame:#c8401f;
  --flame-ink:#a9351a;      /* для текста и ховеров */
  --flame-soft:#fdf0ec;

  --ok:#1f6b45; --ok-bg:#e8f4ed;
  --warn:#8a5a12; --warn-bg:#fdf5e6;

  --f:Golos,system-ui,-apple-system,"Segoe UI",sans-serif;
  --wrap:1140px;
  --r:4px;                  /* документ не бывает круглым */
  --r-lg:6px;
}

*,*::before,*::after{box-sizing:border-box;min-width:0}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);
  font:400 17px/1.6 var(--f);-webkit-font-smoothing:antialiased;
  font-feature-settings:"kern","liga"}
h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.018em;line-height:1.18;text-wrap:balance}
p{margin:0}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
:where(a,button,input,summary,[tabindex]):focus-visible{
  outline:2px solid var(--flame);outline-offset:2px;border-radius:2px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.shell,.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:24px}
@media(max-width:520px){.shell,.wrap{padding-inline:18px}}

/* ── шапка ────────────────────────────────
   Белая, тонкая, с волосяной линией снизу. Никакого блюра и стекла. */
.top{position:sticky;top:0;z-index:40;background:var(--paper);
  border-bottom:1px solid var(--line)}
.top__in{display:flex;align-items:center;gap:24px;min-height:66px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;min-width:0;
  flex:0 1 auto;margin-right:auto}
.brand__mark{width:34px;height:34px;flex:0 0 auto}
.brand__t{display:block;font-weight:700;font-size:18px;line-height:1.1;color:var(--ink);
  letter-spacing:-.01em}
.brand__s{display:block;font-size:12px;color:var(--ink-3);line-height:1.35;margin-top:2px;
  font-variant-numeric:tabular-nums}
.top__nav{display:flex;gap:18px;font-size:14.5px;flex:0 0 auto;align-items:center}
.top__nav > a,.nav-item > a{text-decoration:none;color:var(--ink-2);min-height:26px;
  display:inline-flex;align-items:center;white-space:nowrap;position:relative;transition:color .15s}
.top__nav > a:hover,.nav-item > a:hover{color:var(--ink)}
.top__nav > a::after,.nav-item > a::after{content:"";position:absolute;left:0;right:0;bottom:-1px;
  height:2px;background:var(--flame);transform:scaleX(0);transition:transform .15s}
.top__nav > a:hover::after,.nav-item > a:hover::after{transform:scaleX(1)}
/* Текущий раздел подчёркнут постоянно: видно, где ты находишься. */
.top__nav .is-current{color:var(--ink);font-weight:500}
.top__nav .is-current::after{transform:scaleX(1)}

/* Реестры — единственный пункт с вложенностью: их три плюс методика ведения.
   Раскрывается по наведению и по фокусу с клавиатуры, без JS. */
.nav-item--drop{position:relative;display:inline-flex;align-items:center}
.nav-item--drop > a::before{content:"";position:absolute;right:-13px;top:calc(50% - 1px);
  width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  transform:translateY(-50%)rotate(45deg);opacity:.55}
.nav-item--drop{margin-right:11px}
.nav-drop{position:absolute;top:100%;left:-14px;min-width:246px;background:var(--paper);
  border:1px solid var(--line);border-radius:var(--r-lg);padding:6px;
  box-shadow:0 8px 24px rgba(20,28,40,.1);display:grid;gap:1px;
  opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .14s,transform .14s,visibility .14s;
  z-index:50}
.nav-item--drop:hover .nav-drop,.nav-item--drop:focus-within .nav-drop{
  opacity:1;visibility:visible;transform:translateY(0)}
.nav-drop a{display:flex;align-items:center;min-height:38px;padding:6px 12px;font-size:14.5px;
  color:var(--ink-2);text-decoration:none;border-radius:var(--r);white-space:nowrap;
  transition:background .12s,color .12s}
.nav-drop a:hover{background:var(--surface);color:var(--ink)}
.nav-drop a[aria-current]{color:var(--ink);font-weight:500;background:var(--surface)}
.top__tel{font-weight:700;color:var(--ink);text-decoration:none;white-space:nowrap;
  min-height:26px;display:inline-flex;align-items:center;font-variant-numeric:tabular-nums}
.top__tel:hover{color:var(--flame-ink)}

/* На узких экранах меню не прячем, а прокручиваем: внутренние ссылки
   должны оставаться доступны и на телефоне — это и навигация, и перелинковка. */
@media(max-width:1180px){
  .top__in{flex-wrap:wrap;gap:10px 18px;padding-block:10px;min-height:0}
  .brand{order:1}
  .top__tel{order:2}
  .top__nav{order:3;flex:1 0 100%;gap:18px;overflow-x:auto;scrollbar-width:none;
    padding-bottom:2px;border-top:1px solid var(--line);padding-top:8px}
  .top__nav::-webkit-scrollbar{display:none}
  .top__nav > a,.nav-item > a,.nav-drop a{font-size:14.5px;flex:0 0 auto}
  .nav-item--drop{margin-right:0;flex:0 0 auto}
  .nav-drop{flex:0 0 auto}
  .nav-item--drop > a::before{display:none}
  .nav-drop{position:static;opacity:1;visibility:visible;transform:none;min-width:0;
    border:0;border-radius:0;padding:0;box-shadow:none;display:flex;gap:18px;background:transparent}
  .nav-drop a{min-height:26px;padding:0;background:transparent;font-size:14.5px}
  .nav-drop a:hover,.nav-drop a[aria-current]{background:transparent}
  /* Родительский пункт «Реестры» на узком экране скрыт: три реестра
     показаны отдельными ссылками, дублировать заголовок незачем. */
  .nav-item--drop > a{display:none}
}
@media(max-width:1340px){.brand__s{display:none}}
@media(max-width:560px){.brand__t{font-size:17px}.top__tel{font-size:15px}}

/* ── подвал ───────────────────────────────── */
.foot{background:var(--dark);color:#c3ccd9;border-top:0;padding:52px 0 32px;font-size:15px}
.foot__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}
.foot h4{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  color:#7d8798;margin-bottom:16px}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.foot a{color:#dbe2ec;text-decoration:none;min-height:24px;display:inline-flex;align-items:center;
  transition:color .15s}
.foot a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.foot__req{color:#9aa5b4;line-height:1.65;font-size:14px}
.foot__req b{color:#dbe2ec;font-weight:500;font-variant-numeric:tabular-nums}
.foot__bottom{margin-top:40px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);
  display:flex;flex-wrap:wrap;gap:10px 26px;color:#7d8798;font-size:13.5px}
.foot__bottom a{color:#9aa5b4}
@media(max-width:860px){.foot__grid{grid-template-columns:1fr;gap:32px}}

/* ── кнопки: прямоугольные, как штампы ────── */
.button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:46px;padding:11px 22px;border-radius:var(--r);
  font:500 16px/1.2 var(--f);text-decoration:none;cursor:pointer;
  border:1px solid transparent;transition:background .15s,border-color .15s,color .15s}
.button-coral,.btn--primary{background:var(--flame);color:#fff}
.button-coral:hover,.btn--primary:hover{background:var(--flame-ink)}
.button-navy{background:var(--ink);color:#fff}
.button-navy:hover{background:var(--dark-2)}
.button-outline,.btn--outline{background:transparent;color:var(--ink);border-color:var(--line-2)}
.button-outline:hover,.btn--outline:hover{border-color:var(--ink);background:var(--surface)}
.cta-band .button-outline,.cta-band .btn--outline,.cta .button-outline,.cta .btn--outline,
.honest .button-outline,.honest .btn--outline{color:#fff;border-color:rgba(255,255,255,.45)}
.cta-band .button-outline:hover,.cta-band .btn--outline:hover,.cta .button-outline:hover,
.cta .btn--outline:hover,.honest .button-outline:hover,.honest .btn--outline:hover{
  border-color:#fff;background:rgba(255,255,255,.1)}
.button-ghost,.btn--light{background:transparent;color:var(--ink);border-color:var(--line-2)}
.button-ghost:hover,.btn--light:hover{border-color:var(--ink);background:var(--surface)}
.button-row,.center-action,.registration-actions,.hero-actions,.cta-actions,
.article-navigation,.hero__acts,.cta__acts{
  display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.center-action{justify-content:center;margin-top:30px}

/* ── шапка страницы: бланк, а не баннер ─────
   Была тёмная градиентная плашка; стала белая «шапка документа»
   с фирменной линейкой сверху и метаданными мелким кеглем. */
.page-hero,.article-hero,.registry-hero,.methodology-hero,.normative-hero{
  background:var(--paper);color:var(--ink);padding:0 0 34px;
  border-bottom:1px solid var(--line);position:relative}
.page-hero::before,.article-hero::before,.registry-hero::before,
.methodology-hero::before,.normative-hero::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--flame)}
.page-hero > .shell,.article-hero > .shell{padding-top:30px}
.page-hero h1{font-size:clamp(30px,4vw,44px);line-height:1.12;max-width:20ch;margin-top:12px}
.page-hero > .shell > p{color:var(--ink-2);font-size:18px;line-height:1.6;max-width:62ch;margin-top:16px}
.page-hero a{color:var(--flame-ink);text-decoration:underline;text-underline-offset:3px}
.compact-hero{padding-bottom:28px}
.compact-hero h1{font-size:clamp(27px,3.2vw,36px)}

.breadcrumbs{display:flex;flex-wrap:wrap;gap:7px;align-items:center;font-size:13.5px;
  color:var(--ink-3);margin:0}
.breadcrumbs a{color:var(--ink-2);text-decoration:none;min-height:24px;display:inline-flex;
  align-items:center}
.breadcrumbs a:hover{color:var(--flame-ink);text-decoration:underline;text-underline-offset:3px}
.breadcrumbs span{color:var(--ink-3)}

/* Надзаголовок: не капслок-эйбрау, а подпись поля документа. */
.eyebrow,.s__eyebrow,.document-kicker{display:inline-flex;align-items:center;gap:9px;
  font-size:13.5px;font-weight:500;letter-spacing:0;text-transform:none;
  color:var(--flame-ink);margin:0}
.eyebrow::before,.s__eyebrow::before{content:"";width:18px;height:1px;background:var(--flame);
  flex:0 0 auto}
.eyebrow-light{color:var(--flame-ink)}
.document-kicker{color:var(--ink-3);margin-bottom:10px;font-size:13px}

/* Отметка о проверке — как штамп на полях бланка. */
.review-stamp,.review-stamp-light{display:inline-flex;align-items:center;gap:8px;
  margin-top:20px;padding:6px 12px 6px 10px;border-radius:2px;
  background:var(--surface);border:1px solid var(--line);border-left:2px solid var(--ink-3);
  color:var(--ink-2);font-size:13px;font-weight:400;font-variant-numeric:tabular-nums}

/* ── секции ───────────────────────────────── */
.section,.content-section,.registry-section,.result-section,.legal-section,
.advantages-section,.registration-section,.trust-section,.registries-section,
.benefits-section,.systems-section,.contact-section,.requisites-section,
.standard-section,.process-section,.normative-intro{padding:60px 0}
.section-heading{max-width:62ch;margin-bottom:34px}
.section-heading h2,h2.section-heading{font-size:clamp(25px,3vw,33px);line-height:1.16;margin-top:12px}
.section-heading p{color:var(--ink-2);font-size:17px;line-height:1.6;margin-top:14px}
@media(max-width:900px){
  .section,.content-section,.registry-section,.result-section,.legal-section,
  .advantages-section,.registration-section,.trust-section,.registries-section,
  .benefits-section,.systems-section,.contact-section,.requisites-section,
  .standard-section,.process-section,.normative-intro{padding:42px 0}
}

/* Чередование подложек — тонкое, с разделительной линейкой. */
main > section:nth-of-type(even):not(.page-hero):not(.cta-band):not(.methodology-layout):not(.plain-article){
  background:var(--surface);border-block:1px solid var(--line)}

/* ── типографика содержимого ──────────────── */
main h2{font-size:clamp(23px,2.6vw,30px);line-height:1.18;margin:0 0 16px}
main h3{font-size:20px;line-height:1.3;margin:28px 0 10px;font-weight:700}
main h4{font-size:17px;margin:22px 0 8px;font-weight:700}
main p{margin:0 0 15px;max-width:68ch;line-height:1.65;text-wrap:pretty}
main section > p:last-child,main article > p:last-child{margin-bottom:0}
main ul,main ol{margin:0 0 17px;padding-left:20px;max-width:68ch}
main li{margin-bottom:9px;line-height:1.6}
main li::marker{color:var(--ink-3)}
main a{color:var(--flame-ink);text-decoration:underline;text-underline-offset:3px;
  text-decoration-thickness:1px;text-decoration-color:rgba(200,64,31,.4);transition:text-decoration-color .15s}
main a:hover{text-decoration-color:var(--flame)}
main strong,main b{font-weight:700}
.prose,.legal-copy{max-width:68ch}
.article-lead,.normative-intro > .shell > p:first-child{font-size:19.5px;line-height:1.55;
  color:var(--ink-2);max-width:60ch}

/* ── сетки: без коробок там, где хватает воздуха ── */
.advantages-grid,.benefits-grid,.systems-grid,.knowledge-grid,.content-grid,
.registry-cards,.contact-cards,.document-grid,.article-card-grid,.knowledge-entry-grid,
.registration-grid,.trust-links,.legal-levels,.trust-facts,.facts,.who,.reg,.get{
  display:grid;gap:0;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));
  margin-top:8px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
  overflow:hidden}
.registration-grid,.document-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}

/* Ячейки сетки — не карточки с тенями, а поля одного бланка. */
.advantage-card,.fact-card,.answer-card,.contact-primary,.correction-panel,
.knowledge-grid > *,.content-grid > *,.registry-cards > *,.contact-cards > *,
.document-grid > *,.article-card-grid > article,.legal-levels > *,.trust-facts > *,
.trust-links > *,.registration-facts,.systems-grid > *,.benefits-grid > *,
.facts > *,.who > *,.reg > *,.get > *{
  background:var(--paper);border:0;border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);border-radius:0;padding:26px 24px}
.advantage-card h3,.fact-card h3,.answer-card h3{margin-top:0}
.advantage-card p:last-child,.fact-card p:last-child{margin-bottom:0}

/* Тематическая группа: заголовок над сеткой, а не ячейка в ней. */
.topic-group{margin-top:8px}
.topic-group + .topic-group{margin-top:48px}
.topic-group > h2{margin-bottom:20px}

/* Карточка-ссылка методики. */
.knowledge-grid > a{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:9px;
  transition:background .15s}
.knowledge-grid > a:hover{background:var(--surface)}
.knowledge-grid > a:hover h3{color:var(--flame-ink)}
.knowledge-grid > a > span:first-child{font-size:12.5px;font-weight:500;color:var(--ink-3);
  font-variant-numeric:tabular-nums;letter-spacing:.04em}
.knowledge-grid > a h3{margin:0;font-size:19px;transition:color .15s}
.knowledge-grid > a p{margin:0;font-size:15.5px;color:var(--ink-2);max-width:none}
.knowledge-grid > a small{font-size:13px;line-height:1.5;color:var(--ink-3);margin-top:auto;
  padding-top:10px;border-top:1px solid var(--line)}

.trust-facts > *,.facts > *,.who > *,.reg > *{display:flex;flex-direction:column;gap:8px}
.trust-facts > * > span:first-child,.facts > * > span:first-child{
  font-size:12.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.trust-facts h3,.facts h3{margin:0;font-size:19px}
.trust-facts p,.facts p{margin:0;font-size:15.5px;max-width:none}

.fact-card{display:flex;flex-direction:column;gap:2px}
.fact-card > span{font-size:12.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ink-3)}
.fact-card > span:not(:first-child){margin-top:16px}
.fact-card > strong{font-size:17px;color:var(--ink);font-variant-numeric:tabular-nums}
.fact-card > a:not(.fact-card-secondary-link){margin-top:16px;font-weight:500}
.fact-card-secondary-link{margin-top:auto;padding-top:16px}

.contact-cards > article{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.contact-cards h2{margin:0;font-size:22px}
.contact-cards p{margin:0;max-width:none}
.contact-phone{font-size:27px;font-weight:700;text-decoration:none!important;display:inline-flex;
  align-items:center;min-height:34px;font-variant-numeric:tabular-nums;color:var(--ink);
  letter-spacing:-.01em}
.contact-phone:hover{color:var(--flame-ink)}
.contact-label{font-size:12.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ink-3)}

/* ── методики: боковое содержание ─────────── */
.methodology-layout{display:grid;grid-template-columns:236px minmax(0,1fr);gap:56px;
  align-items:start;padding:52px 24px 64px;max-width:var(--wrap);margin-inline:auto}
.methodology-sidebar{position:sticky;top:86px;display:grid;gap:2px;
  background:transparent;border:0;border-left:1px solid var(--line);border-radius:0;padding:2px 0 2px 18px}
.methodology-sidebar strong{font-size:12px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ink-3);margin-bottom:10px}
.methodology-sidebar a{display:flex;align-items:center;min-height:30px;font-size:14.5px;
  color:var(--ink-2);text-decoration:none;padding:2px 0;transition:color .15s}
.methodology-sidebar a:hover{color:var(--flame-ink)}
.methodology-document > section{padding:0 0 36px;margin-bottom:36px;border-bottom:1px solid var(--line)}
.methodology-document > section:last-child{border-bottom:0;margin-bottom:0}
@media(max-width:940px){
  .methodology-layout{grid-template-columns:1fr;gap:26px;padding:32px 24px 48px}
  .methodology-sidebar{position:static;border-left:0;border-top:1px solid var(--line);
    padding:16px 0 0}
}

/* Паспорт методики — таблица бланка. */
.method-passport{display:grid;gap:0;margin:0 0 22px;border:1px solid var(--line);
  border-radius:var(--r-lg);overflow:hidden}
.method-passport > div{display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px;
  padding:14px 20px;border-bottom:1px solid var(--line);background:var(--paper)}
.method-passport > div:nth-child(odd){background:var(--surface)}
.method-passport > div:last-child{border-bottom:0}
.method-passport dt{font-weight:500;font-size:14.5px;color:var(--ink-2)}
.method-passport dd{margin:0;font-size:16px}
@media(max-width:700px){.method-passport > div{grid-template-columns:1fr;gap:4px}}

/* Нормативные ссылки. */
.reference-list{display:grid;gap:0;margin-bottom:20px;border-top:1px solid var(--line)}
.reference-list article{background:transparent;border:0;border-bottom:1px solid var(--line);
  border-radius:0;padding:15px 0}
.reference-list a{font-weight:500}
.reference-list p{margin:5px 0 0;font-size:15px;color:var(--ink-2);max-width:none}

/* Замечания и предупреждения — цветом фона и левой линейкой ранга. */
.document-note,.source-note,.status-note,.legal-note,.methodology-principle,.editorial-disclaimer{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r);padding:16px 18px;margin:20px 0;font-size:15.5px;line-height:1.6;
  color:var(--ink)}
.warning-list,.legal-note{background:var(--warn-bg);border-color:#ecdcb8}
.editorial-disclaimer{background:transparent;border:0;border-top:1px solid var(--line);
  border-radius:0;color:var(--ink-3);font-size:14px;padding:16px 0 0}
.document-note p:last-child,.editorial-disclaimer p:last-child{margin-bottom:0}
.status-note{display:flex;gap:14px;align-items:flex-start;background:var(--flame-soft);
  border-color:#f2d9d0}
.status-note-mark{flex:0 0 auto;width:21px;height:21px;border-radius:50%;background:var(--flame);
  color:#fff;display:grid;place-items:center;font-size:12.5px;font-weight:700;font-style:normal;
  margin-top:2px}
.status-note h2{font-size:19px;margin-bottom:8px}

/* ── нумерованные этапы: колонка номеров, как в описи ── */
.method-stages,.plain-steps,.process-list,.steps{counter-reset:st;list-style:none;padding:0;
  margin:0 0 20px;display:grid;gap:0}
.method-stages > li,.plain-steps > li,.process-list > li,.steps > li{
  position:relative;padding:18px 0 18px 52px;border-top:1px solid var(--line);margin:0}
.method-stages > li:last-child,.plain-steps > li:last-child,
.process-list > li:last-child,.steps > li:last-child{border-bottom:1px solid var(--line)}
.method-stages > li::before,.plain-steps > li::before,
.process-list > li::before,.steps > li::before{
  counter-increment:st;content:counter(st,decimal-leading-zero);position:absolute;left:0;top:18px;
  font-size:14px;font-weight:700;color:var(--flame);font-variant-numeric:tabular-nums;
  letter-spacing:.02em}
/* номер уже рисует счётчик — текстовый дубль из разметки прячем */
.method-stages > li > span:first-child,.process-list > li > span:first-child,
.steps > li > span:first-child{display:none}
.method-stages h3,.plain-steps h3,.process-list h3,.steps h3{margin:0 0 6px;font-size:18px}
.step__meta{font-size:13.5px;color:var(--ink-3)}

/* Чек-листы. */
.document-checklist,.customer-checklist{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:10px}
.document-checklist > li,.customer-checklist > li{position:relative;padding-left:26px;line-height:1.6}
.document-checklist > li::before,.customer-checklist > li::before{
  content:"";position:absolute;left:1px;top:.62em;width:8px;height:8px;
  border:1px solid var(--flame);background:var(--flame)}
.warning-list{list-style:none;padding:18px 20px;display:grid;gap:10px}
.warning-list > li{position:relative;padding-left:26px;line-height:1.6}
.warning-list > li::before{content:"!";position:absolute;left:0;top:.05em;width:17px;height:17px;
  border-radius:50%;background:var(--warn);color:#fff;font-size:11.5px;font-weight:700;
  display:grid;place-items:center}

/* ── статьи ───────────────────────────────── */
.plain-article{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:56px;align-items:start;
  padding:52px 24px 64px;max-width:var(--wrap);margin-inline:auto}
.plain-article-main > section{padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid var(--line)}
.plain-article-main > section:last-child{border-bottom:0}
.article-aside{position:sticky;top:86px;display:grid;gap:14px;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--r-lg);padding:22px}
.article-aside strong{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);
  font-weight:700}
.article-aside a{display:flex;align-items:center;min-height:28px;font-size:15px}
@media(max-width:940px){
  .plain-article{grid-template-columns:1fr;gap:28px;padding:32px 24px 48px}
  .article-aside{position:static}
}
.answer-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px}

/* Ссылки на документы. */
.article-references{display:grid;gap:0;list-style:none;padding:0;margin:0 0 18px;
  border-top:1px solid var(--line)}
.article-references > *{background:transparent;border:0;border-bottom:1px solid var(--line);
  border-radius:0;padding:14px 0;font-size:15.5px}
.article-references > a{display:grid;gap:4px;text-decoration:none;transition:padding-left .15s}
.article-references > a:hover{padding-left:6px}
.article-references > a strong{color:var(--flame-ink);font-weight:500}
.article-references > a:hover strong{text-decoration:underline;text-underline-offset:3px}
.article-references > a span{color:var(--ink-2)}

/* Уровни документов. */
.legal-levels{list-style:none;padding:0}
.legal-levels > li{display:flex;flex-direction:column;gap:7px}
.legal-levels > li > span:first-child{font-size:13px;font-weight:700;color:var(--flame);
  font-variant-numeric:tabular-nums;letter-spacing:.03em}
.legal-levels h3{margin:0;font-size:18.5px}
.legal-levels p{margin:0;font-size:15.5px;max-width:none}

/* FAQ. */
.faq-list{display:grid;gap:0;border-top:1px solid var(--line)}
.faq-list > *{border-bottom:1px solid var(--line);padding:20px 0}
.faq-list h3,.faq-list dt{margin:0 0 8px;font-size:18px;font-weight:700}
.faq-list p,.faq-list dd{margin:0;color:var(--ink-2);max-width:68ch}
.faq-list details summary{cursor:pointer;font-weight:700;font-size:18px;list-style:none;
  min-height:26px;display:flex;align-items:baseline;justify-content:space-between;gap:18px}
.faq-list details summary::-webkit-details-marker{display:none}
.faq-list details summary::after{content:"+";font-size:19px;font-weight:400;color:var(--flame);
  flex:0 0 auto;line-height:1}
.faq-list details[open] summary::after{content:"–"}
.faq-list details p{margin-top:12px}

.article-card-grid > article h2,.article-card-grid > article h3{font-size:18.5px;margin:0 0 8px}
.article-card-grid > article p{font-size:15.5px;color:var(--ink-2);margin-bottom:14px;max-width:none}
.article-navigation{margin-top:36px;padding-top:22px;border-top:1px solid var(--line);font-size:15.5px}

/* ── реестры: главный инструмент сайта ────── */
.registry-search{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:22px 24px;display:grid;gap:12px;margin-bottom:22px;box-shadow:none}
.registry-search label,.registry-search strong{font-size:13.5px;font-weight:500;color:var(--ink-2)}
.registry-search input{width:100%;min-height:46px;padding:11px 15px;border:1px solid var(--line-2);
  border-radius:var(--r);font:400 16px/1.4 var(--f);color:var(--ink);background:var(--paper)}
.registry-search input::placeholder{color:#8c96a6}
.registry-search input:focus{border-color:var(--ink-2);outline:2px solid var(--flame);outline-offset:1px}
.registry-search button{min-height:46px}
.registry-summary{font-size:15px;color:var(--ink-2);margin-bottom:14px;font-variant-numeric:tabular-nums}
.registry-summary strong{color:var(--ink);font-weight:700}

.registry-table-wrap,.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-lg);
  background:var(--paper)}
.registry-table{border-collapse:collapse;width:100%;font-size:14.5px;min-width:760px;
  font-variant-numeric:tabular-nums}
.registry-table th,.registry-table td{text-align:left;padding:13px 16px;
  border-bottom:1px solid var(--line);vertical-align:top;line-height:1.45}
.registry-table thead th{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:var(--ink-2);background:var(--surface);white-space:nowrap;position:sticky;top:0;
  border-bottom:1px solid var(--line-2);z-index:1}
.registry-table tbody tr:nth-child(even){background:#fafbfd}
.registry-table tbody tr:last-child td{border-bottom:0}
.registry-table tbody tr:hover{background:var(--surface-2)}
.registry-table a{font-weight:500}

.status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:2px;
  font-size:12.5px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
.status-active{background:var(--ok-bg);color:var(--ok)}
.status-active::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok)}

.certificate-details summary{cursor:pointer;font-weight:500;font-size:14px;color:var(--flame-ink);
  list-style:none;min-height:24px;display:inline-flex;align-items:center;gap:6px}
.certificate-details summary::-webkit-details-marker{display:none}
.certificate-details summary::after{content:"▾";font-size:10px}
.certificate-details[open] summary::after{content:"▴"}
.certificate-details dl{margin:12px 0 0;display:grid;gap:8px;font-size:14px}
.certificate-details dt{font-weight:500;color:var(--ink-2)}
.certificate-details dd{margin:0 0 6px}

.pagination{display:flex;flex-wrap:wrap;gap:5px;align-items:center;justify-content:center;margin-top:28px}
.pagination-item{display:inline-flex;align-items:center;justify-content:center;min-width:40px;
  min-height:40px;padding:0 10px;border:1px solid var(--line);border-radius:var(--r);
  text-decoration:none!important;font-size:15px;font-weight:500;color:var(--ink);
  background:var(--paper);font-variant-numeric:tabular-nums;transition:border-color .15s,color .15s}
.pagination-item:hover{border-color:var(--ink-2)}
.pagination-item.current{background:var(--ink);border-color:var(--ink);color:#fff}
.pagination-item.disabled{opacity:.4;pointer-events:none}
.pagination-gap{color:var(--ink-3);padding:0 4px}

/* ── полоса призыва: тёмная плашка в конце документа ── */
.cta-band,.cta{background:var(--dark);color:#fff;padding:52px 0}
.cta-inner{max-width:var(--wrap);margin-inline:auto;padding-inline:24px;
  display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:36px;align-items:center}
.cta-band h2,.cta h2{color:#fff;font-size:clamp(24px,2.8vw,32px)}
.cta-band p,.cta p{color:#b6c0cf;max-width:52ch}
.cta-band a,.cta a{color:#fff}
.cta-band .eyebrow,.cta .eyebrow{color:#ff9c85}
.cta-band .eyebrow::before{background:#ff9c85}
.cta-actions{flex-direction:column;align-items:stretch;gap:12px}
.cta__tel{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;text-decoration:none}
.cta__note{font-size:14px;color:#8f9aab}
@media(max-width:900px){.cta-inner{grid-template-columns:1fr}}

/* ── прочее ───────────────────────────────── */
.certificate-frame,.document-certificate{background:var(--paper);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:16px;box-shadow:none}
.certificate-frame img,.document-certificate img{border:1px solid var(--line);border-radius:2px}
.requisites{display:grid;gap:0;border:1px solid var(--line);border-radius:var(--r-lg);
  overflow:hidden;max-width:740px}
.requisites > div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding:13px 20px;
  border-bottom:1px solid var(--line);background:var(--paper);font-size:15px;
  font-variant-numeric:tabular-nums}
.requisites > div:nth-child(odd){background:var(--surface)}
.requisites > div:last-child{border-bottom:0}
.requisites dt,.requisites > div > :first-child{font-weight:500;color:var(--ink-2)}
.requisites dd{margin:0}
@media(max-width:700px){.requisites > div{grid-template-columns:1fr;gap:4px}}
.hero-registry-link,.trust-review-date{font-size:13.5px;color:var(--ink-3)}

/* Ссылки-действия в карточках: прижаты к низу, на одной линии в ряду. */
.article-card-grid > article,.knowledge-grid > *,.content-grid > *{display:flex;flex-direction:column}
.article-card-grid > article > a:last-child,
.content-grid > * > a:last-child{
  display:inline-flex;align-items:center;min-height:24px;margin-top:auto;padding-top:12px;
  font-weight:500;text-decoration:none}
.article-card-grid > article > a:last-child:hover{text-decoration:underline;text-underline-offset:3px}

/* Первый экран главной. */
.hero{padding:56px 0 0}
.hero__grid{display:grid;gap:36px}
.hero__sub{font-size:19px;color:var(--ink-2);max-width:58ch;margin-top:16px}
.hero__note{font-size:14px;color:var(--ink-3);margin-top:14px}
.honest__box{background:var(--surface);border:1px solid var(--line);border-left:2px solid var(--flame);
  border-radius:var(--r);padding:20px 22px}
.freq{font-size:13.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.cert{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.cert__h,.cert__f{padding:16px 20px;background:var(--surface);font-size:14px;color:var(--ink-2)}
.cert__num{font-variant-numeric:tabular-nums;font-weight:500;color:var(--ink)}

/* ── печать ───────────────────────────────── */
@media print{
  .top,.foot,.cta-band,.cta,.article-aside,.methodology-sidebar,.pagination{display:none}
  body{font-size:11pt;color:#000}
  .page-hero,.article-hero,.registry-hero{padding:0 0 12pt;border-bottom:1pt solid #000}
  .page-hero::before{display:none}
  a{text-decoration:underline;color:#000}
  .registry-table{min-width:0;font-size:9pt}
  .plain-article,.methodology-layout{display:block;padding:0}
}

/* ═════════════════════════════════════════════
   Главная страница. Раньше жила на собственном
   инлайн-CSS со своей палитрой; переведена сюда,
   чтобы весь сайт говорил одним языком.
   ═════════════════════════════════════════════ */

/* Первый экран: не тёмный баннер, а титульный лист документа. */
.hero{background:var(--paper);padding:44px 0 56px;position:relative;
  border-bottom:1px solid var(--line)}
.hero::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--flame)}
.hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.78fr);gap:56px;
  align-items:start}
.hero .eyebrow{margin-bottom:18px}
.hero h1{font-size:clamp(32px,4.2vw,50px);line-height:1.08;max-width:17ch;letter-spacing:-.022em}
.hero h1 em{font-style:normal;color:var(--flame)}
.hero__sub{margin-top:20px;font-size:18.5px;line-height:1.55;color:var(--ink-2);max-width:50ch}
.hero__sub b{color:var(--ink);font-weight:700}
.hero__acts{margin-top:30px}
.hero__note{margin-top:16px;font-size:14px;color:var(--ink-3)}

/* Три цифры реестров — как строка итогов в описи. */
.facts{grid-template-columns:repeat(3,1fr);margin-top:40px}
.fact{background:var(--paper);padding:20px 22px;border-right:1px solid var(--line);
  border-bottom:1px solid var(--line)}
.fact__v{font-size:31px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;
  letter-spacing:-.02em;color:var(--ink)}
.fact__k{font-size:13.5px;color:var(--ink-2);margin-top:9px;line-height:1.4}

/* Свидетельство: рамка документа, без парящих теней. */
.cert{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:0;overflow:hidden;box-shadow:none}
.cert__h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;
  padding:14px 18px;background:var(--surface);border-bottom:1px solid var(--line);margin:0}
.cert__t{font-weight:500;font-size:14px;color:var(--ink)}
.cert__d{font-size:13px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.cert img{border:0;border-radius:0;width:100%}
.cert__f{display:flex;justify-content:space-between;gap:12px;align-items:center;
  padding:14px 18px;border-top:1px solid var(--line);background:var(--surface);font-size:14px;margin:0}
.cert__num{font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink)}
.cert__link{color:var(--flame-ink);font-weight:500;text-decoration:none;min-height:24px;
  display:inline-flex;align-items:center}
.cert__link:hover{text-decoration:underline;text-underline-offset:3px}

@media(max-width:960px){
  .hero{padding:34px 0 44px}
  .hero__grid{grid-template-columns:1fr;gap:36px}
  .facts{grid-template-columns:1fr}
}

/* Секции главной. */
.s{padding:72px 0}
.s--soft{background:var(--surface);border-block:1px solid var(--line)}
.s--blue{background:var(--surface-2);border-block:1px solid var(--line)}
.s__head{max-width:60ch;margin-bottom:40px}
.s__eyebrow{margin-bottom:14px}
.s h2{font-size:clamp(26px,3.2vw,36px);line-height:1.14}
.s__lead{margin-top:16px;font-size:18px;color:var(--ink-2);line-height:1.55;max-width:62ch}
@media(max-width:900px){.s{padding:48px 0}}

/* Ситуации «кому нужно». */
.who{grid-template-columns:repeat(3,1fr)}
.who__c{display:flex;flex-direction:column;background:var(--paper);padding:26px 24px;
  border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.who__n{font-size:12.5px;font-weight:500;color:var(--flame-ink);letter-spacing:.04em;
  font-variant-numeric:tabular-nums;margin-bottom:10px}
.who__c h3{font-size:19px;margin:0 0 10px}
.who__c p{color:var(--ink-2);font-size:15.5px;line-height:1.55;margin:0;max-width:none}
@media(max-width:900px){.who{grid-template-columns:1fr}}

/* Что будет на руках. */
.get{grid-template-columns:repeat(2,1fr)}
.get__c{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;background:var(--paper);
  padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.get__q{font-size:14px;font-weight:700;color:var(--flame);font-variant-numeric:tabular-nums;
  letter-spacing:.02em;padding-top:3px}
.get__c h3{font-size:18px;margin:0 0 8px}
.get__c p{color:var(--ink-2);font-size:15.5px;line-height:1.55;margin:0;max-width:none}
@media(max-width:820px){.get{grid-template-columns:1fr}}

/* Пять шагов. */
.steps{counter-reset:st;display:grid;gap:0;margin:0}
.step{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:22px;align-items:start;
  padding:24px 0;border-top:1px solid var(--line);position:static}
.step:last-child{border-bottom:1px solid var(--line)}
.step::before{counter-increment:st;content:counter(st,decimal-leading-zero);
  font-size:15px;font-weight:700;color:var(--flame);font-variant-numeric:tabular-nums;
  line-height:1.5;position:static}
.step h3{font-size:19px;margin:0 0 8px}
.step p{color:var(--ink-2);font-size:15.5px;line-height:1.55;margin:0;max-width:none}
.step__meta{font-size:13.5px;color:var(--ink-3);font-weight:400;padding-top:3px;white-space:nowrap}
@media(max-width:800px){
  .step{grid-template-columns:38px 1fr}
  .step__meta{grid-column:2;white-space:normal;padding-top:8px}
}

/* Реестры — три двери, каждая с цифрой. */
.reg{grid-template-columns:repeat(3,1fr)}
.reg__c{display:flex;flex-direction:column;text-decoration:none;background:var(--paper);
  padding:28px 24px;transition:background .15s;border-right:1px solid var(--line);
  border-bottom:1px solid var(--line)}
.reg__c:hover{background:var(--surface)}
.reg__v{font-size:40px;font-weight:700;color:var(--ink);line-height:1;
  font-variant-numeric:tabular-nums;letter-spacing:-.025em}
.reg__c h3{font-size:18.5px;margin:14px 0 8px}
.reg__c p{color:var(--ink-2);font-size:15px;line-height:1.5;margin:0;max-width:none}
.reg__go{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:18px;
  color:var(--flame-ink);font-weight:500;font-size:15px;min-height:24px}
.reg__c:hover .reg__go{text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.reg{grid-template-columns:1fr}}

/* Таблица систем: те же правила, что у реестровых таблиц. */
.tbl-wrap table{border-collapse:collapse;width:100%;font-size:15px;min-width:600px;
  font-variant-numeric:tabular-nums}
.tbl-wrap th,.tbl-wrap td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--line);
  vertical-align:top;line-height:1.5}
.tbl-wrap thead th{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:var(--ink-2);background:var(--surface);white-space:nowrap;
  border-bottom:1px solid var(--line-2)}
.tbl-wrap tbody tr:nth-child(even){background:#fafbfd}
.tbl-wrap tbody tr:last-child td{border-bottom:0}
.tbl-wrap td a{color:var(--flame-ink);font-weight:500;text-decoration:none;display:inline-flex;
  align-items:center;min-height:24px}
.tbl-wrap td a:hover{text-decoration:underline;text-underline-offset:3px}
.freq{white-space:nowrap;color:var(--ink-3);font-size:14px}

/* Честный блок про отменённый ГОСТ — единственная тёмная плашка в потоке. */
.honest{background:var(--dark);color:#fff;border-radius:var(--r-lg);padding:44px;display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:center}
.honest h2{font-size:clamp(24px,2.8vw,32px);line-height:1.16;color:#fff}
.honest p{color:#b6c0cf;font-size:16.5px;line-height:1.6;margin-top:16px;max-width:none}
.honest p b{color:#fff;font-weight:700}
.honest__box{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);
  border-left:2px solid var(--flame);border-radius:var(--r);padding:22px}
.honest__box b{display:block;font-size:15px;margin-bottom:8px;color:#fff}
.honest__box p{margin-top:0;font-size:15px;color:#b6c0cf}
.honest__box a{color:#ff9c85;font-weight:500;text-decoration:none;display:inline-flex;
  align-items:center;min-height:24px;margin-top:12px}
.honest__box a:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.honest{grid-template-columns:1fr;padding:28px;gap:26px}}

/* Кто отвечает за сведения. */
.op{grid-template-columns:repeat(3,1fr)}
.op__c{background:var(--paper);padding:24px;border-right:1px solid var(--line);
  border-bottom:1px solid var(--line)}
.op__c h3{font-size:17px;margin:0 0 10px}
.op__c p{color:var(--ink-2);font-size:15px;line-height:1.6;margin:0;max-width:none}
.op__c b{color:var(--ink);font-weight:700}
@media(max-width:900px){.op{grid-template-columns:1fr}}

/* Вопросы. */
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:22px 44px 22px 0;position:relative;
  font-weight:700;font-size:18px;line-height:1.4;min-height:26px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:20px;font-size:22px;
  font-weight:400;color:var(--flame);line-height:1;transition:transform .15s}
.faq details[open] summary::after{content:"–"}
.faq p{padding:0 44px 24px 0;color:var(--ink-2);font-size:16.5px;line-height:1.6;max-width:70ch}

/* Финальный призыв — тёмная плашка, парная «честному блоку». */
.cta{background:var(--dark);color:#fff;border-radius:var(--r-lg);padding:48px 44px;display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;align-items:center}
.cta h2{font-size:clamp(24px,3vw,34px);line-height:1.16;color:#fff}
.cta p{margin-top:14px;color:#b6c0cf;font-size:17px;line-height:1.55;max-width:none}
.cta__acts{display:flex;flex-direction:column;gap:12px}
.cta__tel{font-size:28px;font-weight:700;text-decoration:none;font-variant-numeric:tabular-nums;
  letter-spacing:-.015em}
.cta__tel:hover{color:#ff9c85}
.cta__note{font-size:14px;color:#8f9aab}
@media(max-width:900px){.cta{grid-template-columns:1fr;padding:32px 24px}}