/* Вложенность FAQ: копия стилей из текста блоков FAQ для подстраниц */
.cookie .b-cookies {
    display: none;
}

.b-table__td ol li, .b-table__th ol li {
    list-style-type: decimal;
}

.b-table__td ol, .b-table__th ol {
    padding-left: 1em;
}

details ol {
    padding-left: 2em;
}

.b-static-banner {
    display: none;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}
.b-main { margin-top: 0 !important; }

.server-labels{
    float: right;
    margin-left: 5px;
    margin-bottom: 5px;
    vertical-align: middle;
    border-left: 1px solid #c8dff0;
    padding-left: 5px;
}

.rtslabel, .litelabel, .ctslabel, .etslabel {
    display: inline-flex !important;
    line-height: 1;
    align-items: center;
    justify-content: center !important;
    text-align: center !important;
    padding: 0 2px;
    min-width: 20px;
    min-height: 20px;
    border-radius: 4px;
    color: white;
    font-size: 11px;
    font-weight: 600;
    font-family: Calibri, sans-serif;
    letter-spacing: 0.02em;
    cursor: pointer;
}

.rtslabel  { background-color: mediumseagreen; }
.litelabel { background-color: black;          }
.ctslabel  { background-color: cornflowerblue; }
.etslabel  { background-color: gray;           }

a.label-link {
    display: inline-flex;
    text-decoration: none;
    color: inherit;
    line-height: 1;
    align-items: center;
    vertical-align: middle;
}

details {
    display: block;
    background: #eef5fb;
    width: 100%;
    border: 1px solid #c8dff0;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 1.2rem;
    margin-top: 1.5rem;
    padding: 6px;
}
summary::-webkit-details-marker { display: none; }
summary::-moz-list-bullet        { list-style-type: none; }
summary::marker                  { display: none; }

summary {
    display: block;
    padding: 0.4em 0.4em 0.4em 1.6em;
    font-size: 1em;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    color: #175994;
}

summary:before {
    top: 50%;
    left: 0.3em;
    transform: translateY(-50%);
    color: transparent;
    background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIzNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC41OSAxNi4zNGw0LjU4LTQuNTktNC41OC00LjU5TDEwIDUuNzVsNiA2LTYgNnoiLz48L3N2Zz4=") no-repeat 50% 50% / 1.2em 1.2em;
    width: 1em;
    height: 1em;
    content: "";
    position: absolute;
    transition: transform 0.3s ease;
}

details[open] > summary:before {
    transform: translateY(-50%) rotateZ(90deg);
}
summary ~ * {
    padding: 0 0 10px 0;
}
details[open] summary ~ * {
    animation: sweep .5s ease-in-out;
}
@keyframes sweep {
    0%   { opacity: 0; transform: translateY(-4px); }
    100% { opacity: 1; transform: translateY(0); }
}

kbd {
    border-radius: 3px;
    padding: 1px 4px;
    border: 1px solid #aaa;
    background: #f5f5f5;
    color: #333;
    font-size: 80%;
    font-family: monospace;
    white-space: nowrap;
    width: min-content;
    max-width: 100%;
}

code {
    font-size: 80%;
    font-family: monospace;
    white-space: nowrap;
    display: inline-block;
    line-height: normal;
    padding: 2px 6px;
    box-sizing: border-box;
    vertical-align: middle;
    background-color: #7a9db8;
    width: min-content;
    max-width: 100%;
    color: white;
    border-radius: 4px;
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.3) transparent;
}

code::-webkit-scrollbar { height: 4px; }
code::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.3);
    border-radius: 2px;
}

.block-code {
    font-size: 80%;
    white-space: pre-wrap;
    display: block;
    width: fit-content;
    max-width: 100%;
    padding-right: 30px;
}

