/* Shared non-menu page headings. Keep legacy hooks and country overrides. */
:root {
    --page-heading-size: 28px;
    --page-heading-weight: 500;
    --page-heading-line-height: 1.3;
    --page-heading-color: var(--gray-900);
    --page-heading-space-before: 28px;
    --page-heading-space-after: 36px;
    --page-heading-icon-size: 38px;
}
.site-page-title,
:where(.team-page) #menuTexts #mainMenu .page-title:where(.site-page-title),
.repositories-menu h3,
.breadcrumbs li:where(:first-child),
.container.page.tariff-page .page-title {
    font-family: inherit;
    font-size: var(--page-heading-size);
    font-weight: var(--page-heading-weight);
    line-height: var(--page-heading-line-height);
    color: var(--page-heading-color);
    letter-spacing: normal;
    overflow-wrap: anywhere;
}
.site-page-title,
:where(.team-page) #menuTexts #mainMenu .page-title:where(.site-page-title),
.container.page.tariff-page .page-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-block: var(--page-heading-space-before) var(--page-heading-space-after);
    padding: 0;
}
.site-page-title > :where([data-target="#shareModal"]) { margin-inline-start: auto; flex: none; }
.site-page-title > a:where(:not(.page-heading-icon)) { color: inherit; }
.repositories-menu { padding-block: var(--page-heading-space-before) 0; }
.repositories-menu h3 { margin-block: 0 var(--page-heading-space-after); }
.page-heading-icon,
.history-actions .step-actions a.icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: var(--page-heading-icon-size);
    height: var(--page-heading-icon-size);
    padding: 0;
    border: 0;
    border-radius: var(--radius-xlarge, 20px);
    background: var(--gray-0);
    color: var(--gray-900);
    font-size: 15px;
    line-height: 1;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
}
.page-heading-icon i,
.container.page.tariff-page .page-title :where(.page-heading-icon) i,
.container.page.tariff-page .page-title [data-toggle="modal"] i {
    font-size: 15px;
    color: inherit;
}
@media (max-width: 767px) {
    :root { --page-heading-size: 24px; --page-heading-space-before: 24px; --page-heading-space-after: 24px; }
    .site-page-title { gap: 8px; }
}

.breadcrumbs {
    padding-block: var(--page-heading-space-before) calc(var(--page-heading-space-after) - 16px);
}