/**
 * Doc Library Sections Header Styles
 * Блок заголовка для разделов документации библиотек согласно макету Figma
 */

/* === Doc Library Sections Header === */
.doc-library-sections-header {
    background: var(--color-white);
    width: 100%;
}

.doc-library-sections-header__container {
    max-width: 1920px;
    margin: 0 auto;
    padding: var(--container-padding);
    display: flex;
    flex-direction: column;
    gap: 0;
}

@media (max-width: 1000px) {
    .doc-library-sections-header__container {
        padding: var(--container-padding-md);
    }
}

/* Адаптивные отступы используют общий паттерн из style.css */

/* === Doc Library Sections Header Title === */
.doc-library-sections-header__title {
    margin: 0;
    font-family: var(--font-golos-text);
    font-weight: 500;
    font-size: var(--font-size-h2);
    line-height: var(--line-height-normal);
    color: var(--color-dark-gray);
}

/* === Doc Library Sections Header Date === */
.doc-library-sections-header__date {
    margin: 0;
    margin-top: var(--spacing-md);
    font-family: var(--font-golos-text);
    font-weight: 400;
    font-size: var(--font-size-base);
    line-height: var(--line-height-normal);
    color: var(--color-grey-500);
}

/* === Responsive === */
/* Адаптивные отступы контейнера используют общий паттерн из style.css */
@media (max-width: 768px) {
    .doc-library-sections-header__title {
        font-size: var(--font-size-h3);
    }
}