что такое обработка с чпу

HTML, тело {
маржа: 0;
дополнение: 0;
семейство шрифтов: -apple-system, BlinkMacSystemFont, «Segoe UI», Roboto, «Helvetica Neue», Arial, без засечек;
цвет: № 222;
высота строки: 1,6;
фон: #ffffff;
}

.page-контейнер{
максимальная ширина: Calc(var(--main-width) + var(--gap) + var(--sidebar-width) + 120px);
поле: 34 пикселя авто;
отступ: 0 20 пикселей;
}

/* Требование по центру H1 */
h1{
выравнивание текста: по центру! важно;
размер шрифта: 28 пикселей;
поле: 0 0 18 пикселей 0;
цвет: № 111;
}

/* Область с двумя столбцами начинается в верхней части оглавления.
H1 находится над областью с двумя столбцами, поэтому верхняя часть оглавления — это верхняя часть столбцов. */
.columns{
дисплей: гибкий;
разрыв: вар (--пробел);
выровнять-элементы: гибкий старт;
маржа сверху: 10 пикселей;
}

/* Необходимо соблюдать ширину и выравнивание основного содержимого, боковой панели */
.main-content{
ширина: var(--main-width) !важно; /* принудительное выполнение с помощью !important для каждого требования */
размер коробки:border-box;
}

.sidebar-right{
ширина: var(--sidebar-width) !important; /* принудительное выполнение с помощью !important для каждого требования */
размер коробки:border-box;
align-self: flex-start !important; /* важно, чтобы верхняя часть была совмещена с верхней частью оглавления */
}

/* Оформление статьи */
.статья{
отступ: 18 пикселей;
фон: #фафафа;
граница: 1 пиксель сплошной #eee;
граница-радиус: 8 пикселей;
}

р {
поле: 12 пикселей 0;
}

img.Response{
максимальная ширина: 100%;
высота: авто;
дисплей: блок;
поле: 12 пикселей 0;
}

/* Цвета заголовков для h2/h3/h4 по запросу */
ч2, ч3, ч4 {
цвет: RGB(40, 174, 231) !важно;
поле: 16 пикселей 0 8 пикселей 0;
}

/* Цвета ссылок */
а {
цвет: RGB(32, 200, 212) !важно;
текстовое оформление: нет;
}
a:hover { text-decoration: подчеркивание; }

/* -------------------------
Контейнер TOC и стили
Все правила для .toc-контейнера и его дочерних элементов должны использовать !important.
для переопределения сторонних стилей CMS по запросу.
------------------------- */
.toc-контейнер{
граница: 1 пиксель, сплошная #dfeeff !important;
фон: #ffffff !important;
отступ: 12 пикселей 14 пикселей ! важно;
border-radius:6px !important;
box-shadow: 0 2px 6px rgba(0,0,0,0.03) !important;
поле-дно: 16 пикселей ! важно;
размер шрифта: 15 пикселей ! важно;
line-height:1,5 !важно;
}

Сводка .toc-контейнера{
вес шрифта: 600 ! важно;
курсор: указатель !важно;
стиль списка: нет !important;
план: нет !важно;
}

.toc-container[open] резюме::after{
содержание: «▲» !важно;
float: верно !важно;
размер шрифта: 12 пикселей! важно;
цвет: #666 !важно;
}

Сводка .toc-container::after{
содержание: «▼» !важно;
float: верно !важно;
размер шрифта: 12 пикселей! важно;
цвет: #666 !важно;
}

.toc-список{
поле: 10 пикселей 0 0 0 !важно;
отступ слева: 14 пикселей !важно;
}

.toc-список li{
поле: 6 пикселей 0 !важно;
стиль списка: нет !important;
}

.toc-list ли а{
цвет: RGB(32, 200, 212) !важно;
текстовое оформление: нет !important;
размер шрифта: 14 пикселей! важно;
}

.toc-list li a:hover{
оформление текста: подчеркнуть !important;
}

/* Убедитесь, что все элементы-потомки .toc-container являются обязательными */
.toc-контейнер * {
размер коробки: border-box !important;
}

/* Стили товаров на боковой панели (простые, но выровненные) */
.product-box{
граница: 1 пиксель сплошной #eee;
отступ: 12 пикселей;
граница-радиус: 6 пикселей;
фон:#fff;
}

.product-box h4{
поле: 0 0 8 пикселей 0;
размер шрифта: 16 пикселей;
}

.product-item{
поле-дно: 12 пикселей;
}

.product-item:last-child{margin-bottom:0; }

/* Небольшая адаптивная настройка */
@media (макс. ширина: 1220 пикселей){
.page-container{ дополнение:0 14px; }
.columns{гибкое направление: столбец; разрыв: 20 пикселей; }
.main-content, .sidebar-right{ ширина:100% !important; }
}