/* Start:/local/templates/air/components/bitrix/news.detail/news/style.css?168053672085*/
.entries-body-info .col-md-12 {
    padding-right: 40px;
    padding-left: 40px;
}
/* End */


/* Start:/local/templates/air/css/spravochnik.css?178790190017459*/
/* ============================================================
   Справочник «Сжатый воздух» (/spravochnik/)
   ------------------------------------------------------------
   Оформление на палитре и типографике air.by:
   Open Sans, чёрный текст, красный #bc0000, тёмный #2a4455,
   светлые подложки #f5f5f5 / #f4f8fa, рамки #e6e9ec,
   ссылки #1a66ae, радиус 5 px у кнопок и 8–10 px у карточек.

   Раньше вид страниц задавался инлайновыми стилями в самих
   текстах глав (около пяти тысяч атрибутов style в 32 страницах)
   на посторонней палитре — тёмно-синей с серыми рамками. Теперь
   разметка держит только классы, а вид — здесь: править надо
   один файл, а не тридцать две записи в базе.

   Классы страниц (расставлены в текстах глав):
     .article-book-context   строка «Глава 3 · Справочник · Все главы»
     .article-intro          аннотация главы
     .sp-lead                вводный блок страниц-инструментов
     .sp-callout             врезка: -fact, -practice, -warn
     .article-table          таблица главы
     .article-chapter-nav    «← Глава 2 · Все главы · Глава 4 →»
     .sprav-related-chapters «Читайте также» — ссылки на главы
     .article-related-catalog подбор оборудования по теме главы
     .sprav-cta              блок «нужен подбор — напишите»
     .sprav-related          подборка материалов внизу страницы
     .author-bio             справка об авторе
   ============================================================ */

.sprav-article {
    --sp-ink: #000;
    --sp-ink-2: #3f5766;
    --sp-ink-3: #7c8894;
    --sp-dark: #2a4455;
    --sp-dark-2: #071c28;
    --sp-red: #bc0000;
    --sp-red-dark: #9c0000;
    --sp-green: #4a8a48;
    --sp-link: #1a66ae;
    --sp-soft: #f5f5f5;
    --sp-soft-2: #f4f8fa;
    --sp-line: #e6e9ec;
}

/* ---------- Текст главы ---------- */

/* Межстрочное на сайте 1.35 — этого хватает статье на два экрана,
   но глава справочника читается двадцать минут подряд, и на таком
   интерлиньяже строки склеиваются. Кегль оставлен сайтовый. */
.sprav-article p,
.sprav-article li {
    line-height: 1.6;
}

.sprav-article p {
    margin: 0 0 18px;
}

.sprav-article ul,
.sprav-article ol {
    margin: 0 0 18px;
    padding-left: 24px;
}

.sprav-article li {
    margin: 6px 0;
}

/* Список ссылок без маркеров — в блоках «Читайте также» и навигации. */
.sprav-article .sp-list-plain {
    list-style: none;
    margin: 0;
    padding-left: 0;
    line-height: 1.9;
}

.sprav-article h2 {
    margin: 44px 0 18px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--sp-line);
}

.sprav-article h3 {
    margin: 32px 0 14px;
    color: var(--sp-dark);
}

.sprav-article h4 {
    margin: 26px 0 12px;
    color: var(--sp-dark);
}

.sprav-article a {
    color: var(--sp-link);
}

.sprav-article a:hover {
    text-decoration: underline;
}

/* Ссылка внутри абзаца на другую главу — пунктиром, чтобы не
   рябило от подчёркиваний: таких ссылок в тексте книги сотни. */
.sprav-article a.internal-link-v1 {
    text-decoration: none;
    border-bottom: 1px dotted var(--sp-link);
}

/* ---------- Шапка страницы ---------- */

.sprav-article .article-book-context {
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--sp-line);
    font-size: 14px;
    color: var(--sp-ink-3);
}

.sprav-article .article-intro,
.sprav-article .sp-lead {
    margin: 0 0 28px;
    padding: 20px 24px;
    border-left: 4px solid var(--sp-dark);
    border-radius: 8px;
    background: var(--sp-soft-2);
}

.sprav-article .article-intro p:last-child,
.sprav-article .sp-lead p:last-child {
    margin-bottom: 0;
}

.sprav-article .sp-lead p:first-child {
    font-size: 16px;
    color: var(--sp-ink-2);
}