.code-wrapper {
    display: inline-block;
    position: relative;
    width: fit-content;
    max-width: 100%;
}
.copy-btn {
    position: absolute;
    top: 6px;
    right: 2px;
    padding: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.12);
    border: 0.5px solid rgba(255,255,255,0.22);
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.15s;
}
.copy-btn:hover { background: rgba(255,255,255,0.28); }
.copy-btn svg { width: 11px; height: 11px; display: block; }
.copy-btn.copied svg { stroke: #7fe8b2; }

h3 {
    margin-bottom: 0.5rem;
    margin-top: 1.5rem;
    font-size: 22px !important;
    font-weight: 500;
    color: #1d1d1f;
}

h4 {
    margin-bottom: 0.5rem;
    margin-top: 1.5rem;
    font-size: 17px !important;
    font-weight: 700;
    color: #175994;
}

h2.b-title--help-chapter {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.3;
    margin-top: 3rem;
    margin-bottom: 1rem;
    padding-bottom: 0.4rem;
    border-bottom: 2px solid #c8dff0;
}

strong, em { color: #175994; }
.hover { cursor: pointer; }

.b-table {
    width: 100%;
    max-width: 100vw;
    border-collapse: collapse;
    table-layout: auto;
    margin-top: 1.5rem;    
    margin-bottom: 1.5rem; 
}
.b-table__td, .b-table__th {
    max-width: 50vw;
    word-wrap: break-word;
    overflow-wrap: break-word;
	background-color: white;
}

.b-note {
    width: fit-content;
    background: #eef5fb;
    border-top: 1px solid #c8dff0;
    border-bottom: 1px solid #c8dff0;
    border-left: 3px solid #7a9db8;
    border-right: 3px solid #7a9db8;
    border-radius: 0;
    padding: 10px 14px;
    margin-top: 1.5rem;    
    margin-bottom: 1.5rem; 
}

.b-help-chapter__list-links {
    overflow: hidden;
    transition: max-height 0.35s ease, opacity 0.35s ease,
                padding-top 0.35s ease, padding-bottom 0.35s ease;
}
.b-help-chapter__list-links.toc--two-col {
    column-count: 2;
    column-gap: 20px;
}

/* ── Блок оглавления ── */
.toc-block {
    background: #eef5fb;
    border: 1px solid #c8dff0;
    border-radius: 6px;
    /* overflow: hidden намеренно не ставим — мешает IntersectionObserver на дочерних элементах */
    margin-bottom: 1.2rem;
    margin-top: 1.5rem;
}

.toc-toggle-btn {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 0.45em 0.8em;
    background: transparent;
    border: none;
    border-bottom: 1px solid transparent;
    cursor: pointer;
    color: #175994;
    font-size: 1em;
    font-weight: 600;
    gap: 5px;
    text-align: left;
    box-sizing: border-box;
    transition: background 0.15s;
    border-radius: 6px 6px 0 0;
}
.toc-toggle-btn:hover { background: #d8eaf7; }
.toc-toggle-btn[aria-expanded="true"] { border-bottom-color: #c8dff0; }

.toc-toggle-btn svg.toc-arrow {
    transition: transform 0.3s ease;
    flex-shrink: 0;
}
.toc-toggle-btn[aria-expanded="true"] svg.toc-arrow {
    transform: rotate(90deg);
}

/* Сбрасываем браузерные margin/padding у <ul> внутри блока */
.toc-block .b-help-chapter__list-links {
    padding: 8px 12px 10px;
    margin: 0;
    list-style: none;
}

/* Пункты оглавления: обычный шрифт, без подчёркивания, компактный интервал */
.toc-block .b-help-chapter__list-links li {
    line-height: 1.35;
    padding: 1px 0;
    break-inside: avoid;
}
.toc-block .b-help-chapter__list-links a {
    font-weight: normal;
    text-decoration: none;
    color: #004a99;
}
.toc-block .b-help-chapter__list-links a:hover {
    text-decoration: underline;
}
/* ── /Блок оглавления ── */

.toc-float-btn {
    position: fixed;
    top: 0;          /* JS перезапишет через alignFloat() */
    right: 24px;     /* JS перезапишет через alignFloat() */
    z-index: 900;
    background: #175994;
    color: #fff;
    border: none;
    width: 28px;
    height: 28px;
    padding: 0;
    border-radius: 7px;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(23, 89, 148, 0.28);
    display: none;
    align-items: center;
    justify-content: center;
    line-height: 1;
    transition: background 0.15s;
}
.toc-float-btn:hover { background: #1a6ab8; }
.toc-float-btn.toc-float--visible { display: inline-flex; }

.toc-float-panel {
    position: fixed;
    top: 0;          /* JS перезапишет через alignFloat() */
    right: 24px;     /* JS перезапишет через alignFloat() */
    z-index: 899;
    background: #eef5fb;
    border: 1px solid #c8dff0;
    border-radius: 7px;
    padding: 10px 14px;
    min-width: 200px;
    max-width: 300px;
    box-shadow: 0 4px 20px rgba(23, 89, 148, 0.18);
    max-height: 60vh; /* JS перезапишет точнее */
    overflow-y: auto;
    display: none;
}
.toc-float-panel.toc-float-panel--open { display: block; }
.toc-float-panel ul { list-style: none; padding: 0; margin: 0; }
.toc-float-panel li { padding: 3px 0; }
.toc-float-panel a  { color: #175994; font-size: 0.87em; text-decoration: none; }
.toc-float-panel a:hover { text-decoration: underline; }

h2.b-title--help-chapter {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.h2-copy-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    padding: 2px;
    background: transparent;
    border: none;
    cursor: pointer;
    opacity: 1;
    vertical-align: middle;
    line-height: 1;
}
.h2-copy-btn img {
    width: 16px;
    height: 16px;
    display: block;
    content: url('/faq/images/hyperlink_disabled.png');
}
.h2-copy-btn:hover img { content: url('/faq/images/hyperlink.png'); }
.h2-copy-btn.copied img { content: url('/faq/images/hyperlink_copied.png'); }

.b-help-chapter__list-links {
    counter-reset: toc-counter;
}
.b-help-chapter__list-links li::before {
    counter-increment: toc-counter;
    content: counter(toc-counter) ". ";
    font-weight: normal;
    color: #175994;
	flex-shrink: 0;
}
.toc-float-panel ul {
    counter-reset: toc-counter;
}
.toc-float-panel li::before {
    counter-increment: toc-counter;
    content: counter(toc-counter) ". ";
    font-weight: normal;
    color: #175994;
}
.b-help-chapter__list-links li {
    display: flex;
    gap: 4px;
}

/* Вложенность FAQ: на подстранице подзаголовки H3 выводятся как H2 — оформление как у H2 блоков */
h2.b-title--subpage {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.3;
    margin-top: 3rem;
    margin-bottom: 1rem;
    padding-bottom: 0.4rem;
    border-bottom: 2px solid #c8dff0;
    color: #1d1d1f;
}

/* Вложенность FAQ: на подстранице бывшие H4 (вопросы) выводятся как H3, но выглядят как прежде — синие жирные 17px */
h3.b-title--subpage-q {
    margin-bottom: 0.5rem;
    margin-top: 1.5rem;
    font-size: 17px !important;
    font-weight: 700;
    color: #175994;
}

/* ===== Дизайн-аудит FAQ (29.09.2026) ===== */
/* Селекторы начинаются с .b-help-chapter: на страницах-родителях копия старых стилей стоит в тексте блоков ниже этого файла. */

/* п. 4: после перехода по якорю заголовок не прячется под закреплённой шапкой сайта (78 px) */
.b-help-chapter [id], .b-help-chapter a[name], .b-help-chapter h2, .b-help-chapter h3, .b-help-chapter details { scroll-margin-top: 110px; }

/* п. 9: метки серверов — контраст с белым текстом не ниже 4,5:1, шрифт сайта */
.b-help-chapter .rtslabel, .b-help-chapter .ctslabel, .b-help-chapter .etslabel, .b-help-chapter .litelabel { font-family: 'DIN-Pro-Medium', Arial, sans-serif; font-weight: 700; letter-spacing: .03em; }
.b-help-chapter .rtslabel { background-color: #1b7f4b; }
.b-help-chapter .ctslabel { background-color: #3a64c8; }
.b-help-chapter .etslabel { background-color: #5f6670; }

/* п. 10: код в тексте — светлая плашка, контраст 10,4:1; правый отступ под кнопку копирования задаёт скрипт */
.b-help-chapter code { background-color: #eef3f8; color: #1d3b57; border: 1px solid #d6e2ee; border-radius: 6px; padding-top: 1px; padding-bottom: 1px; padding-left: 7px; font-family: Consolas, "Cascadia Mono", "SF Mono", Menlo, "Liberation Mono", monospace; font-size: 14px; line-height: 1.5; scrollbar-color: rgba(29, 59, 87, .3) transparent; }
.b-help-chapter code::-webkit-scrollbar-thumb { background: rgba(29, 59, 87, .3); }
.b-help-chapter .copy-btn { background: transparent; border-color: transparent; }
.b-help-chapter .copy-btn:hover { background: rgba(23, 89, 148, .1); }
.b-help-chapter .copy-btn svg { stroke: #5b7a96; }
.b-help-chapter .copy-btn:hover svg { stroke: #175994; }
.b-help-chapter .copy-btn.copied svg { stroke: #1b7f4b; }

/* п. 11: один цвет и межстрочный интервал основного текста */
.b-help-chapter p, .b-help-chapter li, .b-help-chapter td, .b-help-chapter th { color: #1d1d1f !important; line-height: 24px !important; }

/* п. 12: ссылки в тексте подчёркнуты стилем, тег <u> внутри ссылки больше не нужен; при наведении ссылка синеет */
.b-help-chapter a[href]:not([class]) { text-decoration: underline; text-decoration-color: rgba(29, 29, 31, .35); text-underline-offset: 3px; }
.b-help-chapter a[href]:not([class]) u { text-decoration: none; }
.b-help-chapter a[href]:not([class]):hover { color: #175994 !important; text-decoration-color: #175994; }

/* п. 2: хлебные крошки над заголовком подстраницы */
.b-help-chapter .faq-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin: 0 0 12px; font-size: 14px; line-height: 20px; color: #6e6e73; }
.b-help-chapter .faq-crumbs a[href] { color: #6e6e73; text-decoration: none; border-bottom: 1px solid #d2d2d7; }
.b-help-chapter .faq-crumbs a[href]:hover { color: #175994; border-bottom-color: #175994; }
.b-help-chapter .faq-crumbs__sep { color: #b0b0b5; }

/* п. 3: соседние подстраницы в конце статьи */
.b-help-chapter .faq-pager { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 48px 0 0; padding-top: 24px; border-top: 1px solid #e5e5ea; }
.b-help-chapter .faq-pager__card { display: flex; flex-direction: column; gap: 4px; padding: 14px 18px; border: 1px solid #e0e3e8; border-radius: 12px; text-decoration: none; transition: border-color .2s, box-shadow .2s; }
.b-help-chapter .faq-pager__card:hover { border-color: #175994; box-shadow: 0 2px 10px rgba(23, 89, 148, .12); }
.b-help-chapter .faq-pager__next { text-align: right; grid-column: 2; }
.b-help-chapter .faq-pager__label { font-size: 13px; line-height: 18px; color: #6e6e73; }
.b-help-chapter .faq-pager__title { font-size: 16px; line-height: 22px; font-weight: 500; color: #175994; }
.b-help-chapter .faq-pager__up { grid-column: 1 / -1; justify-self: center; font-size: 15px; line-height: 22px; color: #175994; text-decoration: none; border-bottom: 1px solid rgba(23, 89, 148, .3); }
.b-help-chapter .faq-pager__up:hover { border-bottom-color: #175994; }
@media (max-width: 767px) {
    .b-help-chapter .faq-pager { grid-template-columns: 1fr; }
    .b-help-chapter .faq-pager__next { grid-column: 1; }
}

/* п. 6: оглавление страницы-родителя — «На этой странице» и подстраницы со стрелкой.
   Полный список .faq-toc-src скрыт: из него скрипт строит плавающее оглавление. */
.b-help-chapter .faq-toc-src,
.b-help-chapter .toc-block:has(> .faq-toc-src) { visibility: hidden; height: 0 !important; min-height: 0; overflow: hidden; margin: 0 !important; padding: 0 !important; border: 0 !important; }
.b-help-chapter .faq-toc2 { border: 1px solid #d6e2ee; background: #f5f9fc; border-radius: 12px; padding: 16px 20px 12px; margin: 8px 0 32px; }
.b-help-chapter .faq-toc2__here { font-size: 15px; line-height: 22px; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #dfe8f1; color: #1d1d1f; }
.b-help-chapter .faq-toc2__h { font-size: 13px; line-height: 18px; color: #6e6e73; text-transform: uppercase; letter-spacing: .04em; font-weight: 500; }
.b-help-chapter .faq-toc2__here a { color: #175994; text-decoration: none; border-bottom: 1px solid rgba(23, 89, 148, .3); margin-left: 8px; }
.b-help-chapter .faq-toc2 ul.faq-toc2__pages { columns: 2; column-gap: 32px; margin: 8px 0 0; padding: 0; list-style: none; }
.b-help-chapter .faq-toc2 ul.faq-toc2__pages li { break-inside: avoid; padding: 3px 0; margin: 0; list-style: none; line-height: 20px !important; }
.b-help-chapter .faq-toc2 ul.faq-toc2__pages li::before { display: none; content: none; }
.b-help-chapter .faq-toc2__pages a[href] { color: #175994; font-size: 14px; line-height: 20px; text-decoration: none; }
.b-help-chapter .faq-toc2__pages a[href]::after { content: ' →'; color: #8fb1d1; }
.b-help-chapter .faq-toc2__pages a[href]:hover { text-decoration: underline; color: #175994; }
@media (max-width: 767px) {
    .b-help-chapter .faq-toc2 ul.faq-toc2__pages { columns: 1; }
}

/* Раздел-хаб (решение 29.09.2026): вводная фраза и карточки подстраниц */
.b-help-chapter .faq-hub-lead { font-size: 18px; line-height: 28px; color: #3a3a3c !important; margin: 0 0 24px; max-width: 62ch; }
.b-help-chapter .faq-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 8px 0 8px; }
.b-help-chapter a.faq-card { position: relative; display: flex; align-items: center; min-height: 52px; padding: 12px 36px 12px 18px; border: 1px solid #e0e3e8; border-radius: 12px; background: #fff; font-size: 15px; line-height: 20px; font-weight: 500; color: #1d1d1f; text-decoration: none; transition: border-color .2s, box-shadow .2s; }
.b-help-chapter a.faq-card:hover { border-color: #175994; box-shadow: 0 2px 10px rgba(23, 89, 148, .12); color: #175994; }
.b-help-chapter a.faq-card::after { content: '→'; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: #8fb1d1; }
@media (max-width: 767px) {
    .b-help-chapter .faq-cards { grid-template-columns: 1fr; }
    .b-help-chapter .faq-hub-lead { font-size: 16px; line-height: 24px; }
}

/* Размер заголовков (решение 29.09.2026, вариант Б): заголовок страницы 40 вместо 50, раздел 24 вместо 28, вопрос 17.
   На телефоне раздел был того же размера, что на десктопе, и занимал до шести строк: теперь 28 / 21 / 16.
   Раздел — <h3> в редакторе, на подстранице выводится как H2; вопрос — <h4>, выводится как H3. */
html body .b-help-chapter h1.b-title--chapter { font-size: 40px; line-height: 46px; letter-spacing: -0.6px; }
html body .b-help-chapter h2.b-title--subpage { font-size: 24px; line-height: 30px; }
@media (max-width: 767px) {
    html body .b-help-chapter h1.b-title--chapter { font-size: 28px; line-height: 34px; letter-spacing: -0.4px; }
    html body .b-help-chapter h2.b-title--subpage { font-size: 21px; line-height: 27px; margin-top: 2.25rem; }
    html body .b-help-chapter h3.b-title--subpage-q { font-size: 16px !important; line-height: 22px; }
    /* оглавление на телефоне — одной колонкой: в двух колонках по 110 px пункты рвались на 3–5 строк */
    html body .b-help-chapter .b-help-chapter__list-links.toc--two-col { column-count: 1; }
}

/* Таблицы (регресс 29.09.2026). Раньше правый край таблиц, кода и плашек обрезался: на телефоне на 11 подстраницах
   «Установки» и «Регистрации», на десктопе — таблица в спойлере «Браузеры на движке Chromium» с длинным путём реестра.
   Код в ячейке не шире ячейки: длинная команда или путь переносятся, короткие остаются в одну строку. */
html body .b-help-chapter td .code-wrapper, html body .b-help-chapter th .code-wrapper { max-width: 100%; }
html body .b-help-chapter td code, html body .b-help-chapter th code { width: auto; white-space: normal; overflow-wrap: anywhere; }

/* Телефон: таблица не шире колонки текста — ячейки плотнее, плашки ужимаются.
   Таблица, которая всё равно шире, прокручивается вбок внутри колонки, тень у края показывает продолжение.
   Плашки и блоки кода вне таблиц — тоже не шире колонки. */
@media (max-width: 767px) {
    html body .b-help-chapter table.b-table { display: block; width: auto; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;
        background: linear-gradient(to right, #fff 30%, rgba(255, 255, 255, 0)) left center / 32px 100% no-repeat local,
                    linear-gradient(to left, #fff 30%, rgba(255, 255, 255, 0)) right center / 32px 100% no-repeat local,
                    radial-gradient(farthest-side at 0 50%, rgba(29, 59, 87, .18), transparent) left center / 10px 100% no-repeat scroll,
                    radial-gradient(farthest-side at 100% 50%, rgba(29, 59, 87, .18), transparent) right center / 10px 100% no-repeat scroll; }
    html body .b-help-chapter .b-table__td, html body .b-help-chapter .b-table__th { padding: 8px 10px; background-color: transparent; }
    html body .b-help-chapter .b-note { max-width: 100%; box-sizing: border-box; }
    html body .b-help-chapter td .b-note, html body .b-help-chapter th .b-note { width: auto; }
    html body .b-help-chapter code.block-code { overflow-wrap: anywhere; }
}