/*
 * Kiln · backend · раздел.
 *
 * Подзаголовок и пункты под ним. К месту не привязан: ставится в сайдбар,
 * инспектор или форму.
 */
.section {
    padding-block: var(--native-section-space);
}

/*
 * Подзаголовок мелкий и приглушённый: он метка группы, а не заголовок
 * страницы. Поле слева выравнивает его по содержимому пунктов, у которых
 * своё внутреннее поле.
 *
 * Первым потомком, а не своим классом: у раздела один подзаголовок, и он
 * всегда стоит первым. Класс здесь ничего бы не уточнил.
 */
.section > p:first-child {
    margin: 0;
    padding: 0 var(--native-section-label-gutter)
        var(--native-section-label-space);
    color: var(--native-label-tertiary);
    font-size: var(--native-text-section);
    font-weight: 500;
}