.sprav-article .sp-lead p + p {
    font-size: 14px;
    color: var(--sp-ink-3);
}

/* ---------- Врезки книги ---------- */

/* Три вида врезок: факт и норматив, практика, предупреждение.
   Раньше их обозначала полоска в 3 px без подложки — в потоке
   текста врезка не читалась как врезка. Теперь подложка и
   полоса 4 px, подпись в цвет полосы.

   Основной вид задан самому blockquote, а не классу: в главах есть
   два десятка врезок без пометки вида (заявление о конфликте
   интересов, оговорки о терминах) — раньше браузер рисовал их
   отступом по умолчанию, теперь они выглядят как остальные. */
.sprav-article blockquote,
.sprav-article .sp-callout {
    margin: 22px 0;
    padding: 16px 20px;
    border-left: 4px solid var(--sp-dark);
    border-radius: 5px;
    background: var(--sp-soft);
}

.sprav-article blockquote p:last-child,
.sprav-article .sp-callout p:last-child {
    margin-bottom: 0;
}

.sprav-article .sp-callout-fact {
    border-left-color: var(--sp-dark);
    background: var(--sp-soft-2);
}

.sprav-article .sp-callout-practice {
    border-left-color: var(--sp-green);
    background: #f3f8f3;
}

.sprav-article .sp-callout-warn {
    border-left-color: var(--sp-red);
    background: #fbf4f4;
}

.sprav-article .sp-callout-fact > p:first-child > strong:first-child {
    color: var(--sp-dark);
}

.sprav-article .sp-callout-practice > p:first-child > strong:first-child {
    color: var(--sp-green);
}

.sprav-article .sp-callout-warn > p:first-child > strong:first-child {
    color: var(--sp-red);
}

/* ---------- Таблицы ---------- */

.sprav-article .article-table {
    width: 100%;
    margin: 24px 0;
    border-collapse: collapse;
    font-size: 15px;
}

.sprav-article .article-table th {
    padding: 11px 14px;
    border: 1px solid var(--sp-dark);
    background: var(--sp-dark);
    color: #fff;
    font-weight: 600;
    text-align: left;
    vertical-align: top;
}

.sprav-article .article-table td {
    padding: 10px 14px;
    border: 1px solid var(--sp-line);
    vertical-align: top;
}

.sprav-article .article-table tbody tr:nth-child(even) td {
    background: #fafafa;
}

.sprav-article .article-table .sp-num {
    text-align: right;
}

/* Прилипшая первая колонка при горизонтальной прокрутке на телефоне.
   Обёртку .sprav-table-wrap создаёт скрипт в шапке сайта; там же
   первая ячейка шапки красится в прежний тёмно-синий — перебиваем
   на сайтовый цвет более точным селектором. */
.sprav-article .sprav-table-wrap thead th:first-child {
    background: var(--sp-dark);
}

/* Там же таблице задано min-width: max-content — на телефоне это правильно
   (лучше прокрутка, чем сплющенные колонки), а на большом экране из-за него
   широкая таблица уезжала за край колонки, хотя текст в ячейках спокойно
   переносится. Возвращаем перенос от планшета и выше. */
@media (min-width: 768px) {
    .sprav-article .sprav-table-wrap table {
        min-width: 0;
    }
}

/* ---------- Рисунки и ролики ---------- */

.sprav-article figure {
    margin: 28px auto;
    max-width: max(320px, 65%);
    text-align: center;
}

.sprav-article figure img,
.sprav-article figure video {
    max-width: 100%;
    max-height: 80vh;
    height: auto;
    border: 1px solid var(--sp-line);
    border-radius: 10px;
}

.sprav-article figcaption {
    margin-top: 10px;
    font-size: 13px;
    color: var(--sp-ink-3);
}

/* ---------- Навигация по главам ---------- */

.sprav-article .article-chapter-nav {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin: 36px 0 16px;
    padding: 14px 0;
    border-top: 1px solid var(--sp-line);
    border-bottom: 1px solid var(--sp-line);
}

.sprav-article .article-chapter-nav a,
.sprav-article .article-chapter-nav span {
    flex: 1;
    font-weight: 600;
    text-decoration: none;
}

/* Первая ссылка — предыдущая глава, последняя — следующая,
   середина — «все главы». Выравнивание по месту в строке, а не
   отдельным классом у каждой ссылки. */
