/* Shared legacy page headings: panel values are validated custom properties. */
.page-banner-main {
    background-color:var(--legacy-page-bg-color,#fff);
    background-image:var(--legacy-page-image,none);
    background-size:cover;
    background-position:top center;
    background-attachment:var(--legacy-page-attachment,scroll);
    padding:var(--legacy-page-padding-top,0px) 0 var(--legacy-page-padding-bottom,0px);
    margin:var(--legacy-page-margin-top,0px) 0 var(--legacy-page-margin-bottom,0px);
    border-top:1px solid var(--legacy-page-border-top,#fff);
    border-bottom:1px solid var(--legacy-page-border-bottom,#fff);
    font-family:var(--legacy-page-font,Arial,sans-serif);
    font-size:var(--legacy-page-font-size,14px);
    font-weight:var(--legacy-page-weight,400);
}
.page-banner-main .page-banner-in-text {
    width:min(1280px,calc(100% - 32px));
    max-width:calc(100% - 32px);
    margin:0 auto;
    display:var(--legacy-page-display,block);
    align-items:center;
    justify-content:space-between;
    gap:12px 24px;
    background-color:var(--legacy-page-surface,transparent);
    text-align:var(--legacy-page-align,left);
}
.page-banner-main .page-banner-h {
    min-width:0;
    margin:0 0 var(--legacy-page-title-gap,0);
    color:var(--legacy-page-baslik-color,#333);
    font-size:var(--legacy-page-font-size,14px);
    font-weight:var(--legacy-page-weight,400);
    line-height:1.3;
    overflow-wrap:anywhere;
}
.page-banner-main .page-banner-links {
    min-width:0;
    display:flex;
    flex-wrap:wrap;
    justify-content:var(--legacy-page-links-justify,flex-end);
    color:var(--legacy-page-spot-color,#333);
    font-size:var(--legacy-page-spot-font-size,14px);
    line-height:1.7;
    overflow-wrap:anywhere;
}
.page-banner-main .page-banner-links a,
.page-banner-main .page-banner-links span {
    max-width:100%;
    color:inherit;
    font-size:inherit;
    overflow-wrap:anywhere;
}
.page-banner-main .page-banner-links a:hover {color:inherit}
@media(max-width:767px) {
    .page-banner-main .page-banner-in-text {flex-direction:column;align-items:stretch}
    /* Override the old mobile stylesheet's unconditional centered heading. */
    .page-banner-main .page-banner-h {text-align:var(--legacy-page-align,left)!important;margin-bottom:var(--legacy-page-title-gap,0)!important}
    .page-banner-main .page-banner-links {justify-content:var(--legacy-page-mobile-justify,flex-start);text-align:var(--legacy-page-align,left)!important}
}