/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: May 06 2026 | 13:05:11 */
/* Базовые переменные — можно переопределить в теме сайта */
:root {
    --sin-page-padding: 16px;

    --sin-title-size: clamp(26px, 2.8vw, 36px);
    --sin-subtitle-size: clamp(18px, 2.2vw, 24px);
    --sin-subtitle-sm-size: clamp(16px, 1.8vw, 20px);
    --sin-lead-size: 1.125rem;

    --sin-section-gap: 40px;
    --sin-block-gap: 12px;
    --sin-list-gap: 6px;
}

/* Контейнер и типографика */
.sin-page {
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-secondary-font-family);
}

.sin-page .sin-container {
    margin: 0 auto;
    padding: 0 var(--sin-page-padding);
}

.sin-page .sin-container h1.sin-title {
    font-size: var(--sin-title-size);
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 16px 0;
    padding: 2px 0 2px 10px;
    border-left: 1px solid var(--e-global-color-secondary);
}

.sin-page .sin-container .sin-lead {
    font-size: var(--sin-lead-size);
    line-height: 1.6;
    color: var(--e-global-color-text);
    margin: 0 0 24px 0;
}

/* Разделы и подзаголовки */
.sin-page .sin-container .sin-section {
    margin: var(--sin-section-gap) 0;
}

.sin-page .sin-container .sin-subtitle {
    font-size: var(--sin-subtitle-size);
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 10px 0;
    padding: 2px 0 2px 10px;
    border-left: 1px solid var(--e-global-color-secondary);
}

.sin-page .sin-container .sin-subtitle--sm {
    font-size: var(--sin-subtitle-sm-size);
    font-weight: 700;
    margin-top: 4px;
    margin-bottom: 8px;
}

/* Блоки параметров */
.sin-page .sin-container .sin-params {
    margin: var(--sin-block-gap) 0;
}

.sin-page .sin-container .sin-params-title {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--e-global-color-text);
    margin: 0 0 6px 0;
}

/* Списки */
.sin-page .sin-container .sin-list {
    margin: 0 0 12px 1.2em;
    padding: 0;
}

.sin-page .sin-container .sin-list li {
    margin: 0 0 var(--sin-list-gap) 0;
    line-height: 1.5;
}

/* Адаптивные отступы */
@media (min-width: 1024px) {
    :root {
        --sin-section-gap: 48px;
        --sin-block-gap: 14px;
        --sin-list-gap: 8px;
    }
}