.sprav-article .article-chapter-nav > :first-child {
    text-align: left;
}

.sprav-article .article-chapter-nav > :nth-child(2) {
    text-align: center;
}

.sprav-article .article-chapter-nav > :last-child {
    text-align: right;
}

/* ---------- Блоки внизу страницы ---------- */

.sprav-article .sprav-related-chapters,
.sprav-article .article-related-catalog,
.sprav-article .author-bio,
.sprav-article .sprav-related {
    margin: 28px 0;
    padding: 20px 24px;
    border-radius: 8px;
}

.sprav-article .sprav-related-chapters {
    border: 1px solid var(--sp-line);
    background: #fff;
}

.sprav-article .article-related-catalog {
    background: var(--sp-soft-2);
}

.sprav-article .author-bio {
    background: var(--sp-soft);
    font-size: 15px;
    color: var(--sp-ink-2);
}

.sprav-article .sprav-related {
    margin: 40px 0 24px;
    border-left: 4px solid var(--sp-dark);
    background: var(--sp-soft);
}

.sprav-article .sprav-related-chapters h3,
.sprav-article .article-related-catalog h3,
.sprav-article .sprav-related h3 {
    margin: 0 0 14px;
    font-size: 20px;
    color: var(--sp-dark);
}

.sprav-article .author-bio p:last-child {
    margin-bottom: 0;
}

/* ---------- Блок «нужен подбор» ---------- */

.sprav-article .sprav-cta {
    margin: 28px 0 40px;
    padding: 32px 24px;
    border-radius: 8px;
    background: var(--sp-dark);
    color: #fff;
    text-align: center;
}

.sprav-article .sprav-cta h3 {
    margin: 0 0 12px;
    color: #fff;
}

.sprav-article .sprav-cta p {
    margin: 0 0 20px;
    color: rgba(255, 255, 255, .85);
}

.sprav-article .sprav-cta p:last-child {
    margin-bottom: 0;
}

/* Кнопка — сайтовая: красная, высота 48, радиус 5. */
.sprav-article .sprav-cta a {
    display: inline-block;
    min-height: 48px;
    padding: 14px 32px;
    border-radius: 5px;
    background: var(--sp-red);
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none;
    transition: background-color .25s;
}

.sprav-article .sprav-cta a:hover {
    background: var(--sp-red-dark);
    text-decoration: none;
}

/* ---------- Листинги ---------- */

.sprav-article pre {
    margin: 22px 0;
    padding: 14px 18px;
    border-radius: 5px;
    background: var(--sp-soft);
    overflow-x: auto;
    font-family: Consolas, "Courier New", monospace;
    font-size: 14px;
    line-height: 1.5;
}

/* ---------- Телефон ---------- */

@media (max-width: 767px) {
    .sprav-article figure {
        max-width: 100%;
    }

    .sprav-article .article-table {
        font-size: 14px;
    }

    .sprav-article h2 {
        margin: 32px 0 14px;
    }

    .sprav-article .article-chapter-nav {
        flex-direction: column;
        gap: 4px;
    }

    .sprav-article .article-chapter-nav > :first-child,
    .sprav-article .article-chapter-nav > :nth-child(2),
    .sprav-article .article-chapter-nav > :last-child {
        text-align: left;
    }

    .sprav-article .article-intro,
    .sprav-article .sp-lead,
    .sprav-article .sprav-related-chapters,
    .sprav-article .article-related-catalog,
    .sprav-article .author-bio,
    .sprav-article .sprav-related,
    .sprav-article .sprav-cta {
        padding-left: 16px;
        padding-right: 16px;
    }
}

/* ============================================================
   Главная страница справочника (/spravochnik/)
   ============================================================ */

.sprav-hub {
    --sp-dark: #2a4455;
    --sp-ink-2: #3f5766;
    --sp-ink-3: #7c8894;
    --sp-red: #bc0000;
    --sp-red-dark: #9c0000;
    --sp-link: #1a66ae;
    --sp-soft: #f5f5f5;
    --sp-soft-2: #f4f8fa;
    --sp-line: #e6e9ec;
}

/* Шапка: обложка книги, автор, кнопки инструментов, метки. */
.sprav-hub .spravochnik-intro {
    margin-bottom: 32px;
    padding: 24px 28px;
    border-left: 4px solid var(--sp-dark);
    border-radius: 10px;
    background: var(--sp-soft-2);
}

