/* Документация WEB-системы. Стили изолированы от блоков flexcore-new. */
@font-face {
      font-family: "PS Display";
      src: url("/fonts/PFDinTextPro/pfdintextpro-medium.ttf") format("truetype");
      font-weight: 500;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: "PS Text";
      src: url("/fonts/Roboto.woff2") format("woff2");
      font-weight: 400;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: "PS Text";
      src: url("/fonts/Robotomedium.woff2") format("woff2");
      font-weight: 500;
      font-style: normal;
      font-display: swap;
    }

    .web-docs-page{
      --night: #061522;
      --night-soft: #0c2232;
      --brand: #195392;
      --brand-deep: #123f71;
      --ice: #bfe0f0;
      --paper: #f3f5f2;
      --white: #fff;
      --ink: #0b1822;
      --muted: #667783;
      --line: #d7dfe3;
      --orange: #286d9b;
      --green: #3fc889;
      --shell: 1580px;
      --gutter: clamp(24px, 5.4vw, 92px);
      --header: 72px;
    }

    .web-docs-page *,.web-docs-page *::before,.web-docs-page *::after{ box-sizing: border-box; }
    .web-docs-page{ scroll-behavior: smooth; scroll-padding-top: calc(var(--header) + 28px); }
    .web-docs-page{
      min-width: 320px;
      margin: 0;
      color: var(--ink);
      background: var(--paper);
      font-family: "PS Text", Arial, sans-serif;
      font-size: 16px;
      line-height: 1.62;
      -webkit-font-smoothing: antialiased;
    }
    .web-docs-page.menu-open,.web-docs-page.viewer-open{ overflow: hidden; }
    .web-docs-page img{ display: block; max-width: 100%; }
    .web-docs-page a{ color: inherit; text-decoration: none; }
    .web-docs-page button,.web-docs-page input{ font: inherit; }
    .web-docs-page button{ color: inherit; }
    .web-docs-page [hidden]{ display: none !important; }
    .web-docs-page ::selection{ color: var(--night); background: var(--ice); }
    .web-docs-page :focus-visible{ outline: 3px solid rgba(77, 155, 205, .52); outline-offset: 4px; }

    .web-docs-page .shell{
      width: 100%;
      max-width: var(--shell);
      margin-inline: auto;
      padding-inline: var(--gutter);
    }

    .web-docs-page .reading-progress{
      position: fixed;
      z-index: 100;
      top: 0;
      left: 0;
      width: 0;
      height: 3px;
      background: linear-gradient(90deg, var(--ice), #5ba4d2, var(--orange));
      box-shadow: 0 0 18px rgba(191, 224, 240, .7);
      pointer-events: none;
    }

    .web-docs-page .site-header{
      position: absolute;
      z-index: 50;
      top: 0;
      right: 0;
      left: 0;
      color: #fff;
      border-bottom: 1px solid rgba(255, 255, 255, .12);
      background: rgba(6, 21, 34, .24);
      backdrop-filter: blur(10px);
    }
    .web-docs-page .site-header.is-sticky{
      position: fixed;
      background: rgba(6, 21, 34, .95);
      box-shadow: 0 14px 34px rgba(0, 0, 0, .16);
    }
    .web-docs-page .header__inner{
      min-height: var(--header);
      display: flex;
      align-items: center;
      gap: 38px;
    }
    .web-docs-page .brand{
      display: inline-flex;
      flex: 0 0 auto;
      align-items: center;
      gap: 13px;
    }
    .web-docs-page .brand__icon{ width: 27px; height: 34px; object-fit: contain; }
    .web-docs-page .brand__copy{ display: grid; gap: 4px; }
    .web-docs-page .brand__name{
      font-family: "PS Display", Arial, sans-serif;
      font-size: 20px;
      line-height: 1;
      letter-spacing: .035em;
      text-transform: uppercase;
    }
    .web-docs-page .brand__meta{
      color: #9eb0bc;
      font-size: 9px;
      line-height: 1;
      letter-spacing: .06em;
      white-space: nowrap;
    }
    .web-docs-page .main-nav{
      display: flex;
      align-items: center;
      gap: 28px;
      margin-left: auto;
      color: #dbe5eb;
      font-size: 13px;
      font-weight: 500;
    }
    .web-docs-page .main-nav > a{
      position: relative;
      padding-block: 28px 25px;
    }
    .web-docs-page .main-nav > a::after{
      content: "";
      position: absolute;
      right: 100%;
      bottom: 21px;
      left: 0;
      height: 2px;
      background: var(--ice);
      transition: right .22s ease;
    }
    .web-docs-page .main-nav > a:hover::after,.web-docs-page .main-nav > a[aria-current="page"]::after{ right: 0; }
    .web-docs-page .header__back{
      min-height: 42px;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 10px 15px;
      border: 1px solid rgba(191, 224, 240, .32);
      border-radius: 6px;
      background: rgba(255, 255, 255, .04);
      transition: color .2s ease, background .2s ease;
    }
    .web-docs-page .header__back:hover{ color: var(--night); background: var(--ice); }
    .web-docs-page .menu-toggle{
      display: none;
      width: 44px;
      height: 44px;
      margin-left: auto;
      padding: 0;
      border: 1px solid rgba(255, 255, 255, .22);
      border-radius: 6px;
      background: rgba(255, 255, 255, .04);
      cursor: pointer;
    }
    .web-docs-page .menu-toggle span,.web-docs-page .menu-toggle::before,.web-docs-page .menu-toggle::after{
      content: "";
      display: block;
      width: 19px;
      height: 2px;
      margin: 5px auto;
      background: #fff;
      transition: transform .2s ease, opacity .2s ease;
    }
    .web-docs-page .menu-toggle.is-active span{ opacity: 0; }
    .web-docs-page .menu-toggle.is-active::before{ transform: translateY(7px) rotate(45deg); }
    .web-docs-page .menu-toggle.is-active::after{ transform: translateY(-7px) rotate(-45deg); }

    .web-docs-page .doc-hero{
      position: relative;
      min-height: 700px;
      overflow: hidden;
      color: #fff;
      background:
        radial-gradient(circle at 78% 34%, rgba(45, 116, 165, .3), transparent 35%),
        linear-gradient(118deg, #061522 0%, #071a29 58%, #0b2a40 100%);
    }
    .web-docs-page .doc-hero::before{
      content: "";
      position: absolute;
      inset: 0;
      opacity: .18;
      background-image:
        linear-gradient(rgba(191, 224, 240, .18) 1px, transparent 1px),
        linear-gradient(90deg, rgba(191, 224, 240, .18) 1px, transparent 1px);
      background-size: 64px 64px;
      -webkit-mask-image: linear-gradient(90deg, transparent, #000 28%, #000);
      mask-image: linear-gradient(90deg, transparent, #000 28%, #000);
    }
    .web-docs-page .doc-hero::after{
      content: "DOC / WEB";
      position: absolute;
      right: -24px;
      bottom: -58px;
      color: rgba(255, 255, 255, .035);
      font-family: "PS Display", Arial, sans-serif;
      font-size: clamp(150px, 21vw, 350px);
      line-height: .75;
      letter-spacing: -.04em;
      white-space: nowrap;
      pointer-events: none;
    }
    .web-docs-page .doc-hero__inner{
      position: relative;
      z-index: 2;
      min-height: 700px;
      display: grid;
      grid-template-columns: minmax(0, .9fr) minmax(520px, 1.1fr);
      align-items: center;
      gap: clamp(52px, 7vw, 118px);
      padding-top: calc(var(--header) + 66px);
      padding-bottom: 72px;
    }
    .web-docs-page .eyebrow{
      display: flex;
      align-items: center;
      gap: 12px;
      margin: 0 0 21px;
      color: var(--ice);
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 10px;
      letter-spacing: .13em;
      text-transform: uppercase;
    }
    .web-docs-page .eyebrow::before{ content: ""; width: 34px; height: 1px; background: currentColor; }
    .web-docs-page .doc-hero h1{
      max-width: 720px;
      margin: 0;
      font-family: "PS Display", Arial, sans-serif;
      font-size: clamp(60px, 6vw, 102px);
      font-weight: 500;
      line-height: .92;
      letter-spacing: -.035em;
    }
    .web-docs-page .doc-hero h1 span{ display: block; color: var(--ice); }
    .web-docs-page .doc-hero__lead{
      max-width: 650px;
      margin: 30px 0 0;
      color: #bbc9d2;
      font-size: clamp(17px, 1.35vw, 21px);
      line-height: 1.55;
    }
    .web-docs-page .search{
      position: relative;
      max-width: 700px;
      margin-top: 36px;
    }
    .web-docs-page .search__field{
      position: relative;
      display: flex;
      align-items: center;
      min-height: 68px;
      border: 1px solid rgba(191, 224, 240, .26);
      border-radius: 10px;
      background: rgba(255, 255, 255, .075);
      box-shadow: 0 22px 56px rgba(0, 0, 0, .18);
      backdrop-filter: blur(16px);
    }
    .web-docs-page .search__icon{
      width: 19px;
      height: 19px;
      margin-left: 22px;
      border: 2px solid var(--ice);
      border-radius: 50%;
      opacity: .82;
    }
    .web-docs-page .search__icon::after{
      content: "";
      display: block;
      width: 7px;
      height: 2px;
      margin: 13px 0 0 13px;
      background: var(--ice);
      transform: rotate(45deg);
      transform-origin: left center;
    }
    .web-docs-page .search input{
      min-width: 0;
      flex: 1;
      padding: 18px 18px;
      border: 0;
      outline: 0;
      color: #fff;
      background: transparent;
      font-size: 15px;
    }
    .web-docs-page .search input::placeholder{ color: #91a5b2; }
    .web-docs-page .search__shortcut{
      margin-right: 14px;
      padding: 7px 9px;
      border: 1px solid rgba(255, 255, 255, .15);
      border-radius: 5px;
      color: #91a5b2;
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 9px;
      letter-spacing: .08em;
    }
    .web-docs-page .search__clear{
      display: none;
      margin-right: 14px;
      padding: 8px 10px;
      border: 0;
      color: var(--ice);
      background: transparent;
      font-size: 11px;
      cursor: pointer;
    }
    .web-docs-page .search.has-value .search__shortcut{ display: none; }
    .web-docs-page .search.has-value .search__clear{ display: block; }
    .web-docs-page .search__status{
      min-height: 20px;
      margin: 8px 4px 0;
      color: #91a5b2;
      font-size: 11px;
    }
    .web-docs-page .search__results{
      position: relative;
      z-index: 12;
      max-height: 372px;
      margin-top: 10px;
      overflow: auto;
      overscroll-behavior: contain;
      border: 1px solid rgba(191, 224, 240, .22);
      border-radius: 12px;
      background: rgba(4, 19, 30, .94);
      box-shadow: 0 28px 70px rgba(0, 0, 0, .34);
      backdrop-filter: blur(20px);
      scrollbar-color: rgba(191, 224, 240, .32) transparent;
      scrollbar-width: thin;
    }
    .web-docs-page .search__results-head{
      position: sticky;
      z-index: 2;
      top: 0;
      display: flex;
      justify-content: space-between;
      gap: 20px;
      padding: 13px 16px;
      border-bottom: 1px solid rgba(191, 224, 240, .12);
      color: #78909f;
      background: rgba(4, 19, 30, .96);
      font-size: 9px;
      letter-spacing: .06em;
      text-transform: uppercase;
    }
    .web-docs-page .search__results-list{ display: grid; }
    .web-docs-page .search-result{
      width: 100%;
      display: grid;
      grid-template-columns: 34px minmax(0, 1fr) 18px;
      align-items: center;
      gap: 12px;
      padding: 15px 16px;
      border: 0;
      border-bottom: 1px solid rgba(191, 224, 240, .09);
      text-align: left;
      background: transparent;
      cursor: pointer;
      transition: background .18s ease, transform .18s ease;
    }
    .web-docs-page .search-result:last-child{ border-bottom: 0; }
    .web-docs-page .search-result:hover,.web-docs-page .search-result:focus-visible,.web-docs-page .search-result.is-active{
      outline: 0;
      background: rgba(77, 155, 205, .13);
    }
    .web-docs-page .search-result:hover{ transform: translateX(3px); }
    .web-docs-page .search-result__no{
      align-self: start;
      padding-top: 3px;
      color: var(--ice);
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 9px;
      letter-spacing: .08em;
    }
    .web-docs-page .search-result__copy{ min-width: 0; }
    .web-docs-page .search-result__scope{
      display: block;
      margin-bottom: 4px;
      overflow: hidden;
      color: #6f8998;
      font-size: 8px;
      letter-spacing: .08em;
      text-overflow: ellipsis;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .web-docs-page .search-result__title{
      display: block;
      color: #fff;
      font-size: 13px;
      font-weight: 500;
      line-height: 1.3;
    }
    .web-docs-page .search-result__snippet{
      display: -webkit-box;
      margin-top: 4px;
      overflow: hidden;
      color: #9eb0ba;
      font-size: 10px;
      line-height: 1.45;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }
    .web-docs-page .search-result mark{
      padding: 0 2px;
      border-radius: 2px;
      color: #fff;
      background: rgba(77, 155, 205, .46);
    }
    .web-docs-page .search-result__arrow{
      color: var(--ice);
      font-size: 16px;
      opacity: .72;
      transition: transform .18s ease;
    }
    .web-docs-page .search-result:hover .search-result__arrow{ transform: translateX(3px); }
    .web-docs-page .search__empty{
      display: grid;
      gap: 5px;
      padding: 22px 18px;
      color: #9eb0ba;
      font-size: 11px;
    }
    .web-docs-page .search__empty strong{ color: #fff; font-size: 13px; font-weight: 500; }
    .web-docs-page .guide,.web-docs-page .full-manual h1,.web-docs-page .full-manual h2,.web-docs-page .full-manual h3{ scroll-margin-top: calc(var(--header) + 30px); }
    .web-docs-page .search-target{ animation: search-target-pulse 1.7s ease; }
    @keyframes search-target-pulse {
      0%, 100% { box-shadow: none; }
      18%, 54% { box-shadow: 0 0 0 7px rgba(77, 155, 205, .18); }
    }
    .web-docs-page .doc-hero__stats{
      display: flex;
      gap: 28px;
      margin-top: 27px;
    }
    .web-docs-page .hero-stat{ display: grid; gap: 2px; }
    .web-docs-page .hero-stat strong{
      color: #fff;
      font-family: "PS Display", Arial, sans-serif;
      font-size: 25px;
      font-weight: 500;
      line-height: 1;
    }
    .web-docs-page .hero-stat span{
      color: #78909f;
      font-size: 10px;
      letter-spacing: .05em;
      text-transform: uppercase;
    }
    .web-docs-page .doc-hero__visual{
      position: relative;
      min-height: 480px;
      perspective: 1500px;
    }
    .web-docs-page .visual-orbit{
      position: absolute;
      inset: 4% 0 2% 5%;
      border: 1px solid rgba(191, 224, 240, .13);
      border-radius: 50%;
      transform: rotate(-12deg);
    }
    .web-docs-page .visual-orbit::before,.web-docs-page .visual-orbit::after{
      content: "";
      position: absolute;
      border: 1px solid rgba(191, 224, 240, .1);
      border-radius: inherit;
    }
    .web-docs-page .visual-orbit::before{ inset: 12%; }
    .web-docs-page .visual-orbit::after{ inset: 27%; }
    .web-docs-page .visual-screen{
      position: absolute;
      top: 51%;
      left: 50%;
      width: min(760px, 96%);
      aspect-ratio: 1.52;
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, .24);
      border-radius: 18px;
      background: #eaf0f2;
      box-shadow: 0 48px 110px rgba(0, 0, 0, .42), inset 0 1px rgba(255, 255, 255, .8);
      transform: translate(-50%, -50%) rotateY(-10deg) rotateX(4deg) rotateZ(1.5deg);
    }
    .web-docs-page .visual-screen::before{
      content: "";
      position: absolute;
      z-index: 2;
      top: 0;
      right: 0;
      left: 0;
      height: 29px;
      background: linear-gradient(90deg, #0b2c40, #1a5a75);
      box-shadow: 0 1px rgba(255, 255, 255, .14);
    }
    .web-docs-page .visual-screen::after{
      content: "WEB · ONLINE";
      position: absolute;
      z-index: 3;
      top: 8px;
      left: 15px;
      color: #d4e5ee;
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 8px;
      letter-spacing: .12em;
    }
    .web-docs-page .visual-screen img{
      width: 100%;
      height: 100%;
      padding-top: 29px;
      object-fit: cover;
      object-position: left top;
      filter: saturate(.72) contrast(1.04) brightness(.98);
    }
    .web-docs-page .visual-tag{
      position: absolute;
      z-index: 4;
      display: grid;
      gap: 3px;
      padding: 14px 17px;
      border: 1px solid rgba(191, 224, 240, .24);
      border-radius: 10px;
      color: #fff;
      background: rgba(5, 22, 34, .76);
      box-shadow: 0 16px 38px rgba(0, 0, 0, .2);
      backdrop-filter: blur(14px);
    }
    .web-docs-page .visual-tag b{
      color: var(--ice);
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 8px;
      font-weight: 500;
      letter-spacing: .1em;
    }
    .web-docs-page .visual-tag span{ font-size: 12px; }
    .web-docs-page .visual-tag--one{ top: 13%; right: -1%; }
    .web-docs-page .visual-tag--two{ bottom: 11%; left: 0; }
    .web-docs-page .visual-tag--two::before{
      content: "";
      width: 7px;
      height: 7px;
      position: absolute;
      top: 16px;
      left: -4px;
      border-radius: 50%;
      background: var(--green);
      box-shadow: 0 0 16px var(--green);
    }

    .web-docs-page .route-strip{
      position: relative;
      z-index: 5;
      margin-top: -1px;
      color: #dce7ed;
      background: #081a28;
      border-top: 1px solid rgba(191, 224, 240, .09);
      border-bottom: 1px solid rgba(191, 224, 240, .12);
    }
    .web-docs-page .route-strip__inner{
      display: grid;
      grid-template-columns: repeat(4, 1fr);
    }
    .web-docs-page .quick-route{
      min-height: 128px;
      display: grid;
      grid-template-columns: 36px 1fr;
      align-content: center;
      gap: 4px 15px;
      padding: 24px clamp(18px, 2.6vw, 42px);
      border-right: 1px solid rgba(255, 255, 255, .09);
      transition: background .25s ease;
    }
    .web-docs-page .quick-route:last-child{ border-right: 0; }
    .web-docs-page .quick-route:hover{ background: rgba(255, 255, 255, .045); }
    .web-docs-page .quick-route__no{
      grid-row: 1 / 3;
      color: var(--ice);
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 10px;
      letter-spacing: .08em;
    }
    .web-docs-page .quick-route strong{ font-size: 14px; font-weight: 500; }
    .web-docs-page .quick-route span:last-child{ color: #718b9b; font-size: 11px; }

    .web-docs-page .docs-main{ padding-block: clamp(76px, 8vw, 126px); }
    .web-docs-page .docs-layout{
      display: grid;
      grid-template-columns: 230px minmax(0, 1fr);
      align-items: start;
      gap: clamp(32px, 4vw, 64px);
    }
    @media (min-width: 941px) {
      .web-docs-page .docs-layout{
        max-width: 1760px;
        padding-inline: clamp(24px, 3vw, 56px);
      }
    }
    .web-docs-page .docs-sidebar{
      position: sticky;
      top: calc(var(--header) + 28px);
      transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
    }
    .web-docs-page .version-switch{
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 4px;
      margin-bottom: 25px;
      padding: 4px;
      border: 1px solid #d5dee2;
      border-radius: 11px;
      background: rgba(224, 230, 230, .66);
    }
    .web-docs-page .version-switch__link{
      min-width: 0;
      min-height: 42px;
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      align-items: center;
      gap: 7px;
      padding: 0 9px;
      border-radius: 7px;
      color: #6d7f89;
      font-size: 9px;
      font-weight: 500;
      line-height: 1;
      transition: color .2s ease, background .2s ease, box-shadow .2s ease;
    }
    .web-docs-page .version-switch__link span{
      color: #9aa9b1;
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 7px;
      letter-spacing: .06em;
    }
    .web-docs-page .version-switch__link:hover{ color: var(--brand); background: rgba(255, 255, 255, .6); }
    .web-docs-page .version-switch__link.is-active{
      color: #fff;
      background: #0b2a40;
      box-shadow: 0 8px 20px rgba(6, 21, 34, .14);
    }
    .web-docs-page .version-switch__link.is-active span{ color: var(--ice); }
    .web-docs-page .sidebar-panel{ min-width: 0; }
    .web-docs-page.docs-full-mode .docs-sidebar{
      max-height: calc(100vh - var(--header) - 36px);
      display: flex;
      flex-direction: column;
    }
    .web-docs-page.docs-full-mode .docs-sidebar > .version-switch{ flex: 0 0 auto; }
    .web-docs-page .sidebar-panel--full{
      min-height: 0;
      flex: 1;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      border: 1px solid rgba(191, 224, 240, .16);
      border-radius: 14px;
      color: #dceaf0;
      background: #071b29;
      box-shadow: 0 20px 54px rgba(6, 21, 34, .14);
    }
    .web-docs-page .sidebar__label{
      margin: 0 0 17px;
      color: #80919b;
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 9px;
      letter-spacing: .13em;
      text-transform: uppercase;
    }
    .web-docs-page .chapter-nav{
      display: grid;
      border-top: 1px solid var(--line);
    }
    .web-docs-page .chapter-nav a{
      position: relative;
      display: grid;
      grid-template-columns: 24px 1fr;
      gap: 10px;
      padding: 13px 0;
      border-bottom: 1px solid var(--line);
      color: #536671;
      font-size: 12px;
      line-height: 1.35;
      transition: color .2s ease, padding-left .2s ease;
    }
    .web-docs-page .chapter-nav a::before{
      content: attr(data-no);
      color: #9aa9b1;
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 8px;
      line-height: 1.8;
    }
    .web-docs-page .chapter-nav a::after{
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: -16px;
      width: 2px;
      background: transparent;
    }
    .web-docs-page .chapter-nav a:hover,.web-docs-page .chapter-nav a.is-active{ padding-left: 5px; color: var(--brand); }
    .web-docs-page .chapter-nav a.is-active::after{ background: var(--brand); }
    .web-docs-page .sidebar__meta{
      display: grid;
      gap: 8px;
      margin-top: 24px;
      padding: 18px;
      border: 1px solid var(--line);
      border-radius: 12px;
      color: #60727d;
      background: rgba(255, 255, 255, .55);
      font-size: 10px;
    }
    .web-docs-page .sidebar__meta strong{ color: var(--ink); font-size: 11px; font-weight: 500; }

    .web-docs-page .docs-content{ min-width: 0; }
    .web-docs-page .content-intro{
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(230px, .42fr);
      gap: 48px;
      margin-bottom: 90px;
      padding-bottom: 70px;
      border-bottom: 1px solid var(--line);
    }
    .web-docs-page .section-label{
      margin: 0 0 13px;
      color: var(--brand);
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 9px;
      letter-spacing: .13em;
      text-transform: uppercase;
    }
    .web-docs-page .content-intro h2,.web-docs-page .chapter-head h2{
      margin: 0;
      font-family: "PS Display", Arial, sans-serif;
      font-size: clamp(44px, 5vw, 72px);
      font-weight: 500;
      line-height: .98;
      letter-spacing: -.026em;
    }
    .web-docs-page .content-intro__lead{
      max-width: 780px;
      margin: 25px 0 0;
      color: #566a76;
      font-size: 18px;
    }
    .web-docs-page .intro-rules{
      align-self: end;
      display: grid;
      gap: 14px;
      padding: 22px;
      border: 1px solid var(--line);
      border-radius: 14px;
      background: #fff;
    }
    .web-docs-page .intro-rule{ display: grid; grid-template-columns: 22px 1fr; gap: 10px; color: #61737e; font-size: 11px; }
    .web-docs-page .intro-rule b{ color: var(--brand); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 9px; }

    .web-docs-page .doc-chapter{
      position: relative;
      margin-bottom: 112px;
      scroll-margin-top: calc(var(--header) + 30px);
    }
    .web-docs-page .chapter-head{
      display: grid;
      grid-template-columns: 72px minmax(0, 1fr);
      gap: 30px;
      margin-bottom: 40px;
    }
    .web-docs-page .chapter-no{
      width: 66px;
      height: 66px;
      display: grid;
      place-items: center;
      border: 1px solid rgba(25, 83, 146, .2);
      border-radius: 50%;
      color: var(--brand);
      background: rgba(191, 224, 240, .2);
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 12px;
      letter-spacing: .08em;
    }
    .web-docs-page .chapter-head h2{ font-size: clamp(42px, 4.5vw, 68px); }
    .web-docs-page .chapter-head p{
      max-width: 810px;
      margin: 18px 0 0;
      color: #627581;
      font-size: 16px;
    }
    .web-docs-page .chapter-topics{
      display: flex;
      flex-wrap: wrap;
      gap: 7px;
      margin-top: 19px;
    }
    .web-docs-page .chapter-topics span{
      padding: 7px 10px;
      border: 1px solid #d2dce1;
      border-radius: 999px;
      color: #667984;
      background: rgba(255, 255, 255, .5);
      font-size: 9px;
    }
    .web-docs-page .guides{ display: grid; gap: 14px; }
    .web-docs-page .guide{
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: 16px;
      background: rgba(255, 255, 255, .77);
      box-shadow: 0 10px 30px rgba(6, 21, 34, .025);
      transition: border-color .2s ease, box-shadow .2s ease;
    }
    .web-docs-page .guide[open]{
      border-color: rgba(25, 83, 146, .24);
      box-shadow: 0 18px 48px rgba(6, 21, 34, .055);
    }
    .web-docs-page .guide summary{
      position: relative;
      min-height: 86px;
      display: grid;
      grid-template-columns: 38px minmax(0, 1fr) 28px;
      align-items: center;
      gap: 16px;
      padding: 19px 24px;
      list-style: none;
      cursor: pointer;
    }
    .web-docs-page .guide summary::-webkit-details-marker{ display: none; }
    .web-docs-page .guide__index{
      color: #8ca0ab;
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 9px;
      letter-spacing: .08em;
    }
    .web-docs-page .guide__title{ display: grid; gap: 3px; }
    .web-docs-page .guide__title strong{ font-size: 16px; font-weight: 500; line-height: 1.25; }
    .web-docs-page .guide__title small{ color: #798b95; font-size: 10px; }
    .web-docs-page .guide__chevron{
      width: 28px;
      height: 28px;
      position: relative;
      border: 1px solid #d5dfe4;
      border-radius: 50%;
    }
    .web-docs-page .guide__chevron::before,.web-docs-page .guide__chevron::after{
      content: "";
      position: absolute;
      top: 13px;
      left: 8px;
      width: 10px;
      height: 1px;
      background: var(--brand);
      transition: transform .25s ease;
    }
    .web-docs-page .guide__chevron::after{ transform: rotate(90deg); }
    .web-docs-page .guide[open] .guide__chevron::after{ transform: rotate(0); }
    .web-docs-page .guide__body{
      padding: 0 24px 28px 78px;
      border-top: 1px solid #e4eaed;
    }
    .web-docs-page .guide__body > p:first-child{ margin-top: 24px; }
    .web-docs-page .guide__body p{ max-width: 860px; margin: 12px 0; color: #536671; }
    .web-docs-page .guide__body strong{ color: var(--ink); font-weight: 500; }
    .web-docs-page .path{
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 7px;
      margin: 19px 0;
    }
    .web-docs-page .path span{
      padding: 7px 9px;
      border: 1px solid #d8e1e5;
      border-radius: 6px;
      color: #294958;
      background: #f7f9f8;
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 9px;
    }
    .web-docs-page .path i{ color: #9caab1; font-style: normal; }
    .web-docs-page .step-list{
      counter-reset: steps;
      display: grid;
      gap: 12px;
      max-width: 860px;
      margin: 22px 0;
      padding: 0;
      list-style: none;
    }
    .web-docs-page .step-list li{
      counter-increment: steps;
      display: grid;
      grid-template-columns: 30px 1fr;
      gap: 13px;
      align-items: start;
      color: #50636e;
    }
    .web-docs-page .step-list li::before{
      content: counter(steps, decimal-leading-zero);
      width: 30px;
      height: 30px;
      display: grid;
      place-items: center;
      border: 1px solid rgba(25, 83, 146, .2);
      border-radius: 50%;
      color: var(--brand);
      background: rgba(191, 224, 240, .18);
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 8px;
    }
    .web-docs-page .bullet-list{
      display: grid;
      gap: 9px;
      max-width: 850px;
      margin: 20px 0;
      padding: 0;
      list-style: none;
    }
    .web-docs-page .bullet-list li{
      position: relative;
      padding-left: 20px;
      color: #536671;
    }
    .web-docs-page .bullet-list li::before{
      content: "";
      position: absolute;
      top: .7em;
      left: 0;
      width: 7px;
      height: 7px;
      border: 1px solid var(--brand);
      border-radius: 50%;
    }
    .web-docs-page .note{
      position: relative;
      max-width: 870px;
      margin: 22px 0;
      padding: 18px 20px 18px 50px;
      border: 1px solid rgba(25, 83, 146, .15);
      border-radius: 10px;
      color: #516570;
      background: rgba(191, 224, 240, .16);
      font-size: 13px;
    }
    .web-docs-page .note::before{
      content: "i";
      position: absolute;
      top: 18px;
      left: 19px;
      width: 19px;
      height: 19px;
      display: grid;
      place-items: center;
      border: 1px solid var(--brand);
      border-radius: 50%;
      color: var(--brand);
      font-family: Georgia, serif;
      font-size: 12px;
      font-style: italic;
    }
    .web-docs-page .note--warning{
      border-color: rgba(231, 111, 64, .2);
      background: rgba(231, 111, 64, .075);
    }
    .web-docs-page .note--warning::before{ content: "!"; border-color: var(--orange); color: var(--orange); font-style: normal; }
    .web-docs-page .shot-grid{
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 13px;
      margin-top: 25px;
    }
    .web-docs-page .shot-grid--wide{ grid-template-columns: 1fr; }
    .web-docs-page .shot{
      min-width: 0;
      margin: 0;
      overflow: hidden;
      border: 1px solid #d5dfe3;
      border-radius: 13px;
      background: #e9eef0;
    }
    .web-docs-page .shot button{
      width: 100%;
      display: block;
      padding: 0;
      border: 0;
      background: transparent;
      cursor: zoom-in;
    }
    .web-docs-page .shot__image{
      position: relative;
      aspect-ratio: 1.62;
      overflow: hidden;
      background: linear-gradient(145deg, #dce6e9, #f6f8f7);
    }
    .web-docs-page .shot__image img{
      width: 100%;
      height: 100%;
      object-fit: contain;
      filter: saturate(.8) contrast(1.03);
      transition: transform .5s cubic-bezier(.2, .75, .2, 1), filter .4s ease;
    }
    .web-docs-page .shot button:hover .shot__image img{ filter: saturate(.95) contrast(1.04); transform: scale(1.018); }
    .web-docs-page .shot figcaption{
      display: flex;
      justify-content: space-between;
      gap: 14px;
      padding: 11px 13px;
      color: #667a85;
      background: #fff;
      font-size: 9px;
    }
    .web-docs-page .shot figcaption span:last-child{
      color: var(--brand);
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      letter-spacing: .06em;
    }
    .web-docs-page .tab-map{
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 9px;
      margin: 23px 0;
    }
    .web-docs-page .tab-item{
      padding: 15px;
      border: 1px solid #dbe3e7;
      border-radius: 10px;
      background: #f8faf9;
    }
    .web-docs-page .tab-item b{ display: block; margin-bottom: 4px; color: #294958; font-size: 12px; font-weight: 500; }
    .web-docs-page .tab-item span{ color: #70828c; font-size: 10px; line-height: 1.4; }
    .web-docs-page .full-reference{
      position: relative;
      margin: 140px 0 20px;
      padding-top: 92px;
      border-top: 1px solid var(--line);
      scroll-margin-top: calc(var(--header) + 24px);
    }
    .web-docs-page .full-reference__head{
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(240px, .38fr);
      gap: 50px;
      align-items: end;
      margin-bottom: 70px;
    }
    .web-docs-page .full-reference__head h2{
      max-width: 900px;
      margin: 0;
      font-family: "PS Display", Arial, sans-serif;
      font-size: clamp(48px, 5.6vw, 82px);
      font-weight: 500;
      line-height: .94;
      letter-spacing: -.03em;
    }
    .web-docs-page .full-reference__head p{
      margin: 0;
      color: #60737e;
      font-size: 14px;
    }
    .web-docs-page .full-reference__badge{
      display: inline-flex;
      align-items: center;
      gap: 9px;
      width: fit-content;
      margin-bottom: 18px;
      padding: 8px 11px;
      border: 1px solid rgba(25, 83, 146, .18);
      border-radius: 999px;
      color: var(--brand);
      background: rgba(191, 224, 240, .16);
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 9px;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    .web-docs-page .full-reference__badge::before{
      content: "";
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--green);
      box-shadow: 0 0 11px rgba(63, 200, 137, .7);
    }
    .web-docs-page .manual-toolbar{
      position: sticky;
      z-index: 8;
      top: calc(var(--header) + 10px);
      display: grid;
      grid-template-columns: minmax(170px, .72fr) minmax(260px, 1.28fr) auto;
      align-items: center;
      gap: 18px;
      margin-bottom: 18px;
      padding: 13px 14px 13px 18px;
      border: 1px solid rgba(191, 224, 240, .18);
      border-radius: 14px;
      color: #fff;
      background: rgba(5, 24, 37, .93);
      box-shadow: 0 18px 46px rgba(6, 21, 34, .18);
      backdrop-filter: blur(18px);
    }
    .web-docs-page .manual-toolbar__meta{ display: grid; gap: 3px; }
    .web-docs-page .manual-toolbar__meta span{
      color: #78909f;
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 8px;
      letter-spacing: .1em;
      text-transform: uppercase;
    }
    .web-docs-page .manual-toolbar__meta strong{ font-size: 12px; font-weight: 500; }
    .web-docs-page .manual-toolbar__actions{ display: flex; gap: 7px; }
    .web-docs-page .manual-toolbar__actions button{
      min-height: 39px;
      padding: 0 12px;
      border: 1px solid rgba(191, 224, 240, .18);
      border-radius: 8px;
      color: #b9ced9;
      background: rgba(255, 255, 255, .045);
      font-size: 9px;
      cursor: pointer;
      transition: color .18s ease, border-color .18s ease, background .18s ease;
    }
    .web-docs-page .manual-toolbar__actions button:hover{
      border-color: rgba(191, 224, 240, .38);
      color: #fff;
      background: rgba(255, 255, 255, .09);
    }
    .web-docs-page .manual-outline{
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
      margin-bottom: 22px;
    }
    .web-docs-page .manual-outline__group{
      min-width: 0;
      overflow: hidden;
      border: 1px solid #d5dfe3;
      border-radius: 13px;
      background: rgba(255, 255, 255, .72);
    }
    .web-docs-page .manual-outline__group summary{
      min-height: 70px;
      display: grid;
      grid-template-columns: 32px minmax(0, 1fr) auto;
      align-items: center;
      gap: 11px;
      padding: 13px 15px;
      list-style: none;
      cursor: pointer;
    }
    .web-docs-page .manual-outline__group summary::-webkit-details-marker{ display: none; }
    .web-docs-page .manual-outline__group[open] summary{ border-bottom: 1px solid #dce4e7; background: rgba(191, 224, 240, .1); }
    .web-docs-page .manual-outline__no{
      color: var(--brand);
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 9px;
      letter-spacing: .08em;
    }
    .web-docs-page .manual-outline__title{ min-width: 0; display: grid; gap: 3px; }
    .web-docs-page .manual-outline__title strong{
      overflow: hidden;
      color: #183d51;
      font-size: 12px;
      font-weight: 500;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .web-docs-page .manual-outline__title small{ color: #82939c; font-size: 8px; }
    .web-docs-page .manual-outline__chevron{
      position: relative;
      width: 24px;
      height: 24px;
      display: grid;
      place-items: center;
      border: 1px solid #d0dce1;
      border-radius: 50%;
      color: var(--brand);
      font-size: 0;
      transition: color .2s ease, border-color .2s ease, background .2s ease;
    }
    .web-docs-page .manual-outline__chevron::before,.web-docs-page .manual-outline__chevron::after{
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 9px;
      height: 1.5px;
      border-radius: 999px;
      background: currentColor;
      transform: translate(-50%, -50%);
      transition: opacity .2s ease;
    }
    .web-docs-page .manual-outline__chevron::after{
      transform: translate(-50%, -50%) rotate(90deg);
    }
    .web-docs-page .manual-outline__group[open] .manual-outline__chevron{
      border-color: var(--brand);
      color: #fff;
      background: var(--brand);
    }
    .web-docs-page .manual-outline__group[open] .manual-outline__chevron::after{ opacity: 0; }
    .web-docs-page .manual-outline__links{
      max-height: 290px;
      display: grid;
      overflow: auto;
      padding: 7px;
      scrollbar-width: thin;
    }
    .web-docs-page .manual-outline__link{
      width: 100%;
      display: grid;
      grid-template-columns: 20px minmax(0, 1fr);
      gap: 8px;
      padding: 9px 10px;
      border: 0;
      border-radius: 7px;
      color: #627681;
      text-align: left;
      background: transparent;
      font-size: 9px;
      line-height: 1.35;
      cursor: pointer;
      transition: color .18s ease, background .18s ease;
    }
    .web-docs-page .manual-outline__link::before{ content: "→"; color: #9babb3; }
    .web-docs-page .manual-outline__link:hover,.web-docs-page .manual-outline__link.is-active{ color: #163f58; background: rgba(191, 224, 240, .22); }
    .web-docs-page .manual-outline__link--sub{ padding-left: 24px; }
    .web-docs-page .manual-outline__link--sub::before{ content: "·"; }
    .web-docs-page .manual-workspace{
      display: block;
    }
    .web-docs-page .manual-sidebar{
      position: sticky;
      z-index: 20;
      top: calc(var(--header) + 18px);
      max-height: calc(100vh - var(--header) - 36px);
      display: flex;
      flex-direction: column;
      overflow: hidden;
      border: 1px solid rgba(191, 224, 240, .16);
      border-radius: 16px;
      color: #dceaf0;
      background: #071b29;
      box-shadow: 0 26px 70px rgba(6, 21, 34, .18);
    }
    .web-docs-page .manual-sidebar .version-switch{
      flex: 0 0 auto;
      margin: 10px 10px 0;
      border-color: rgba(191, 224, 240, .12);
      background: rgba(255, 255, 255, .035);
    }
    .web-docs-page .manual-sidebar .version-switch__link{ color: #718a98; }
    .web-docs-page .manual-sidebar .version-switch__link:hover{ color: #dceaf0; background: rgba(255, 255, 255, .05); }
    .web-docs-page .manual-sidebar .version-switch__link.is-active{
      color: #061522;
      background: var(--ice);
      box-shadow: 0 8px 20px rgba(0, 0, 0, .18);
    }
    .web-docs-page .manual-sidebar .version-switch__link.is-active span{ color: var(--brand); }
    .web-docs-page .sidebar-panel--full .manual-toolbar{
      position: static;
      display: grid;
      grid-template-columns: 1fr;
      gap: 14px;
      margin: 0;
      padding: 20px 18px 15px;
      border: 0;
      border-bottom: 1px solid rgba(191, 224, 240, .1);
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      backdrop-filter: none;
    }
    .web-docs-page .sidebar-panel--full .manual-toolbar__meta{ gap: 5px; }
    .web-docs-page .sidebar-panel--full .manual-toolbar__meta strong{ color: #fff; font-size: 13px; }
    .web-docs-page .sidebar-panel--full .manual-toolbar__actions{ display: grid; grid-template-columns: 1fr 1fr; }
    .web-docs-page .sidebar-panel--full .manual-toolbar__actions button{
      min-width: 0;
      padding: 0 8px;
      color: #9db2bd;
      font-size: 8px;
    }
    .web-docs-page .sidebar-panel--full .manual-outline{
      min-height: 0;
      flex: 1;
      display: block;
      margin: 0;
      padding: 8px;
      overflow-y: auto;
      overscroll-behavior: contain;
      scrollbar-color: rgba(191, 224, 240, .26) transparent;
      scrollbar-width: thin;
    }
    .web-docs-page .sidebar-panel--full .manual-outline__group{
      border: 0;
      border-bottom: 1px solid rgba(191, 224, 240, .08);
      border-radius: 0;
      background: transparent;
    }
    .web-docs-page .sidebar-panel--full .manual-outline__group:last-child{ border-bottom: 0; }
    .web-docs-page .sidebar-panel--full .manual-outline__group summary{
      min-height: 62px;
      grid-template-columns: 27px minmax(0, 1fr) 22px;
      gap: 8px;
      padding: 11px 9px;
      border-radius: 8px;
    }
    .web-docs-page .sidebar-panel--full .manual-outline__group[open] summary{
      border-bottom: 0;
      background: rgba(77, 155, 205, .18);
      box-shadow: inset 3px 0 0 rgba(191, 224, 240, .72);
    }
    .web-docs-page .sidebar-panel--full .manual-outline__title strong{ color: #eaf3f7; font-size: 10px; white-space: normal; }
    .web-docs-page .sidebar-panel--full .manual-outline__title small{ color: #718a98; }
    .web-docs-page .sidebar-panel--full .manual-outline__chevron{
      width: 22px;
      height: 22px;
      border-color: rgba(191, 224, 240, .16);
      color: var(--ice);
    }
    .web-docs-page .sidebar-panel--full .manual-outline__group[open] .manual-outline__chevron{
      border-color: var(--ice);
      color: #071b29;
      background: var(--ice);
    }
    .web-docs-page .sidebar-panel--full .manual-outline__links{
      max-height: none;
      overflow: visible;
      padding: 4px 2px 9px;
    }
    .web-docs-page .sidebar-panel--full .manual-outline__link{
      grid-template-columns: 15px minmax(0, 1fr);
      gap: 5px;
      padding: 8px 7px;
      color: #8fa4af;
      font-size: 8px;
    }
    .web-docs-page .sidebar-panel--full .manual-outline__link:hover,.web-docs-page .sidebar-panel--full .manual-outline__link.is-active{
      color: #fff;
      background: rgba(77, 155, 205, .14);
    }
    .web-docs-page .sidebar-panel--full .manual-outline__link.is-active::before{ color: var(--ice); }
    .web-docs-page .sidebar-panel--full .manual-outline__link--sub{ padding-left: 18px; }
    .web-docs-page .full-manual{
      min-width: 0;
      padding: clamp(24px, 2.6vw, 42px);
      border: 1px solid #d5dfe3;
      border-radius: 22px;
      background: rgba(255, 255, 255, .8);
      box-shadow: 0 30px 90px rgba(6, 21, 34, .06);
    }
    .web-docs-page .manual-section{
      margin: 0 0 24px !important;
      padding: 0 !important;
      border: 1px solid #d6e0e4 !important;
      border-radius: 17px;
      background: rgba(255, 255, 255, .68);
      scroll-margin-top: calc(var(--header) + 72px);
    }
    .web-docs-page .manual-section:last-child{ margin-bottom: 0 !important; }
    .web-docs-page .manual-section__head{
      position: sticky;
      z-index: 5;
      top: calc(var(--header) + 10px);
      min-height: 66px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 14px;
      padding: 10px 14px;
      border-radius: 16px 16px 0 0;
      background: rgba(241, 246, 247, .96);
      box-shadow: inset 0 -1px #dbe4e7;
      backdrop-filter: blur(14px);
    }
    .web-docs-page .manual-section.is-collapsed .manual-section__head{
      border-radius: 16px;
      box-shadow: none;
    }
    .web-docs-page .manual-section__head h1,.web-docs-page .full-manual .manual-section__head h1{
      margin: 0;
      padding: 0;
      color: var(--ink);
      font-family: "PS Display", Arial, sans-serif;
      font-size: clamp(22px, 2vw, 30px);
      font-weight: 500;
      line-height: 1.08;
      letter-spacing: -.02em;
    }
    .web-docs-page .manual-section__toggle{
      min-width: 112px;
      min-height: 36px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 9px;
      padding: 0 11px;
      border: 1px solid #ccd9de;
      border-radius: 9px;
      color: #2d566b;
      background: #fff;
      font-size: 9px;
      cursor: pointer;
      transition: border-color .18s ease, background .18s ease;
    }
    .web-docs-page .manual-section__toggle:hover{ border-color: rgba(25, 83, 146, .35); background: #f8fbfc; }
    .web-docs-page .manual-section__toggle::before{ content: "−"; color: var(--brand); font-size: 15px; line-height: 1; }
    .web-docs-page .manual-section.is-collapsed .manual-section__toggle::before{ content: "+"; }
    .web-docs-page .manual-section__body{ padding: 5px 20px 36px; }
    .web-docs-page .manual-section__body[hidden]{ display: none !important; }
    .web-docs-page .manual-focus{ animation: manual-focus-pulse 1.7s ease; }
    @keyframes manual-focus-pulse {
      0%, 100% { color: inherit; }
      24%, 58% { color: var(--brand); text-shadow: 0 0 24px rgba(77, 155, 205, .24); }
    }
    .web-docs-page .full-manual > h1,.web-docs-page .full-manual .section-2 > h1,.web-docs-page .full-manual .section-2 > .container-for-txt:first-child h1{
      margin: 0 0 42px;
      padding-top: 10px;
      color: var(--ink);
      font-family: "PS Display", Arial, sans-serif;
      font-size: clamp(40px, 4.5vw, 66px);
      font-weight: 500;
      line-height: 1;
      letter-spacing: -.025em;
    }
    .web-docs-page .full-manual .section-2{
      margin-top: 100px;
      padding-top: 92px;
      border-top: 1px solid var(--line);
    }
    .web-docs-page .full-manual h2{
      margin: 68px 0 24px;
      color: #173f55;
      font-family: "PS Display", Arial, sans-serif;
      font-size: clamp(30px, 3.2vw, 46px);
      font-weight: 500;
      line-height: 1.08;
    }
    .web-docs-page .full-manual h3{
      margin: 48px 0 18px;
      color: var(--brand);
      font-size: clamp(20px, 2vw, 28px);
      font-weight: 500;
      line-height: 1.2;
    }
    .web-docs-page .full-manual p{
      max-width: 930px;
      margin: 12px 0;
      color: #526570;
    }
    .web-docs-page .full-manual b{ font-weight: inherit; }
    .web-docs-page .full-manual p b,.web-docs-page .full-manual li b{ color: var(--ink); font-weight: 500; }
    .web-docs-page .full-manual p i{
      color: #70838d;
      font-style: normal;
    }
    .web-docs-page .full-manual ul,.web-docs-page .full-manual ol{
      max-width: 940px;
      display: grid;
      gap: 10px;
      margin: 20px 0 34px;
      padding-left: 23px;
      color: #526570;
    }
    .web-docs-page .full-manual ol{ counter-reset: none; }
    .web-docs-page .full-manual li{ padding-left: 5px; }
    .web-docs-page .full-manual .container-for-txt{ max-width: none; }
    .web-docs-page .full-manual .d-f-div{
      display: grid;
      grid-template-columns: minmax(250px, .72fr) minmax(0, 1fr);
      gap: 30px;
      align-items: center;
      margin: 30px 0;
      padding: 24px;
      border: 1px solid #dbe4e8;
      border-radius: 14px;
      background: #f7f9f8;
    }
    .web-docs-page .full-manual img[role="button"]{
      width: auto;
      max-width: 100%;
      height: auto;
      max-height: none;
      margin: 24px auto 54px;
      border: 1px solid #d1dce1;
      border-radius: 12px;
      background: #e8eef0;
      box-shadow: 0 18px 50px rgba(6, 21, 34, .09);
      cursor: zoom-in;
      filter: saturate(.82) contrast(1.02);
      transition: border-color .25s ease, box-shadow .25s ease, filter .25s ease, transform .25s ease;
    }
    .web-docs-page .full-manual img[role="button"]:hover{
      border-color: rgba(25, 83, 146, .36);
      box-shadow: 0 26px 66px rgba(6, 21, 34, .13);
      filter: saturate(.98) contrast(1.03);
      transform: translateY(-2px);
    }
    .web-docs-page .full-manual .d-f-div img[role="button"]{ margin: 0; }
    .web-docs-page .full-manual .mb-10{ margin-bottom: 24px; }
    .web-docs-page .full-manual img.mb-10{ margin-bottom: 38px; }
    .web-docs-page .full-manual .mb-60{ margin-bottom: 64px; }
    .web-docs-page .full-manual br{ display: block; margin: 8px 0; content: ""; }
    .web-docs-page .full-manual .section-2:last-child img[role="button"]{ margin-bottom: 34px; }
    .web-docs-page .empty-search{
      margin: 50px 0 100px;
      padding: 42px;
      border: 1px dashed #b9c6cc;
      border-radius: 16px;
      text-align: center;
      background: rgba(255, 255, 255, .48);
    }
    .web-docs-page .empty-search strong{ display: block; margin-bottom: 7px; font-size: 19px; font-weight: 500; }
    .web-docs-page .empty-search span{ color: #71828b; font-size: 13px; }

    .web-docs-page .support{
      position: relative;
      overflow: hidden;
      color: #fff;
      background: linear-gradient(115deg, #071725, #0c2a3e);
    }
    .web-docs-page .support::before{
      content: "";
      position: absolute;
      inset: 0;
      opacity: .17;
      background-image: radial-gradient(circle at 1px 1px, rgba(191, 224, 240, .55) 1px, transparent 0);
      background-size: 28px 28px;
      -webkit-mask-image: linear-gradient(90deg, transparent, #000);
      mask-image: linear-gradient(90deg, transparent, #000);
    }
    .web-docs-page .support__inner{
      position: relative;
      z-index: 2;
      min-height: 360px;
      display: grid;
      grid-template-columns: 1fr auto;
      align-items: center;
      gap: 60px;
      padding-block: 70px;
    }
    .web-docs-page .support h2{
      max-width: 760px;
      margin: 0;
      font-family: "PS Display", Arial, sans-serif;
      font-size: clamp(46px, 5vw, 78px);
      font-weight: 500;
      line-height: .95;
      letter-spacing: -.025em;
    }
    .web-docs-page .support p{ max-width: 680px; margin: 20px 0 0; color: #93a8b4; }
    .web-docs-page .support__actions{ display: grid; gap: 10px; min-width: 230px; }
    .web-docs-page .button{
      min-height: 52px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      padding: 14px 20px;
      border: 1px solid transparent;
      border-radius: 6px;
      font-size: 13px;
      font-weight: 500;
      transition: color .2s ease, background .2s ease, border-color .2s ease;
    }
    .web-docs-page .button--ice{ color: var(--night); background: var(--ice); }
    .web-docs-page .button--ice:hover{ background: #d8eff8; }
    .web-docs-page .button--outline{ border-color: rgba(191, 224, 240, .26); color: #d9e5eb; }
    .web-docs-page .button--outline:hover{ border-color: rgba(191, 224, 240, .5); background: rgba(255, 255, 255, .06); }

    .web-docs-page .site-footer{ color: #8296a3; background: #03101a; }
    .web-docs-page .footer-main{
      display: grid;
      grid-template-columns: 1.25fr .8fr .8fr 1fr;
      gap: 50px;
      padding-block: 58px 48px;
    }
    .web-docs-page .footer-main .brand__name{ color: #fff; }
    .web-docs-page .footer-col h3{ margin: 0 0 15px; color: #fff; font-size: 11px; font-weight: 500; }
    .web-docs-page .footer-col a,.web-docs-page .footer-col span{ display: block; width: fit-content; margin: 8px 0; font-size: 11px; }
    .web-docs-page .footer-col a:hover{ color: #fff; }
    .web-docs-page .footer-bottom{
      display: flex;
      justify-content: space-between;
      gap: 28px;
      padding-block: 21px 26px;
      border-top: 1px solid rgba(255, 255, 255, .08);
      font-size: 9px;
    }

    .web-docs-page .image-viewer{
      width: min(96vw, 1600px);
      height: 92vh;
      max-height: 92vh;
      grid-template-rows: auto minmax(0, 1fr);
      overflow: hidden;
      padding: 0;
      border: 1px solid rgba(255, 255, 255, .2);
      border-radius: 16px;
      color: #fff;
      background: #071522;
      box-shadow: 0 40px 120px rgba(0, 0, 0, .5);
    }
    .web-docs-page .image-viewer[open]{ display: grid; }
    .web-docs-page .image-viewer::backdrop{ background: rgba(2, 9, 14, .82); backdrop-filter: blur(9px); }
    .web-docs-page .viewer__bar{
      min-height: 54px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      padding: 12px 16px;
      border-bottom: 1px solid rgba(255, 255, 255, .1);
    }
    .web-docs-page .viewer__title{ overflow: hidden; color: #b8c8d1; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
    .web-docs-page .viewer__close{
      width: 32px;
      height: 32px;
      flex: 0 0 auto;
      padding: 0;
      border: 1px solid rgba(255, 255, 255, .18);
      border-radius: 50%;
      color: #fff;
      background: transparent;
      cursor: pointer;
    }
    .web-docs-page .viewer__canvas{
      min-height: 0;
      display: grid;
      place-items: center;
      overflow: hidden;
      padding: clamp(12px, 2vw, 28px);
    }
    .web-docs-page .viewer__canvas img{
      width: auto;
      height: auto;
      max-width: 100%;
      max-height: 100%;
      min-width: 0;
      min-height: 0;
      margin: auto;
      object-fit: contain;
    }

    @media (max-width: 1180px) {
      .web-docs-page{ --gutter: clamp(28px, 4.5vw, 58px); }
      .web-docs-page .doc-hero__inner{ grid-template-columns: minmax(0, .95fr) minmax(440px, 1fr); gap: 45px; }
      .web-docs-page .docs-layout{ grid-template-columns: 220px minmax(0, 1fr); gap: 55px; }
      .web-docs-page .footer-main{ grid-template-columns: 1.1fr .8fr .8fr; }
      .web-docs-page .footer-contacts{ grid-column: 1 / -1; }
    }

    @media (min-width: 941px) {
      .web-docs-page{ --header: 72px; }
      .web-docs-page{ font-size: 15px; }
      .web-docs-page .header__inner{ gap: 34px; }
      .web-docs-page .brand__icon{ width: 24px; height: 31px; }
      .web-docs-page .brand__name{ font-size: 18px; }
      .web-docs-page .main-nav{ gap: 25px; font-size: 12px; }
      .web-docs-page .main-nav > a{ padding-block: 25px 22px; }
      .web-docs-page .main-nav > a::after{ bottom: 18px; }
      .web-docs-page .header__back{ min-height: 38px; padding: 8px 14px; }
      .web-docs-page .doc-hero,.web-docs-page .doc-hero__inner{ min-height: 630px; }
      .web-docs-page .doc-hero__inner{
        gap: clamp(47px, 6.3vw, 106px);
        padding-top: calc(var(--header) + 59px);
        padding-bottom: 65px;
      }
      .web-docs-page .doc-hero h1{ font-size: clamp(54px, 5.4vw, 92px); }
      .web-docs-page .doc-hero__lead{ margin-top: 27px; font-size: clamp(16px, 1.2vw, 19px); }
      .web-docs-page .search{ margin-top: 32px; }
      .web-docs-page .search__field{ min-height: 61px; }
      .web-docs-page .docs-main{ padding-block: clamp(68px, 7.2vw, 112px); }
      .web-docs-page .content-intro{ gap: 43px; margin-bottom: 81px; padding-bottom: 63px; }
      .web-docs-page .content-intro h2,.web-docs-page .chapter-head h2{ font-size: clamp(40px, 4.5vw, 65px); }
      .web-docs-page .content-intro__lead{ margin-top: 22px; font-size: 16px; }
      .web-docs-page .doc-chapter{ margin-bottom: 101px; }
      .web-docs-page .chapter-head{ grid-template-columns: 65px minmax(0, 1fr); gap: 27px; margin-bottom: 36px; }
      .web-docs-page .chapter-no{ width: 60px; height: 60px; font-size: 11px; }
      .web-docs-page .chapter-head h2{ font-size: clamp(38px, 4vw, 61px); }
      .web-docs-page .chapter-head p{ margin-top: 16px; font-size: 15px; }
      .web-docs-page .guide summary{ min-height: 77px; padding: 17px 22px; }
      .web-docs-page .guide__title strong{ font-size: 15px; }
      .web-docs-page .guide__body{ padding: 0 22px 25px 70px; }
      .web-docs-page .full-reference{ margin-top: 126px; padding-top: 83px; }
      .web-docs-page .full-reference__head{ gap: 45px; margin-bottom: 63px; }
      .web-docs-page .full-reference__head h2{ font-size: clamp(43px, 5vw, 74px); }
      .web-docs-page .full-manual .section-2{ margin-top: 90px; padding-top: 83px; }
      .web-docs-page .full-manual h2{ margin: 61px 0 22px; font-size: clamp(27px, 2.9vw, 41px); }
      .web-docs-page .full-manual h3{ margin: 43px 0 16px; font-size: clamp(18px, 1.8vw, 25px); }
      .web-docs-page .full-manual img[role="button"]{ margin-top: 22px; margin-bottom: 49px; }
      .web-docs-page .full-manual img.mb-10{ margin-bottom: 34px; }
      .web-docs-page .full-manual .mb-60{ margin-bottom: 58px; }
      .web-docs-page .support__inner{ min-height: 324px; padding-block: 63px; }
      .web-docs-page .support h2{ font-size: clamp(42px, 4.5vw, 70px); }
    }

    @media (max-width: 940px) {
      .web-docs-page .main-nav{
        position: fixed;
        top: var(--header);
        right: 0;
        left: 0;
        display: none;
        align-items: stretch;
        gap: 0;
        padding: 12px var(--gutter) 22px;
        border-top: 1px solid rgba(255, 255, 255, .08);
        background: rgba(6, 21, 34, .98);
        box-shadow: 0 22px 40px rgba(0, 0, 0, .2);
      }
      .web-docs-page .main-nav.is-open{ display: grid; }
      .web-docs-page .main-nav > a{ padding: 13px 0; border-bottom: 1px solid rgba(255, 255, 255, .08); }
      .web-docs-page .main-nav > a::after{ display: none; }
      .web-docs-page .header__back{ margin-top: 10px; }
      .web-docs-page .menu-toggle{ display: block; }
      .web-docs-page .doc-hero__inner{
        grid-template-columns: 1fr;
        min-height: 0;
        padding-top: calc(var(--header) + 76px);
      }
      .web-docs-page .doc-hero__copy{ max-width: 760px; }
      .web-docs-page .doc-hero__visual{ min-height: 450px; }
      .web-docs-page .route-strip__inner{ grid-template-columns: repeat(2, 1fr); }
      .web-docs-page .quick-route:nth-child(2){ border-right: 0; }
      .web-docs-page .quick-route:nth-child(-n+2){ border-bottom: 1px solid rgba(255, 255, 255, .09); }
      .web-docs-page .docs-layout{ grid-template-columns: 1fr; }
      .web-docs-page .docs-sidebar{
        position: static;
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 12px;
      }
      .web-docs-page .docs-sidebar > .version-switch{ grid-column: 1 / -1; margin-bottom: 4px; }
      .web-docs-page .docs-sidebar > .sidebar-panel{ grid-column: 1 / -1; }
      .web-docs-page .sidebar__label{ grid-column: 1 / -1; }
      .web-docs-page .chapter-nav{
        grid-template-columns: repeat(4, 1fr);
        grid-column: 1 / -1;
      }
      .web-docs-page .chapter-nav a{ padding: 11px 10px; border: 1px solid var(--line); border-radius: 8px; }
      .web-docs-page .chapter-nav a::after{ display: none; }
      .web-docs-page .sidebar__meta{ display: none; }
      .web-docs-page .content-intro{ margin-top: 60px; }
      .web-docs-page .full-reference__head{ grid-template-columns: 1fr; gap: 24px; }
      .web-docs-page .manual-section__head{ top: calc(var(--header) + 10px); }
      .web-docs-page .support__inner{ grid-template-columns: 1fr; }
      .web-docs-page .support__actions{ grid-template-columns: repeat(2, minmax(0, 1fr)); min-width: 0; }
    }

    @media (max-width: 700px) {
      .web-docs-page{ --gutter: 20px; --header: 64px; }
      .web-docs-page .brand__meta{ display: none; }
      .web-docs-page .doc-hero{ min-height: 0; }
      .web-docs-page .doc-hero__inner{ gap: 30px; padding-top: calc(var(--header) + 58px); padding-bottom: 48px; }
      .web-docs-page .doc-hero h1{ font-size: clamp(52px, 15vw, 76px); }
      .web-docs-page .doc-hero__lead{ margin-top: 22px; font-size: 16px; }
      .web-docs-page .search{ margin-top: 26px; }
      .web-docs-page .search__field{ min-height: 61px; }
      .web-docs-page .search__shortcut{ display: none; }
      .web-docs-page .search__results{ max-height: 330px; }
      .web-docs-page .search__results-head span:last-child{ display: none; }
      .web-docs-page .search-result{ grid-template-columns: 28px minmax(0, 1fr) 16px; gap: 9px; padding: 14px 13px; }
      .web-docs-page .doc-hero__stats{ gap: 19px; }
      .web-docs-page .hero-stat strong{ font-size: 21px; }
      .web-docs-page .doc-hero__visual{ min-height: 310px; }
      .web-docs-page .visual-screen{ width: 96%; border-radius: 12px; transform: translate(-50%, -50%) rotateY(-5deg) rotateZ(1deg); }
      .web-docs-page .visual-tag{ padding: 10px 12px; }
      .web-docs-page .visual-tag--one{ top: 4%; }
      .web-docs-page .visual-tag--two{ bottom: 5%; }
      .web-docs-page .route-strip__inner{ grid-template-columns: 1fr; }
      .web-docs-page .quick-route{ min-height: 102px; border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, .09); }
      .web-docs-page .quick-route:last-child{ border-bottom: 0; }
      .web-docs-page .docs-main{ padding-block: 65px; }
      .web-docs-page .chapter-nav{ grid-template-columns: repeat(2, 1fr); }
      .web-docs-page .content-intro{ grid-template-columns: 1fr; gap: 28px; margin: 48px 0 70px; padding-bottom: 52px; }
      .web-docs-page .content-intro h2,.web-docs-page .chapter-head h2{ font-size: 44px; }
      .web-docs-page .content-intro__lead{ font-size: 16px; }
      .web-docs-page .chapter-head{ grid-template-columns: 48px minmax(0, 1fr); gap: 16px; }
      .web-docs-page .chapter-no{ width: 46px; height: 46px; font-size: 9px; }
      .web-docs-page .doc-chapter{ margin-bottom: 82px; }
      .web-docs-page .guide summary{ grid-template-columns: 30px minmax(0, 1fr) 28px; gap: 10px; padding: 17px; }
      .web-docs-page .guide__body{ padding: 0 17px 23px; }
      .web-docs-page .full-reference{ margin-top: 100px; padding-top: 70px; }
      .web-docs-page .full-manual{ padding: 23px 18px; border-radius: 16px; }
      .web-docs-page .full-manual .section-2{ margin-top: 75px; padding-top: 68px; }
      .web-docs-page .manual-section__head{ top: calc(var(--header) + 7px); min-height: 62px; padding: 9px 11px; }
      .web-docs-page .manual-section__head h1,.web-docs-page .full-manual .manual-section__head h1{ font-size: 22px; }
      .web-docs-page .manual-section__body{ padding: 5px 15px 30px; }
      .web-docs-page .full-manual .d-f-div{ grid-template-columns: 1fr; padding: 17px; }
      .web-docs-page .shot-grid,.web-docs-page .tab-map{ grid-template-columns: 1fr; }
      .web-docs-page .support__actions{ grid-template-columns: 1fr; }
      .web-docs-page .footer-main{ grid-template-columns: 1fr 1fr; }
      .web-docs-page .footer-brand,.web-docs-page .footer-contacts{ grid-column: 1 / -1; }
      .web-docs-page .footer-bottom{ flex-direction: column; gap: 6px; }
    }

    @media (max-width: 430px) {
      .web-docs-page .doc-hero h1{ font-size: 50px; }
      .web-docs-page .doc-hero__stats{ flex-wrap: wrap; }
      .web-docs-page .doc-hero__visual{ min-height: 260px; }
      .web-docs-page .visual-tag--two{ display: none; }
      .web-docs-page .chapter-nav{ grid-template-columns: 1fr; }
      .web-docs-page .chapter-head h2{ font-size: 39px; }
      .web-docs-page .guide__title strong{ font-size: 14px; }
      .web-docs-page .manual-section__toggle{ min-width: 44px; width: 44px; padding: 0; }
      .web-docs-page .manual-section__toggle span{ display: none; }
      .web-docs-page .footer-main{ grid-template-columns: 1fr; }
      .web-docs-page .footer-brand,.web-docs-page .footer-contacts{ grid-column: auto; }
    }

    @media (prefers-reduced-motion: reduce) {
      .web-docs-page{ scroll-behavior: auto; }
      .web-docs-page *,.web-docs-page *::before,.web-docs-page *::after{ scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
    }
  

    .web-docs-page{
      --night: #092638;
      --night-soft: #123c53;
      --brand: #155887;
      --brand-deep: #0d405f;
      --ice: #c6dbe3;
      --paper: #efede6;
      --white: #fffdf8;
      --ink: #172128;
      --muted: #657078;
      --line: #c9c6bc;
      --orange: #286d9b;
      --green: #24956b;
    }

    .web-docs-page{
      color: var(--ink);
      background-color: var(--paper);
      background-image: linear-gradient(rgba(9, 38, 56, .035) 1px, transparent 1px);
      background-size: 100% 32px;
    }
    .web-docs-page ::selection{ color: #fff; background: var(--orange); }
    .web-docs-page :focus-visible{ outline-color: var(--orange); outline-offset: 3px; }

    .web-docs-page .reading-progress{
      height: 4px;
      background: var(--orange);
      box-shadow: none;
    }

    .web-docs-page .site-header,.web-docs-page .site-header.is-sticky{
      color: #fff;
      border-bottom: 3px solid var(--orange);
      background: #092638;
      box-shadow: none;
      backdrop-filter: none;
    }
    .web-docs-page .header__inner{ gap: 30px; }
    .web-docs-page .brand__icon{ filter: none; }
    .web-docs-page .brand__name{ letter-spacing: .08em; }
    .web-docs-page .brand__meta{ color: #94a9b4; letter-spacing: .1em; }
    .web-docs-page .main-nav{ gap: 22px; color: #d8e2e6; font-size: 11px; letter-spacing: .035em; text-transform: uppercase; }
    .web-docs-page .main-nav > a::after{ height: 3px; bottom: 16px; background: var(--orange); }
    .web-docs-page .header__back{
      border: 1px solid #d2dee3;
      border-radius: 0;
      color: #092638;
      background: #f4f0e7;
    }
    .web-docs-page .header__back:hover{ color: #fff; border-color: var(--orange); background: var(--orange); }
    .web-docs-page .menu-toggle{ border-radius: 0; }

    .web-docs-page .doc-hero{
      min-height: 610px;
      color: #fff;
      background: #123c53;
    }
    .web-docs-page .doc-hero::before{
      opacity: 1;
      background-image:
        linear-gradient(rgba(255, 255, 255, .055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .055) 1px, transparent 1px);
      background-size: 48px 48px;
      -webkit-mask-image: none;
      mask-image: none;
    }
    .web-docs-page .doc-hero::after{
      content: "POSTSERVICE / WEB / MANUAL";
      top: calc(var(--header) + 54px);
      right: 18px;
      bottom: auto;
      color: rgba(255, 255, 255, .42);
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 8px;
      line-height: 1;
      letter-spacing: .18em;
      writing-mode: vertical-rl;
    }
    .web-docs-page .doc-hero__inner{
      min-height: 610px;
      grid-template-columns: minmax(360px, .78fr) minmax(520px, 1.22fr);
      gap: clamp(52px, 6vw, 96px);
      padding-top: calc(var(--header) + 54px);
      padding-bottom: 58px;
    }
    .web-docs-page .eyebrow{
      margin-bottom: 17px;
      color: #dce9ee;
      font-size: 9px;
      letter-spacing: .16em;
    }
    .web-docs-page .eyebrow::before{ width: 38px; height: 4px; background: var(--orange); }
    .web-docs-page .doc-hero h1{
      max-width: 650px;
      font-size: clamp(54px, 5.2vw, 84px);
      line-height: .96;
      letter-spacing: -.02em;
    }
    .web-docs-page .doc-hero h1 span{ color: #acd2e6; }
    .web-docs-page .doc-hero__lead{ max-width: 600px; color: #cfdae0; font-size: clamp(15px, 1.12vw, 18px); line-height: 1.5; }

    .web-docs-page .search{ max-width: 660px; }
    .web-docs-page .search__field{
      min-height: 58px;
      border: 2px solid #092638;
      border-bottom: 5px solid var(--orange);
      border-radius: 0;
      color: var(--ink);
      background: #fffdf8;
      box-shadow: 8px 8px 0 rgba(9, 38, 56, .32);
      backdrop-filter: none;
    }
    .web-docs-page .search__icon{ border-color: var(--brand); }
    .web-docs-page .search__icon::after{ background: var(--brand); }
    .web-docs-page .search input{ color: var(--ink); }
    .web-docs-page .search input::placeholder{ color: #7a8286; }
    .web-docs-page .search__shortcut{ color: #52656f; border-color: #b9b6ad; border-radius: 0; background: #efede6; }
    .web-docs-page .search__clear{ color: var(--brand); }
    .web-docs-page .search__status{ color: #aebec6; }
    .web-docs-page .search__results{
      border: 2px solid #092638;
      border-radius: 0;
      background: #fffdf8;
      box-shadow: 8px 8px 0 rgba(9, 38, 56, .34);
      backdrop-filter: none;
    }
    .web-docs-page .search__results-head{ color: #52656f; border-color: #c9c6bc; background: #e7e3d9; }
    .web-docs-page .search-result{ color: #283840; border-color: #d8d4c9; background: #fffdf8; }
    .web-docs-page .search-result:hover,.web-docs-page .search-result:focus-visible,.web-docs-page .search-result.is-active{ color: var(--ink); background: #dceaf1; }
    .web-docs-page .search-result__scope,.web-docs-page .search-result__snippet{ color: #68747a; }
    .web-docs-page .search-result__no,.web-docs-page .search-result__arrow{ color: var(--orange); }
    .web-docs-page .search-result mark{ color: var(--ink); background: #b8d8e9; }

    .web-docs-page .doc-hero__stats{
      gap: 0;
      width: fit-content;
      margin-top: 25px;
      border-top: 1px solid rgba(255, 255, 255, .28);
      border-bottom: 1px solid rgba(255, 255, 255, .28);
    }
    .web-docs-page .hero-stat{ min-width: 94px; padding: 11px 18px 10px 0; border-right: 1px solid rgba(255, 255, 255, .22); }
    .web-docs-page .hero-stat + .hero-stat{ padding-left: 18px; }
    .web-docs-page .hero-stat:last-child{ border-right: 0; }
    .web-docs-page .hero-stat strong{ color: #fff; font-size: 22px; }
    .web-docs-page .hero-stat span{ color: #a9bac2; font-size: 8px; }

    .web-docs-page .doc-hero__visual{ min-height: 430px; display: grid; align-items: center; perspective: none; }
    .web-docs-page .visual-orbit{ display: none; }
    .web-docs-page .visual-screen{
      position: relative;
      top: auto;
      left: auto;
      width: min(760px, 94%);
      margin: 0 auto;
      overflow: hidden;
      border: 7px solid #ebe6db;
      border-radius: 0;
      background: #d8dde0;
      box-shadow: 16px 16px 0 #082434;
      transform: none;
      clip-path: polygon(0 0, calc(100% - 32px) 0, 100% 32px, 100% 100%, 0 100%);
    }
    .web-docs-page .visual-screen::before{ height: 28px; background: #d6d1c6; box-shadow: inset 0 -1px #aca99f; }
    .web-docs-page .visual-screen::after{ content: "PS / WEB-CONSOLE / ONLINE"; color: #273943; }
    .web-docs-page .visual-screen img{ padding-top: 28px; filter: saturate(.78) contrast(1.04); }
    .web-docs-page .visual-tag{
      gap: 2px;
      padding: 11px 14px;
      border: 2px solid #092638;
      border-left: 6px solid var(--orange);
      border-radius: 0;
      color: var(--ink);
      background: #f5f1e7;
      box-shadow: 5px 5px 0 rgba(9, 38, 56, .28);
      backdrop-filter: none;
    }
    .web-docs-page .visual-tag b{ color: var(--brand); font-size: 7px; }
    .web-docs-page .visual-tag span{ font-size: 11px; }
    .web-docs-page .visual-tag--one{ top: 2%; right: -1%; }
    .web-docs-page .visual-tag--two{ bottom: 2%; left: -1%; }
    .web-docs-page .visual-tag--two::before{ display: none; }

    .web-docs-page .route-strip{
      color: #12232b;
      border-top: 0;
      border-bottom: 3px solid #092638;
      background: var(--orange);
    }
    .web-docs-page .quick-route{ min-height: 96px; border-color: rgba(9, 38, 56, .34); }
    .web-docs-page .quick-route:hover{ background: #f8faf9; }
    .web-docs-page .quick-route__no{ color: #fff; font-weight: 500; }
    .web-docs-page .quick-route strong{ color: #092638; }
    .web-docs-page .quick-route span:last-child{ color: #596b73; }

    .web-docs-page .docs-main{ background: transparent; }
    .web-docs-page .docs-sidebar{ top: calc(var(--header) + 24px); }
    .web-docs-page .version-switch{
      gap: 0;
      padding: 0;
      border: 2px solid #092638;
      border-radius: 0;
      background: #dad6cc;
    }
    .web-docs-page .version-switch__link{
      min-height: 40px;
      border-radius: 0;
      color: #40515a;
      border-right: 1px solid #9d9a92;
    }
    .web-docs-page .version-switch__link:last-child{ border-right: 0; }
    .web-docs-page .version-switch__link:hover{ color: #092638; background: #eee9df; }
    .web-docs-page .version-switch__link.is-active{
      color: #fff;
      background: #155887;
      box-shadow: inset 0 -4px var(--orange);
    }
    .web-docs-page .version-switch__link.is-active span{ color: #b9d8e8; }

    .web-docs-page .sidebar__label{ color: #59666c; }
    .web-docs-page .chapter-nav{ border-top: 2px solid #092638; }
    .web-docs-page .chapter-nav a{
      padding: 12px 9px;
      border-bottom: 1px solid #bdb9ae;
      color: #4e5b61;
      background: rgba(255, 253, 248, .34);
    }
    .web-docs-page .chapter-nav a::after{ left: 0; width: 5px; }
    .web-docs-page .chapter-nav a:hover,.web-docs-page .chapter-nav a.is-active{ padding-left: 15px; color: #092638; background: #e6e1d6; }
    .web-docs-page .chapter-nav a.is-active::after{ background: var(--orange); }
    .web-docs-page .sidebar__meta{
      border: 1px dashed #9e9b92;
      border-radius: 0;
      color: #59666c;
      background: #e7e3d9;
    }

    .web-docs-page .sidebar-panel--full{
      border: 2px solid #092638;
      border-radius: 0;
      color: #e7eef1;
      background: #0c2e42;
      box-shadow: 7px 7px 0 #c8c3b7;
    }
    .web-docs-page .sidebar-panel--full .manual-toolbar{ border-color: rgba(255, 255, 255, .18); }
    .web-docs-page .sidebar-panel--full .manual-toolbar__meta strong{ color: #fff; }
    .web-docs-page .sidebar-panel--full .manual-toolbar__actions button{
      border-radius: 0;
      color: #d8e4e9;
      background: transparent;
    }
    .web-docs-page .sidebar-panel--full .manual-toolbar__actions button:hover{ color: #092638; border-color: var(--orange); background: var(--orange); }
    .web-docs-page .sidebar-panel--full .manual-outline__group{ border-color: rgba(255, 255, 255, .13); }
    .web-docs-page .sidebar-panel--full .manual-outline__group summary{ border-radius: 0; }
    .web-docs-page .sidebar-panel--full .manual-outline__group[open] summary{
      color: #092638;
      background: var(--orange);
      box-shadow: inset 5px 0 #dce9ee;
    }
    .web-docs-page .sidebar-panel--full .manual-outline__group[open] .manual-outline__title strong,.web-docs-page .sidebar-panel--full .manual-outline__group[open] .manual-outline__title small,.web-docs-page .sidebar-panel--full .manual-outline__group[open] .manual-outline__no{ color: #092638; }
    .web-docs-page .sidebar-panel--full .manual-outline__chevron{ border-radius: 0; }
    .web-docs-page .sidebar-panel--full .manual-outline__group[open] .manual-outline__chevron{ color: #fff; border-color: #092638; background: #092638; }
    .web-docs-page .sidebar-panel--full .manual-outline__link{ border-radius: 0; }
    .web-docs-page .sidebar-panel--full .manual-outline__link:hover,.web-docs-page .sidebar-panel--full .manual-outline__link.is-active{ color: #fff; background: #174a66; box-shadow: inset 3px 0 var(--orange); }

    .web-docs-page .content-intro{
      grid-template-columns: minmax(0, 1fr) minmax(260px, .42fr);
      border-bottom: 3px solid #092638;
    }
    .web-docs-page .section-label{ color: #286d9b; font-weight: 500; }
    .web-docs-page .content-intro h2,.web-docs-page .chapter-head h2,.web-docs-page .full-reference__head h2{ color: #092638; letter-spacing: -.015em; }
    .web-docs-page .content-intro h2{ max-width: 760px; }
    .web-docs-page .content-intro__lead{ color: #536067; }
    .web-docs-page .intro-rules{
      gap: 0;
      padding: 0;
      border: 2px solid #092638;
      border-radius: 0;
      background: #fffdf8;
      box-shadow: 6px 6px 0 #c8c3b7;
    }
    .web-docs-page .intro-rule{ padding: 12px 14px; border-bottom: 1px solid #c9c6bc; }
    .web-docs-page .intro-rule:last-child{ border-bottom: 0; }
    .web-docs-page .intro-rule b{ color: var(--orange); }

    .web-docs-page .doc-chapter{ margin-bottom: 96px; }
    .web-docs-page .chapter-head{ grid-template-columns: 64px minmax(0, 1fr); }
    .web-docs-page .chapter-no{
      width: 56px;
      height: 42px;
      border: 0;
      border-radius: 0;
      color: #fff;
      background: #155887;
      box-shadow: 5px 5px 0 var(--orange);
    }
    .web-docs-page .chapter-head h2{ font-size: clamp(40px, 4vw, 58px); }
    .web-docs-page .chapter-head p{ color: #5c686e; }
    .web-docs-page .chapter-topics span{
      padding: 5px 9px;
      border: 1px solid #a9a69e;
      border-radius: 0;
      color: #4f5b61;
      background: transparent;
      text-transform: uppercase;
      letter-spacing: .04em;
    }

    .web-docs-page .guides{ gap: 10px; }
    .web-docs-page .guide{
      border: 1px solid #b9b6ac;
      border-left: 5px solid #155887;
      border-radius: 0;
      background: rgba(255, 253, 248, .76);
      box-shadow: none;
    }
    .web-docs-page .guide[open]{ border-color: #092638; border-left-color: var(--orange); box-shadow: 6px 6px 0 #d4cfc3; }
    .web-docs-page .guide summary{ min-height: 72px; }
    .web-docs-page .guide[open] summary{ background: #e8e4da; }
    .web-docs-page .guide__index{ color: #286d9b; font-weight: 500; }
    .web-docs-page .guide__title small{ color: #6e777b; }
    .web-docs-page .guide__chevron{ border-radius: 0; border-color: #8f999d; }
    .web-docs-page .guide__body{ border-color: #bdb9ae; }
    .web-docs-page .path{ gap: 4px; }
    .web-docs-page .path span{
      padding: 3px 2px;
      border: 0;
      border-bottom: 2px solid #155887;
      border-radius: 0;
      color: #173b4d;
      background: transparent;
    }
    .web-docs-page .path i{ color: var(--orange); font-weight: 500; }
    .web-docs-page .step-list li::before{ border-radius: 0; color: #fff; border-color: #155887; background: #155887; }
    .web-docs-page .bullet-list li::before{ width: 8px; height: 3px; top: .68em; border: 0; border-radius: 0; background: var(--orange); }
    .web-docs-page .note{
      padding-left: 46px;
      border: 1px solid #aaa69c;
      border-left: 6px solid #155887;
      border-radius: 0;
      background: #e4e8e6;
    }
    .web-docs-page .note::before{ border-radius: 0; }
    .web-docs-page .note--warning{ border-left-color: var(--orange); background: #e0eaed; }
    .web-docs-page .shot{ border: 2px solid #092638; border-radius: 0; background: #d8d9d5; }
    .web-docs-page .shot__image{ background: #dde0dd; }
    .web-docs-page .shot figcaption{ border-top: 1px solid #092638; color: #4e5b61; background: #f2eee5; }
    .web-docs-page .tab-item{ border-radius: 0; border-color: #b9b6ac; background: #f7f3eb; }

    .web-docs-page .full-reference{ border-top: 4px solid #092638; }
    .web-docs-page .full-reference__badge{
      border: 0;
      border-radius: 0;
      color: #fff;
      background: var(--orange);
    }
    .web-docs-page .full-reference__badge::before{ width: 13px; height: 3px; border-radius: 0; background: #092638; box-shadow: none; }
    .web-docs-page .full-reference__head p{ color: #59666c; }
    .web-docs-page .full-manual{
      border: 2px solid #092638;
      border-top: 8px solid #155887;
      border-radius: 0;
      background-color: #fffdf8;
      background-image:
        linear-gradient(rgba(21, 88, 135, .04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(21, 88, 135, .035) 1px, transparent 1px);
      background-size: 32px 32px;
      box-shadow: 10px 10px 0 #cbc6ba;
    }
    .web-docs-page .manual-section{
      border: 1px solid #9ea6a8 !important;
      border-radius: 0;
      background: rgba(255, 253, 248, .94);
    }
    .web-docs-page .manual-section__head{
      border-radius: 0;
      color: #fff;
      background: #0d405f;
      box-shadow: inset 7px 0 var(--orange), inset 0 -1px rgba(255, 255, 255, .18);
      backdrop-filter: none;
    }
    .web-docs-page .manual-section.is-collapsed .manual-section__head{ border-radius: 0; box-shadow: inset 7px 0 var(--orange); }
    .web-docs-page .manual-section__head h1,.web-docs-page .full-manual .manual-section__head h1{ color: #fff; letter-spacing: .005em; }
    .web-docs-page .manual-section__toggle{
      border-color: rgba(255, 255, 255, .58);
      border-radius: 0;
      color: #fff;
      background: transparent;
    }
    .web-docs-page .manual-section__toggle::before{ color: #acd2e6; }
    .web-docs-page .manual-section__toggle:hover{ color: #092638; border-color: var(--orange); background: var(--orange); }
    .web-docs-page .manual-section__body{ background: rgba(255, 253, 248, .86); }
    .web-docs-page .full-manual h2{ padding-left: 16px; border-left: 5px solid var(--orange); color: #123f58; }
    .web-docs-page .full-manual h3{ color: #155887; }
    .web-docs-page .full-manual .d-f-div{ border-radius: 0; border-color: #aeb2af; background: #ecebe5; }
    .web-docs-page .full-manual img[role="button"]{
      border: 2px solid #293b44;
      border-radius: 0;
      background: #e1e3e0;
      box-shadow: 6px 6px 0 #c7c3b9;
      filter: saturate(.86) contrast(1.02);
    }
    .web-docs-page .full-manual img[role="button"]:hover{ box-shadow: 8px 8px 0 #bdb8ac; transform: none; }

    .web-docs-page .support{
      color: #092638;
      border-top: 4px solid #092638;
      background: var(--orange);
    }
    .web-docs-page .support::before{ display: none; }
    .web-docs-page .support h2{ color: #092638; }
    .web-docs-page .support p{ color: #53676f; }
    .web-docs-page .button{ border-radius: 0; }
    .web-docs-page .button--ice{ color: #fff; background: #092638; }
    .web-docs-page .button--ice:hover{ color: #092638; background: #eef4f5; }
    .web-docs-page .button--outline{ color: #092638; border-color: #092638; }
    .web-docs-page .button--outline:hover{ color: #fff; border-color: #092638; background: #092638; }

    .web-docs-page .site-footer{ color: #94a6af; border-top: 8px solid #155887; background: #061c29; }
    .web-docs-page .footer-col h3{ color: #acd2e6; letter-spacing: .08em; text-transform: uppercase; }
    .web-docs-page .footer-bottom{ border-color: rgba(255, 255, 255, .2); }

    .web-docs-page .image-viewer{ border: 3px solid #ebe6db; border-radius: 0; background: #061c29; box-shadow: 14px 14px 0 rgba(0, 0, 0, .45); }
    .web-docs-page .viewer__bar{ border-color: rgba(255, 255, 255, .22); }
    .web-docs-page .viewer__close{ border-radius: 0; }

    @media (max-width: 1180px) and (min-width: 941px) {
      .web-docs-page .doc-hero__inner{ grid-template-columns: minmax(330px, .82fr) minmax(440px, 1.18fr); gap: 38px; }
      .web-docs-page .visual-tag--one{ right: 0; }
      .web-docs-page .visual-tag--two{ left: 0; }
    }

    @media (max-width: 940px) {
      .web-docs-page .main-nav{ background: #092638; }
      .web-docs-page .doc-hero,.web-docs-page .doc-hero__inner{ min-height: 0; }
      .web-docs-page .doc-hero__inner{
        grid-template-columns: 1fr;
        padding-top: calc(var(--header) + 64px);
        padding-bottom: 50px;
      }
      .web-docs-page .doc-hero::after{ display: none; }
      .web-docs-page .doc-hero__visual{ min-height: 420px; }
      .web-docs-page .visual-screen{ width: min(760px, 92%); }
      .web-docs-page .route-strip__inner{ border-left: 1px solid rgba(9, 38, 56, .34); }
      .web-docs-page .quick-route{ border-color: rgba(9, 38, 56, .34); }
      .web-docs-page .docs-sidebar{ padding-bottom: 22px; border-bottom: 3px solid #092638; }
    }

    @media (max-width: 700px) {
      .web-docs-page{ background-size: 100% 24px; }
      .web-docs-page .doc-hero__inner{ gap: 26px; }
      .web-docs-page .doc-hero h1{ font-size: clamp(44px, 13vw, 62px); }
      .web-docs-page .search__field{ box-shadow: 5px 5px 0 rgba(9, 38, 56, .32); }
      .web-docs-page .doc-hero__visual{ min-height: 290px; }
      .web-docs-page .visual-screen{ border-width: 4px; box-shadow: 9px 9px 0 #082434; clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%); }
      .web-docs-page .visual-tag{ padding: 8px 10px; box-shadow: 3px 3px 0 rgba(9, 38, 56, .28); }
      .web-docs-page .visual-tag--one{ top: 0; }
      .web-docs-page .visual-tag--two{ bottom: 0; }
      .web-docs-page .hero-stat{ min-width: 78px; padding-right: 12px; }
      .web-docs-page .hero-stat + .hero-stat{ padding-left: 12px; }
      .web-docs-page .content-intro{ grid-template-columns: 1fr; gap: 28px; border-bottom-width: 2px; }
      .web-docs-page .doc-chapter{ margin-bottom: 82px; }
      .web-docs-page .chapter-head{ grid-template-columns: 48px minmax(0, 1fr); }
      .web-docs-page .chapter-no{ width: 44px; height: 36px; box-shadow: 3px 3px 0 var(--orange); }
      .web-docs-page .guide{ border-left-width: 4px; }
      .web-docs-page .guide__body{ padding-inline: 16px; }
      .web-docs-page .full-manual{ border-width: 1px; border-top-width: 6px; box-shadow: 6px 6px 0 #cbc6ba; }
      .web-docs-page .manual-section__head{ box-shadow: inset 5px 0 var(--orange), inset 0 -1px rgba(255, 255, 255, .18); }
      .web-docs-page .full-manual h2{ padding-left: 10px; border-left-width: 4px; }
    }

    
    .web-docs-page{
      --night: #101f2a;
      --night-soft: #183243;
      --brand: #286d9b;
      --brand-deep: #174866;
      --ice: #acd2e6;
      --paper: #eef1f0;
      --white: #fbfcfb;
      --ink: #172127;
      --muted: #66747b;
      --line: #c8d0d2;
      --orange: #286d9b;
    }

    .web-docs-page{
      background-color: #eef1f0;
      background-image: none;
    }
    .web-docs-page ::selection{ color: #fff; background: #286d9b; }
    .web-docs-page :focus-visible{ outline-color: #286d9b; }
    .web-docs-page .reading-progress{ height: 3px; background: #7bb5d4; }

    .web-docs-page .site-header,.web-docs-page .site-header.is-sticky{
      border-bottom: 1px solid rgba(172, 210, 230, .36);
      background: #101f2a;
    }
    .web-docs-page .header__inner{ gap: 48px; }
    .web-docs-page .brand__icon{ width: 27px; height: 34px; }
    .web-docs-page .brand__name{ font-size: 20px; }
    .web-docs-page .main-nav{
      gap: 0;
      color: #d8e2e6;
      font-size: 11px;
      letter-spacing: .035em;
      text-transform: uppercase;
    }
    .web-docs-page .main-nav > a{
      min-height: var(--header);
      display: inline-flex;
      align-items: center;
      padding: 0 15px;
      border-left: 0;
      text-shadow: none;
      filter: none;
      box-shadow: none;
    }
    .web-docs-page .main-nav > a::after{
      right: 15px;
      bottom: 0;
      left: 15px;
      height: 2px;
      background: #acd2e6;
      transform: scaleX(0);
      transform-origin: center;
      transition: transform .18s ease;
    }
    .web-docs-page .main-nav > a:hover,.web-docs-page .main-nav > a:focus-visible{
      color: #fff;
      text-shadow: none;
      filter: none;
      box-shadow: none;
    }
    .web-docs-page .main-nav > a:hover::after,.web-docs-page .main-nav > a:focus-visible::after,.web-docs-page .main-nav > a[aria-current="page"]::after{
      right: 15px;
      transform: scaleX(1);
    }
    .web-docs-page .header__back{
      margin-left: 0;
      padding: 0 18px;
      border: 0;
      border-radius: 0;
      color: #dce9ee;
      background: rgba(172, 210, 230, .075);
      text-shadow: none;
      filter: none;
      box-shadow: none;
    }
    .web-docs-page .header__back::after{ display: none; }
    .web-docs-page .header__back:hover,.web-docs-page .header__back:focus-visible{
      color: #101f2a;
      background: #acd2e6;
      text-shadow: none;
      filter: none;
      box-shadow: none;
    }
    .web-docs-page .header__back:focus-visible{ outline: 1px solid #fff; outline-offset: -2px; }
    .web-docs-page .menu-toggle{ width: 46px; height: 46px; }

    .web-docs-page .doc-hero{ background: #183243; }
    .web-docs-page .eyebrow{ color: #dce9ee; }
    .web-docs-page .eyebrow::before{ background: #78b3d2; }
    .web-docs-page .doc-hero h1 span{ color: #acd2e6; }
    .web-docs-page .doc-hero__lead{ color: #c7d5dc; }
    .web-docs-page .search__field{
      border-color: #101f2a;
      border-bottom-color: #78b3d2;
      background: #fbfcfb;
      box-shadow: 8px 8px 0 rgba(4, 18, 27, .28);
    }
    .web-docs-page .search__shortcut{ border-color: #bcc7ca; background: #e7ecec; }
    .web-docs-page .search__results{ background: #fbfcfb; box-shadow: 8px 8px 0 rgba(4, 18, 27, .3); }
    .web-docs-page .search__results-head{ border-color: #c8d0d2; background: #e5eaeb; }
    .web-docs-page .search-result{ border-color: #d7dfe0; background: #fbfcfb; }
    .web-docs-page .search-result:hover,.web-docs-page .search-result:focus-visible,.web-docs-page .search-result.is-active{ background: #dceaf1; }
    .web-docs-page .search-result mark{ background: #b8d8e9; }
    .web-docs-page .visual-screen{
      border-color: #dce3e5;
      background: #d4dcdf;
      box-shadow: 16px 16px 0 #0d202b;
    }
    .web-docs-page .visual-screen::before{ background: #cbd5d8; box-shadow: inset 0 -1px #9eacb1; }
    .web-docs-page .visual-tag{
      border-color: #101f2a;
      border-left-color: #78b3d2;
      background: #eef3f4;
      box-shadow: 5px 5px 0 rgba(4, 18, 27, .25);
    }

    .web-docs-page .route-strip{
      color: #172127;
      border-top: 1px solid #b8c7cd;
      border-bottom: 2px solid #101f2a;
      background: #dbe5e8;
    }
    .web-docs-page .quick-route{ border-color: #aebfc5; }
    .web-docs-page .quick-route:hover{ background: #f8faf9; }
    .web-docs-page .quick-route__no{ color: #286d9b; }
    .web-docs-page .quick-route strong{ color: #101f2a; }
    .web-docs-page .quick-route span:last-child{ color: #596b73; }

    .web-docs-page .version-switch{
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0;
      margin-bottom: 30px;
      padding: 0;
      border: 0;
      border-top: 3px solid #101f2a;
      border-bottom: 1px solid #b9c4c8;
      background: transparent;
    }
    .web-docs-page .version-switch__link{
      position: relative;
      min-height: 46px;
      grid-template-columns: 20px minmax(0, 1fr);
      gap: 5px;
      padding: 5px 4px;
      border: 0;
      border-bottom: 1px solid #c8d0d2;
      color: #617079;
      background: transparent;
      transition: color .18s ease, background .18s ease, padding .18s ease;
    }
    .web-docs-page .version-switch__link:first-child{ border-right: 1px solid #c8d0d2; border-bottom: 0; }
    .web-docs-page .version-switch__link:last-child{ border-right: 0; border-bottom: 0; }
    .web-docs-page .version-switch__link:hover{
      padding-left: 7px;
      color: #101f2a;
      background: rgba(255, 255, 255, .48);
    }
    .web-docs-page .version-switch__link.is-active{
      color: #101f2a;
      background: #f8faf9;
      box-shadow: inset 0 -3px #286d9b;
    }
    .web-docs-page .version-switch__link .version-switch__no{
      width: 20px;
      height: 20px;
      display: grid;
      place-items: center;
      border: 1px solid #9baeb6;
      color: #657982;
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 7px;
      line-height: 1;
      letter-spacing: .06em;
    }
    .web-docs-page .version-switch__link.is-active .version-switch__no{
      color: #fff;
      border-color: #286d9b;
      background: #286d9b;
    }
    .web-docs-page .version-switch__copy{
      min-width: 0;
      display: grid;
      gap: 4px;
      color: inherit !important;
      font-family: inherit !important;
      line-height: 1 !important;
      letter-spacing: 0 !important;
    }
    .web-docs-page .version-switch__copy strong{
      color: inherit;
      overflow: hidden;
      font-size: 8px;
      font-weight: 650;
      letter-spacing: .015em;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .web-docs-page .version-switch__copy small{
      display: none;
    }
    .web-docs-page .version-switch__arrow{
      display: none;
    }
    .web-docs-page .version-switch__link[data-doc-version="full"]{ background: #d7e0e3; }
    .web-docs-page .version-switch__link[data-doc-version="full"]:hover{ background: #cbd7db; }
    .web-docs-page .version-switch__link[data-doc-version="full"].is-active{
      color: #fff;
      background: #183243;
      box-shadow: inset 0 -3px #78b3d2;
    }
    .web-docs-page .version-switch__link[data-doc-version="full"].is-active .version-switch__no{
      color: #dce9ee;
      border-color: #7595a5;
      background: rgba(255, 255, 255, .08);
    }

    .web-docs-page .sidebar__label{
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 12px;
      color: #53656d;
    }
    .web-docs-page .sidebar__label::after{
      content: "08 узлов";
      color: #82939a;
      font-size: 7px;
      letter-spacing: .08em;
    }
    .web-docs-page .chapter-nav{
      position: relative;
      grid-template-columns: 1fr !important;
      gap: 0;
      padding: 4px 0 4px 30px;
      border: 0;
    }
    .web-docs-page .chapter-nav::before{
      content: "";
      position: absolute;
      top: 17px;
      bottom: 17px;
      left: 10px;
      width: 1px;
      background: #9db2ba;
    }
    .web-docs-page .chapter-nav a{
      position: relative;
      grid-template-columns: 28px minmax(0, 1fr);
      gap: 8px;
      padding: 10px 0;
      border: 0;
      color: #607179;
      background: transparent;
      font-size: 11px;
    }
    .web-docs-page .chapter-nav a::before{
      color: #87979e;
      font-size: 7px;
      line-height: 1.9;
    }
    .web-docs-page .chapter-nav a::after{
      display: block;
      top: 50%;
      bottom: auto;
      left: -24px;
      width: 9px;
      height: 9px;
      border: 2px solid #78909a;
      background: #eef1f0;
      transform: translateY(-50%) rotate(45deg);
      transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
    }
    .web-docs-page .chapter-nav a:hover,.web-docs-page .chapter-nav a.is-active{
      padding-left: 7px;
      color: #101f2a;
      background: transparent;
    }
    .web-docs-page .chapter-nav a.is-active{ font-weight: 650; }
    .web-docs-page .chapter-nav a.is-active::before{ color: #286d9b; }
    .web-docs-page .chapter-nav a.is-active::after{
      border-color: #286d9b;
      background: #286d9b;
      box-shadow: 0 0 0 4px #eef1f0;
    }
    .web-docs-page .sidebar__meta{
      gap: 7px;
      margin-top: 22px;
      padding: 15px 0;
      border: 0;
      border-top: 1px solid #aebbc0;
      border-bottom: 1px solid #aebbc0;
      color: #65757c;
      background: transparent;
    }
    .web-docs-page .sidebar__meta strong{ color: #24333b; }

    .web-docs-page .sidebar-panel--full{
      border: 1px solid #173e53;
      border-top: 3px solid #78b3d2;
      color: #dce9ee;
      background: #0f2b3d;
      box-shadow: none;
    }
    .web-docs-page .sidebar-panel--full .manual-toolbar{
      gap: 12px;
      padding: 16px 13px 13px;
      border-color: rgba(172, 210, 230, .16);
      background: #123449;
    }
    .web-docs-page .sidebar-panel--full .manual-toolbar__meta span{
      color: #86a5b4;
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 7px;
      letter-spacing: .12em;
      text-transform: uppercase;
    }
    .web-docs-page .sidebar-panel--full .manual-toolbar__meta strong{ color: #f0f6f8; font-size: 12px; }
    .web-docs-page .sidebar-panel--full .manual-toolbar__actions{
      grid-template-columns: repeat(2, minmax(0, 1fr));
      border-top: 1px solid rgba(172, 210, 230, .18);
      border-bottom: 1px solid rgba(172, 210, 230, .18);
    }
    .web-docs-page .sidebar-panel--full .manual-toolbar__actions button{
      min-height: 34px;
      padding: 0 5px;
      border: 0;
      border-right: 1px solid rgba(172, 210, 230, .18);
      color: #a8c1cc;
      background: transparent;
    }
    .web-docs-page .sidebar-panel--full .manual-toolbar__actions button:last-child{ border-right: 0; }
    .web-docs-page .sidebar-panel--full .manual-toolbar__actions button:hover{
      color: #fff;
      border-color: rgba(172, 210, 230, .18);
      background: rgba(172, 210, 230, .1);
    }
    .web-docs-page .sidebar-panel--full .manual-outline{
      padding: 0 10px 12px;
      scrollbar-color: #55798b transparent;
    }
    .web-docs-page .sidebar-panel--full .manual-outline__group{
      border-bottom: 1px solid rgba(172, 210, 230, .12);
      background: transparent;
    }
    .web-docs-page .sidebar-panel--full .manual-outline__group summary{
      min-height: 60px;
      grid-template-columns: 26px minmax(0, 1fr) 22px;
      gap: 8px;
      padding: 10px 5px;
      color: #dce9ee;
      background: transparent;
    }
    .web-docs-page .sidebar-panel--full .manual-outline__group[open] summary{
      color: #fff;
      border-bottom: 0;
      background: #18445a;
      box-shadow: inset 4px 0 #8bc4df;
    }
    .web-docs-page .sidebar-panel--full .manual-outline__no,.web-docs-page .sidebar-panel--full .manual-outline__group[open] .manual-outline__no{ color: #8bc4df; }
    .web-docs-page .sidebar-panel--full .manual-outline__title strong,.web-docs-page .sidebar-panel--full .manual-outline__group[open] .manual-outline__title strong{
      color: #e4eef2;
      font-size: 9px;
    }
    .web-docs-page .sidebar-panel--full .manual-outline__title small,.web-docs-page .sidebar-panel--full .manual-outline__group[open] .manual-outline__title small{ color: #7f9caa; }
    .web-docs-page .sidebar-panel--full .manual-outline__chevron{
      border-color: rgba(172, 210, 230, .28);
      color: #8bc4df;
      background: transparent;
    }
    .web-docs-page .sidebar-panel--full .manual-outline__group[open] .manual-outline__chevron{
      color: #0f2b3d;
      border-color: #8bc4df;
      background: #8bc4df;
    }
    .web-docs-page .sidebar-panel--full .manual-outline__links{
      margin: 1px 4px 9px 18px;
      padding: 3px 0 3px 11px;
      border-left: 1px solid #55798b;
    }
    .web-docs-page .sidebar-panel--full .manual-outline__link{
      padding: 7px 6px;
      color: #9bb3be;
    }
    .web-docs-page .sidebar-panel--full .manual-outline__link:hover,.web-docs-page .sidebar-panel--full .manual-outline__link.is-active{
      color: #fff;
      background: #1a4559;
      box-shadow: inset 3px 0 #8bc4df;
    }
    .web-docs-page .sidebar-panel--full .manual-outline__link.is-active::before{ color: #8bc4df; }

    .web-docs-page .section-label{ color: #286d9b; }
    .web-docs-page .intro-rules{ background: #fbfcfb; box-shadow: 6px 6px 0 #c1cacc; }
    .web-docs-page .chapter-no{ background: #286d9b; box-shadow: 5px 5px 0 #a9cbdc; }
    .web-docs-page .guide{ border-color: #bcc6c9; background: rgba(251, 252, 251, .78); }
    .web-docs-page .guide[open]{ border-color: #101f2a; border-left-color: #286d9b; box-shadow: 6px 6px 0 #cbd3d4; }
    .web-docs-page .guide[open] summary{ background: #e4e9e9; }
    .web-docs-page .guide__index{ color: #286d9b; }
    .web-docs-page .note--warning{ border-left-color: #587c8d; background: #e0eaed; }
    .web-docs-page .shot figcaption{ background: #edf1f1; }
    .web-docs-page .tab-item{ background: #f5f7f6; }
    .web-docs-page .full-reference__badge{ background: #286d9b; }
    .web-docs-page .full-manual{ background-color: #fbfcfb; box-shadow: 10px 10px 0 #c4cdcf; }
    .web-docs-page .manual-section{ background: rgba(251, 252, 251, .96); }
    .web-docs-page .manual-section__head{
      top: calc(var(--header) + 6px);
      min-height: 44px;
      gap: 10px;
      padding: 6px 8px 6px 13px;
      color: #24353d;
      border-bottom: 1px solid #c4ced1;
      background: rgba(229, 235, 236, .98);
      box-shadow: inset 3px 0 #6f9bb1;
    }
    .web-docs-page .manual-section.is-collapsed .manual-section__head{ box-shadow: inset 3px 0 #6f9bb1; }
    .web-docs-page .manual-section__head h1,.web-docs-page .full-manual .manual-section__head h1{
      color: #24353d;
      font-family: "PS Text", Arial, sans-serif;
      font-size: clamp(13px, .95vw, 15px);
      font-weight: 600;
      line-height: 1.25;
      letter-spacing: 0;
    }
    .web-docs-page .manual-section__toggle{
      min-width: 78px;
      min-height: 28px;
      gap: 6px;
      padding: 0 8px;
      border-color: #aebdc2;
      color: #536b76;
      background: rgba(255, 255, 255, .48);
      font-size: 7px;
    }
    .web-docs-page .manual-section__toggle::before{ color: #286d9b; font-size: 12px; }
    .web-docs-page .manual-section__toggle:hover{
      color: #24353d;
      border-color: #8da6b0;
      background: #f8faf9;
    }
    .web-docs-page .manual-section__body{ background: rgba(251, 252, 251, .9); }
    .web-docs-page .full-manual h2{ border-left-color: #286d9b; }
    .web-docs-page .support{
      color: #101f2a;
      border-top-color: #101f2a;
      background: #d6e3e7;
    }
    .web-docs-page .support h2{ color: #101f2a; }
    .web-docs-page .support p{ color: #53676f; }
    .web-docs-page .site-footer{ border-top-color: #286d9b; }
    .web-docs-page .footer-col h3{ color: #acd2e6; }

    @media (max-width: 940px) {
      .web-docs-page .main-nav{ background: #101f2a; }
      .web-docs-page .main-nav > a{ min-height: 52px; padding: 0 6px; border-left: 0; border-bottom: 1px solid rgba(172, 210, 230, .14); }
      .web-docs-page .header__back{
        min-height: 46px;
        margin: 10px 0 0;
        padding: 0 13px;
        border: 1px solid rgba(172, 210, 230, .35);
      }
      .web-docs-page .route-strip__inner{ border-left-color: #aebfc5; }
      .web-docs-page .quick-route{ border-color: #aebfc5; }
      .web-docs-page .docs-sidebar{ border-bottom-color: #101f2a; }
      .web-docs-page .version-switch{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .web-docs-page .version-switch__link:first-child{ border-right: 1px solid #c8d0d2; border-bottom: 0; }
      .web-docs-page .chapter-nav{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0 24px;
        padding-left: 0;
      }
      .web-docs-page .chapter-nav::before,.web-docs-page .chapter-nav a::after{ display: none; }
      .web-docs-page .chapter-nav a{ border-bottom: 1px solid #c8d0d2; }
    }

    @media (max-width: 700px) {
      .web-docs-page .version-switch{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .web-docs-page .version-switch__link:first-child{ border-right: 1px solid #c8d0d2; border-bottom: 0; }
      .web-docs-page .chapter-nav{ grid-template-columns: 1fr !important; }
      .web-docs-page .chapter-no{ box-shadow: 3px 3px 0 #a9cbdc; }
      .web-docs-page .manual-section__head{
        min-height: 40px;
        padding: 5px 6px 5px 10px;
        box-shadow: inset 3px 0 #6f9bb1;
      }
      .web-docs-page .manual-section__head h1,.web-docs-page .full-manual .manual-section__head h1{ font-size: 13px; }
      .web-docs-page .manual-section__toggle{ min-width: 32px; width: 32px; min-height: 28px; padding: 0; }
      .web-docs-page .manual-section__toggle span{ display: none; }
    }

body.web-docs-viewer-open { overflow: hidden; }

