/* RecUmi «B light» layer (NAV-1, rc19): tokens + header, menu, breadcrumbs, footer map, side TOC, «to top», base type/colour.
   Loaded after site.css / inline v3.css; overrides only what the B layer needs. No external requests. */
:root{--b-paper:#fbfaf7;--b-bg:#fff;--b-wash:#f3f1ec;--b-line:#e2dfd7;--b-line2:#cfcbc1;--b-ink:#0f1222;--b-ink2:#454b63;--b-ink3:#5a6077;
  --b-link:#4f41e8;--b-soft:#efedff;--b-ok:#0b7a50;--b-oks:#e3f4ec;--b-dev:#7f5300;--b-devs:#fbefd5;--b-hh:64px;--b-maxw:1320px;--b-gut:clamp(20px,4.6vw,64px);
  --b-sans:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Roboto,Arial,sans-serif;
  --b-disp:"Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Roboto,Arial,sans-serif;
  --b-mono:ui-monospace,"Cascadia Mono",Consolas,"SF Mono",Menlo,monospace}
@media (max-width:760px){:root{--b-hh:58px;--b-sans:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Roboto,Arial,sans-serif;--b-disp:var(--b-sans)}}
html{scroll-padding-top:calc(var(--b-hh) + 16px)}
body{background:var(--b-paper);color:var(--b-ink);font-family:var(--b-sans)}
h1,h2,h3{font-family:var(--b-disp)}
h1{letter-spacing:-.04em}
:focus-visible{outline:3px solid var(--b-link);outline-offset:3px}
/* WCAG fix on v3 pages (как в ds_B): тёмный текст подписи продукта и шага */
.v3-task .prod{color:var(--b-ink)}
.v3-flow li b{color:var(--b-ink)}

