.pc-header-block__background {
    background: linear-gradient(135deg, #182a42 0%, #1b5070 50%, #2a7aa0 100%);
}

.pc-header-block__content_vertical-offset_m {
    padding: 80px 0;
}

.pc-basic-card .pc-content__text .yfm,
.pc-basic-card .pc-content__text .yfm * {
    color: var(--g-color-text-secondary);
}

.dc-toc-item__text {
    font-size: 14px;
}

/* Foldable top-level toc sections (no "labeled: true" in toc.yaml, so they can
   collapse) still need to look like section headings, not like plain nested
   links, so give them the same bold-uppercase treatment "labeled" sections get. */
.dc-toc__list-item_main > button.dc-toc-item__text_clicable {
    font-weight: 500;
    text-transform: uppercase;
}

/* "labeled: true" also gives real labeled sections a 16px top margin
   (.dc-toc__list-item_labeled), but setting that flag disables folding
   entirely (Diplodoc: expandable = hasChildren && !labeled). Replicate just
   the spacing here so foldable sections still get proper separation without
   losing their collapse arrow. Excludes the first item ("Главная") and
   already-labeled sections (which already have the built-in margin). */
.dc-toc__list-item_main:not(.dc-toc__list-item_labeled):not(:first-child) {
    margin-top: 16px;
}

.pc-header-block__button {
    margin-top: 40px !important;
}

.pc-header-block__button.g-button_view_action {
    --g-button-background-color: #296fbd;
    --g-button-background-color-hover: #215a9a;
    --g-button-border-color: #296fbd;
    --g-button-border-color-hover: #215a9a;
    --g-button-text-color: #ffffff;
}

.pc-header-block__title {
    color: #ffffff !important;
}

.pc-header-block__description {
    color: #cbd5e1 !important;
}