/* 04.11.2026 — черновик: справочные страницы в фирменном стиле главной (подключается только на /test/v2/…).
   Шрифт и палитра — как на главной: RfDewi / Helvetica Neue Cyr, индиго #3a4be1, светло-серые панели. */
@font-face{font-family:'RfDewiHelveticaNeue';src:url('/static/cdn/c/i6333-3836-4335-b066-343837353464/HelveticaNeueCyr-Rom.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'RfDewiHelveticaNeue';src:url('/static/cdn/c/i3231-3436-4765-b530-346335626335/HelveticaNeueCyr-Med.woff') format('woff');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'RfDewiHelveticaNeue';src:url('/static/cdn/c/i3732-6362-4363-a131-626664313731/RFDewi-Semibold.woff') format('woff');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'RfDewiHelveticaNeue';src:url('/static/cdn/c/i3762-3964-4464-a535-663739626634/RFDewi-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}

body.mz-v2{--mz-ink:#000;--mz-text:#1d1d1d;--mz-mute:#7c7c7c;--mz-line:#ececec;--mz-panel:#f8f8f9;--mz-brand:#3a4be1;--mz-brand-h:#4542d3;--mz-brand-soft:#eef0fd;--mz-chz:#fff3a6;
  font-family:'RfDewiHelveticaNeue',Arial,sans-serif;color:var(--mz-text)}
body.mz-v2 main{font-family:'RfDewiHelveticaNeue',Arial,sans-serif}

/* типографика: крупно и чёрным, как на главной */
.mz-v2 main h1{color:var(--mz-ink);font-weight:700;letter-spacing:-.02em;line-height:1.08;font-size:clamp(30px,4.4vw,46px)}
.mz-v2 main h1 + p{color:var(--mz-mute)}
.mz-v2 main h2{color:var(--mz-ink);font-weight:700;letter-spacing:-.01em}
.mz-v2 main .font-extrabold{font-weight:700}
.mz-v2 main .text-slate-900{color:var(--mz-ink)}
.mz-v2 main .text-slate-800,.mz-v2 main .text-slate-700{color:var(--mz-text)}
.mz-v2 main .text-slate-600{color:#4b4b4b}
.mz-v2 main .text-slate-500,.mz-v2 main .text-slate-400{color:var(--mz-mute)}
.mz-v2 main .font-mono{letter-spacing:0}

/* поля ввода и кнопки с рамкой остаются заметными */
.mz-v2 main input,.mz-v2 main select,.mz-v2 main button.border{border-color:#d4d6de!important}

/* панели вместо «карточек в карточках» */
.mz-v2 main .rounded-2xl{border-radius:24px}
.mz-v2 main .rounded-xl{border-radius:16px}
.mz-v2 main .border,.mz-v2 main .border-2{border-color:transparent!important}
.mz-v2 main .bg-white.rounded-2xl,.mz-v2 main .bg-slate-50,.mz-v2 main .bg-brand-50\/60{background:var(--mz-panel)!important}
.mz-v2 main .bg-slate-50 .bg-white,.mz-v2 main .bg-white\/70{background:#fff!important}
.mz-v2 main .border-b.border-slate-100{border-color:var(--mz-line)!important;border-bottom-width:1px!important}

/* ответ «подлежит ли маркировке»: без жёлтой тревоги — светлая панель с индиго-полосой */
.mz-v2 main .bg-amber-50{background:var(--mz-panel)!important;box-shadow:inset 4px 0 0 var(--mz-brand)}
.mz-v2 main .text-amber-900,.mz-v2 main .text-amber-900\/90,.mz-v2 main .text-amber-800{color:var(--mz-text)!important}
.mz-v2 main .bg-amber-50 h2 svg{display:none}
/* бейдж «Требуется / маркируется» — жёлтый «Честного знака», как стикер на главной */
.mz-v2 main .bg-amber-100{background:var(--mz-chz)!important;color:#1d1d1d!important;border-color:transparent!important}

/* кнопки как на главной: индиго, скругление 15, стрелка в квадрате */
.mz-v2 main a.bg-brand-600{background:var(--mz-brand)!important;border-radius:15px!important;font-weight:600}
.mz-v2 main a.bg-brand-600:hover{background:var(--mz-brand-h)!important}
.mz-v2 .v2-btn{display:inline-flex;align-items:center;gap:14px;background:var(--mz-brand);color:#fff;font-weight:600;border-radius:15px;padding:10px 10px 10px 22px;text-decoration:none}
.mz-v2 .v2-btn:hover{background:var(--mz-brand-h)}
.mz-v2 .v2-btn__arr{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.18);font-size:18px}
.mz-v2 .v2-link{color:var(--mz-brand);font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* разбор кода по уровням */
.mz-v2 .v2-levels{margin-top:28px;background:var(--mz-panel);border-radius:24px;padding:20px 22px}
.mz-v2 .v2-h3{font-size:15px!important;font-weight:600!important;color:var(--mz-mute)!important;margin:0 0 12px}
.mz-v2 .v2-levels ol{list-style:none;margin:0;padding:0}
.mz-v2 .v2-levels li{position:relative;padding:7px 0 7px 26px}
.mz-v2 .v2-levels li::before{content:"";position:absolute;left:6px;top:15px;width:9px;height:9px;border-radius:50%;background:#c9cbd6}
.mz-v2 .v2-levels li:not(:last-child)::after{content:"";position:absolute;left:10px;top:26px;bottom:-9px;width:1px;background:#d9dae2}
.mz-v2 .v2-levels li.is-current::before{background:var(--mz-brand)}
.mz-v2 .v2-levels a,.mz-v2 .v2-levels li.is-current{display:flex;gap:14px;align-items:baseline;text-decoration:none;color:var(--mz-text)}
.mz-v2 .v2-levels a:hover .v2-name{color:var(--mz-brand)}
.mz-v2 .v2-code{flex:0 0 108px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:600;color:var(--mz-brand)}
.mz-v2 .v2-name{font-size:15px;line-height:1.45}
.mz-v2 .is-current .v2-name{font-weight:600;color:var(--mz-ink)}
.mz-v2 .is-current .v2-code{color:var(--mz-ink)}
@media (max-width:640px){.mz-v2 .v2-code{flex-basis:92px;font-size:12px}.mz-v2 .v2-name{font-size:14px}}

/* «Как начать»: простой нумерованный список вместо синих квадратиков */
.mz-v2 .v2-next{margin-top:36px}
.mz-v2 .v2-h2{font-size:24px;line-height:1.15}
.mz-v2 .v2-steps{counter-reset:s;list-style:none;margin:14px 0 0;padding:0}
.mz-v2 .v2-steps li{counter-increment:s;position:relative;padding:12px 0 12px 46px;border-bottom:1px solid var(--mz-line);color:#4b4b4b}
.mz-v2 .v2-steps li b{color:var(--mz-ink);font-weight:600}
.mz-v2 .v2-steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:12px;font-weight:700;color:var(--mz-brand)}
.mz-v2 .v2-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:20px}

/* FAQ и списки кодов — без рамок, на светлом фоне */
.mz-v2 main details{background:var(--mz-panel)}
.mz-v2 main a.border-slate-200.bg-white{background:var(--mz-panel)!important}
.mz-v2 main a.border-slate-200.bg-white:hover{background:var(--mz-brand-soft)!important}

/* таблица кодов: статусы в палитре бренда */
.mz-v2 .bg-emerald-50{background:var(--mz-brand-soft)!important;color:var(--mz-brand)!important;--tw-ring-color:transparent!important}
.mz-v2 .bg-amber-50.ring-1{background:var(--mz-chz)!important;color:#1d1d1d!important;--tw-ring-color:transparent!important;box-shadow:none}
.mz-v2 .bg-slate-100.ring-1{--tw-ring-color:transparent!important}
.mz-v2 .kt a,.mz-v2 .ks a,.mz-v2 .kl a{color:var(--mz-brand)}
.mz-v2 .kh h2{font-size:26px}
.mz-v2 .kn{margin-top:6px;color:#4b4b4b;font-size:15px}
.mz-v2 .kn a{color:var(--mz-brand)}
.mz-v2 aside.bg-brand-50{background:var(--mz-panel)!important;--tw-ring-color:transparent!important}

/* шапка: кнопка «Подключить» в фирменном индиго */
.mz-v2 a[class*="bg-[#2563EB]"]{background:var(--mz-brand)!important;border-radius:12px!important}
.mz-v2 a[class*="bg-[#2563EB]"]:hover{background:var(--mz-brand-h)!important}
/* телефон: в разборе кода — код над названием, чтобы названию хватало ширины */
@media (max-width:640px){.mz-v2 .v2-levels a,.mz-v2 .v2-levels li.is-current{flex-direction:column;gap:2px}.mz-v2 .v2-code{flex-basis:auto}}