/* skip link */
.b-skip{position:absolute;left:8px;top:-90px;z-index:100;background:var(--b-ink);color:#fff;padding:12px 18px;border-radius:10px;font:600 15px/1.2 var(--b-sans);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.b-skip:focus{top:8px}

/* header */
.b-wrap{max-width:var(--b-maxw);margin:0 auto;padding:0 var(--b-gut);box-sizing:border-box}
.b-hdr{position:sticky;top:0;z-index:50;background:var(--b-paper);border-bottom:1px solid var(--b-line);font-family:var(--b-sans)}
.b-hbar{display:flex;align-items:center;gap:6px;height:var(--b-hh)}
.b-logo{display:inline-flex;align-items:center;min-height:44px;margin-right:16px;color:var(--b-ink);text-decoration:none;font:700 1.2rem/1 var(--b-disp);letter-spacing:-.02em}
.b-logo picture{display:flex}
.b-hnav{display:flex;align-items:center;gap:2px}
.b-hnav>a,.b-pbtn,.b-lang,.b-hamb{font:500 15px/1 var(--b-sans);color:var(--b-ink2);background:none;border:0;border-radius:999px;min-height:44px;display:inline-flex;align-items:center;gap:6px;padding:0 14px;cursor:pointer;text-decoration:none;list-style:none}
.b-pbtn::-webkit-details-marker,.b-hamb::-webkit-details-marker{display:none}
.b-hnav>a:hover,.b-pbtn:hover,.b-lang:hover,.b-hamb:hover{color:var(--b-ink);background:var(--b-wash)}
.b-hnav a[aria-current],.b-pbtn.b-cur{color:var(--b-ink);box-shadow:inset 0 -2px 0 var(--b-ink)}
.b-chev{width:12px;height:12px;transition:transform .15s}
.b-pitem[open] .b-chev{transform:rotate(180deg)}
.b-pitem{position:static}
.b-pmenu{position:absolute;top:var(--b-hh);left:50%;transform:translateX(-50%);width:min(880px,calc(100vw - 24px));max-height:calc(100vh - var(--b-hh) - 12px);overflow:auto;background:var(--b-bg);border:1px solid var(--b-line);border-top:0;border-radius:0 0 18px 18px;box-shadow:0 24px 60px rgba(15,18,34,.12);padding:14px;z-index:60;box-sizing:border-box}
.b-pmenu ul,.b-mpanel ul{list-style:none;margin:0;padding:0;display:grid;gap:2px;grid-template-columns:1fr 1fr}
.b-pi{display:grid;grid-template-columns:28px 1fr;gap:2px 12px;padding:12px;border-radius:12px;text-decoration:none;color:var(--b-ink);min-height:52px}
.b-pi:hover{background:var(--b-wash)}
.b-pi[aria-current]{background:var(--b-soft)}
.b-ic{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;grid-row:1/3;margin-top:2px}
.b-pi b{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font:600 15px/1.3 var(--b-sans)}
.b-pi small{grid-column:2;color:var(--b-ink3);font-size:13.5px;line-height:1.4}
.b-all{display:flex;align-items:center;min-height:48px;margin-top:8px;padding:0 12px;font-weight:600;border-top:1px solid var(--b-line);color:var(--b-link)}
.b-st{display:inline-flex;align-items:center;gap:6px;font:600 11.5px/1.2 var(--b-sans);padding:3px 9px 3px 7px;border-radius:999px;white-space:nowrap}
.b-st::before{content:"";width:7px;height:7px;border-radius:50%;flex:none}
.b-st-a{background:var(--b-oks);color:var(--b-ok)}.b-st-a::before{background:var(--b-ok)}
.b-st-d{background:var(--b-devs);color:var(--b-dev)}.b-st-d::before{border:2px solid var(--b-dev);background:linear-gradient(90deg,var(--b-dev) 50%,transparent 50%)}
.b-st-n{background:var(--b-wash);color:var(--b-ink2)}.b-st-n::before{border:2px solid var(--b-ink2)}
.b-st-p{background:transparent;color:var(--b-ink2);box-shadow:inset 0 0 0 1.5px var(--b-line2)}.b-st-p::before{border:2px dashed var(--b-ink2)}
.b-hright{margin-left:auto;display:flex;align-items:center;gap:6px}
.b-dl{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:var(--b-ink);color:#fff!important;font:600 15px/1 var(--b-sans);text-decoration:none}
.b-dl:hover{background:#2a2f4a}
.b-lang{font:700 13px/1 var(--b-mono);letter-spacing:.06em;color:var(--b-ink);min-width:44px;justify-content:center;padding:0 8px}
.b-mitem{display:none;position:static}
.b-hamb{width:44px;padding:0;justify-content:center;color:var(--b-ink)}
.b-mpanel{position:absolute;left:0;right:0;top:var(--b-hh);background:var(--b-paper);border-bottom:1px solid var(--b-line);box-shadow:0 20px 40px rgba(15,18,34,.12);max-height:calc(100vh - var(--b-hh));overflow:auto;padding:8px var(--b-gut) 18px;z-index:60;box-sizing:border-box}
.b-mpanel ul{grid-template-columns:1fr}
.b-mh{margin:8px 0 4px;font:600 12px/1.3 var(--b-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--b-ink3)}
.b-mpanel>a{display:flex;align-items:center;min-height:52px;padding:0 4px;color:var(--b-ink);text-decoration:none;border-bottom:1px solid var(--b-line);font:500 17px/1.2 var(--b-sans)}
.b-mpanel>a.b-dl{justify-content:center;margin-top:14px;border:0;border-radius:999px}
.b-mpanel>a.b-all{color:var(--b-link)}
.b-hdr .b-wrap{position:relative}
@media (max-width:860px){.b-hnav,.b-hright>.b-dl{display:none}.b-mitem{display:block}}
/* bilingual pages: labels follow data-lang (page script) */
[data-lang="ru"] .b-hdr .en,[data-lang="en"] .b-hdr .ru,[data-lang="ru"] .b-foot .en,[data-lang="en"] .b-foot .ru,[data-lang="ru"] .b-crumbs .en,[data-lang="en"] .b-crumbs .ru,[data-lang="ru"] .b-skip.en,[data-lang="en"] .b-skip.ru{display:none!important}

/* breadcrumbs */
.b-crumbs{font:400 14px/1.3 var(--b-sans);padding:10px 0 0}
.b-crumbs ol{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;align-items:center}
.b-crumbs li{display:inline-flex;align-items:center;color:var(--b-ink3)}
.b-crumbs li+li::before{content:"›";margin:0 10px;color:var(--b-ink3)}
.b-crumbs a{display:inline-flex;align-items:center;min-height:44px;color:var(--b-link)}
.b-crumbs [aria-current]{color:var(--b-ink);font-weight:600}
.b-back{display:none!important;font-weight:600}
@media (max-width:760px){.b-crumbs ol{display:none}.b-back{display:inline-flex!important}}

/* footer map */
.b-foot{background:var(--b-paper);border-top:1px solid var(--b-line);padding:40px 0 16px;margin:0;font:400 15px/1.4 var(--b-sans);color:var(--b-ink)}
.b-fcols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}
.b-fcols nav:first-child{display:grid;grid-template-columns:1fr 1fr;column-gap:16px;align-content:start}
.b-fcols nav:first-child .b-fh{grid-column:1/-1}
.b-fh{font:600 12px/1.3 var(--b-mono)!important;letter-spacing:.1em;text-transform:uppercase;color:var(--b-ink3);margin:0 0 8px!important}
.b-foot a{display:flex;align-items:center;min-height:30px;margin:0;color:var(--b-ink);text-decoration:none}
.b-foot a:hover{text-decoration:underline}
.b-fbot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid var(--b-line);margin-top:24px;padding-top:10px;color:var(--b-ink3)}
.b-fbot p{margin:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.b-flang a{display:inline-flex;justify-content:center;min-width:44px;min-height:44px;font:700 14px/1 var(--b-mono)}
.b-flang a[aria-current]{box-shadow:inset 0 -2px 0 var(--b-ink)}
@media (max-width:760px){.b-fcols{display:block}.b-fcols nav,.b-fcols nav:first-child{display:flex;flex-wrap:wrap;gap:0 16px;margin-bottom:6px}.b-fh{width:100%;margin:10px 0 2px!important}.b-foot a{min-height:32px}}

/* «to top» and side TOC (built by nav.js from the existing «На странице:» line) */
.b-top{position:fixed;right:16px;bottom:16px;z-index:40;width:52px;height:52px;border-radius:50%;border:1.5px solid var(--b-ink);background:var(--b-paper);color:var(--b-ink);cursor:pointer;display:grid;place-items:center}
.b-top[hidden]{display:none!important}
.b-top:hover{background:var(--b-ink);color:#fff}
.b-side{display:none}
@media (min-width:1200px){
  body.b-has-side main{padding-left:250px}
  .b-side{display:block;position:fixed;left:max(16px,calc((100vw - var(--b-maxw)) / 2 + 16px));top:calc(var(--b-hh) + 64px);width:220px;max-height:calc(100vh - var(--b-hh) - 88px);overflow:auto;font:400 14px/1.3 var(--b-sans);z-index:5}
  .b-side b{display:block;font:600 11.5px/1.3 var(--b-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--b-ink3);margin:0 0 10px 14px}
  .b-side ul{list-style:none;margin:0;padding:0}
  .b-side a{display:flex;align-items:center;min-height:36px;padding:2px 14px;border-left:2px solid var(--b-line);color:var(--b-ink2);text-decoration:none}
  .b-side a:hover{color:var(--b-ink);border-left-color:var(--b-ink3)}
  .b-side a[aria-current]{border-left:3px solid var(--b-ink);color:var(--b-ink);font-weight:650}
}
@media (prefers-reduced-motion:reduce){.b-chev{transition:none}}
@media print{.b-hdr,.b-top,.b-side,.b-crumbs{display:none!important}}

/* rc20: compact footer (home length budget) */
.b-foot{padding:28px 0 12px}
.b-fbot{margin-top:14px}
@media (max-width:760px){.b-foot{padding:18px 0 8px}.b-foot a{min-height:28px}.b-fh{margin:8px 0 0!important}.b-fbot{margin-top:6px}}

/* WEB-2 30.10: axe color-contrast на /products/calls — «Доступно» (#0b7a50) на зелёной подложке 12% поверх фона B < 4.5:1; темнее зелёный (≈6.5:1) */
.st.st-a{color:#086342}
/* rc22: ACK №512-А status (technical candidate), related products block, keyboard-scrollable tables (WCAG 2.1.1) */
.st-k{display:inline-flex;align-items:flex-start;gap:7px;background:#eef3fb;color:#1f4e8c;font:600 .74rem/1.3 var(--b-sans);padding:4px 10px 4px 8px;border-radius:12px;white-space:normal;max-width:34ch;text-align:left}
.st-k::before{content:"";flex:none;width:8px;height:8px;margin-top:3px;border-radius:2px;border:2px solid #1f4e8c}
.fl li.a512 .st-k,.fl li .st-k{justify-self:end}
.relsec{border-top:1px solid var(--b-line)}
.rel-h{font-size:clamp(1.5rem,1rem + 1.4vw,2.2rem)}
.tblwrap{overflow-x:auto;max-width:100%}
.tblwrap>table{display:table!important;overflow:visible!important}
.tblwrap:focus-visible{outline:3px solid var(--b-link);outline-offset:2px}
@media (max-width:760px){.st-k{font-size:.68rem;line-height:1.25;padding:3px 8px 3px 6px;max-width:none}}

/* WEB-2 30.10 rc24 (№521): кнопка «Скачать» в шапке/меню — фирменная фиолетовая, без чёрной заливки */
.b-dl{background:var(--b-link)}
.b-dl:hover{background:#3d30c9}
/* «Наверх» не перекрывает копирайт и нижние ссылки подвала на телефоне: запас под кнопку */
@media (max-width:760px){.b-foot{padding-bottom:88px}}