.section {
margin-top: 20px;
}

.section-header {
margin-bottom: 24px;
}

.section-header h2 {
margin: 0 0 10px;
font-size: 20px;
line-height: 1.2;
}

.section-header p {
margin: 0;
font-size: 16px;
padding: 0px 10px;
color: #667085;
}


.lead {
    color: var(--color-text-db);
    font-size: var(--text-sm);
}



.page-hero {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 32px;
margin-bottom: 10px;

}

.hero-actions {
flex-shrink: 0;
}

.page-hero h1 {
margin: 20px 0px 14px;
font-size: var(--title-sm);
line-height: 1.08;
letter-spacing: var(--space-0);
color: var(--color-text);
}

.page-hero .lead {
margin: 20px 0px 14px;
font-size: var(--text-sm);
line-height: 1.08;
letter-spacing: var(--space-0);
color: var(--color-non-focus);
}