.sprav-hub .sp-hub-label {
    margin-bottom: 6px;
    font-size: 13px;
    letter-spacing: .6px;
    text-transform: uppercase;
    color: var(--sp-ink-3);
}

.sprav-hub .sp-hub-book {
    margin-bottom: 10px;
    font-size: 23px;
    font-weight: 700;
    line-height: 1.25;
    color: var(--sp-dark);
}

.sprav-hub .sp-hub-author {
    margin-bottom: 14px;
    font-size: 15px;
    color: var(--sp-ink-2);
}

.sprav-hub .sp-hub-about {
    margin: 0 0 16px;
    font-size: 16px;
    line-height: 1.6;
    color: var(--sp-ink-2);
}

.sprav-hub .sp-hub-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 18px 0 14px;
}

.sprav-hub .sp-btn {
    display: inline-flex;
    align-items: center;
    min-height: 48px;
    padding: 0 26px;
    border: 0;
    border-radius: 5px;
    background: var(--sp-red);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    transition: background-color .25s, color .25s;
}

.sprav-hub .sp-btn:hover {
    background: var(--sp-red-dark);
    color: #fff;
}

.sprav-hub .sp-btn-ghost {
    padding: 0 24px;
    border: 1px solid var(--sp-dark);
    background: #fff;
    color: var(--sp-dark);
    font-weight: 600;
}

.sprav-hub .sp-btn-ghost:hover {
    background: var(--sp-dark);
    color: #fff;
}

.sprav-hub .sp-tag {
    display: inline-block;
    margin: 0 6px 6px 0;
    padding: 6px 14px;
    border: 1px solid var(--sp-line);
    border-radius: 20px;
    background: #fff;
    font-size: 14px;
    color: var(--sp-ink-2);
}

.sprav-hub .sp-hub-more {
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid var(--sp-line);
}

.sprav-hub .sp-hub-more summary {
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    color: var(--sp-ink-2);
}

.sprav-hub .sp-hub-more-body {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.6;
    color: var(--sp-ink-2);
}

/* Части книги и карточки глав. */
.sprav-hub h2 {
    margin: 44px 0 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--sp-line);
}

.sprav-hub .sp-part-about {
    margin-bottom: 14px;
    font-size: 15px;
    color: var(--sp-ink-2);
}

.sprav-hub .sp-chapters {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.sprav-hub .sp-chapters li {
    margin: 12px 0;
    padding: 16px 20px;
    border: 1px solid var(--sp-line);
    border-radius: 8px;
    background: #fff;
    transition: border-color .2s, background-color .2s;
}

.sprav-hub .sp-chapters li:hover {
    border-color: #d5dbe0;
    background: var(--sp-soft-2);
}

.sprav-hub .sp-chapters .sp-chapter-name {
    display: block;
    margin-bottom: 4px;
    font-size: 17px;
    font-weight: 700;
    color: var(--sp-dark);
    text-decoration: none;
}

.sprav-hub .sp-chapters li:hover .sp-chapter-name {
    color: var(--sp-red);
}

.sprav-hub .sp-chapters .sp-chapter-about {
    font-size: 14px;
    line-height: 1.5;
    color: var(--sp-ink-2);
}

/* Инструменты справочника — те же карточки с красной полосой слева. */
.sprav-hub .sp-tools li {
    border-left: 4px solid var(--sp-red);
}

/* Нижний блок «нужна консультация». */
.sprav-hub .spravochnik-cta {
    margin: 32px 0;
    padding: 24px;
    border-radius: 10px;
    background: var(--sp-soft);
    text-align: center;
}

.sprav-hub .spravochnik-cta p {
    margin: 0 0 16px;
    font-size: 17px;
}

.sprav-hub .spravochnik-cta .sp-btn,
.sprav-hub .spravochnik-cta .sp-btn-ghost {
    margin: 4px;
}

@media (max-width: 767px) {
    .sprav-hub .spravochnik-intro {
        padding: 20px 16px;
    }

    .sprav-hub .sp-hub-btns .sp-btn,
    .sprav-hub .sp-hub-btns .sp-btn-ghost {
        width: 100%;
        justify-content: center;
    }
}

/* End */
/* /local/templates/air/components/bitrix/news.detail/news/style.css?168053672085 */
/* /local/templates/air/css/spravochnik.css?178790190017459 */