/* Member breadcrumb headings: selectable frontend-only designs. */
:root {
    --mb-main: var(--main, #735cff);
    --mb-sub: var(--sub, #37d5ff);
    --mb-bg: var(--bg_main, #15151b);
    --mb-surface: var(--bg_sub, #202028);
    --mb-border: var(--bg_border, rgba(255,255,255,.1));
    --mb-text: var(--font_main, #fff);
    --mb-muted: var(--font_sub, #aaa);
}

.member-heading-source-hidden { display: none !important; }
.member-page-heading[data-member-heading] {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 100%;
    margin: 0 0 22px !important;
    color: var(--mb-text);
}
.member-page-heading[data-member-heading] .member-page-heading__main {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
}
.member-page-heading[data-member-heading] .member-page-heading__content { min-width: 0; flex: 1 1 auto; }
.member-page-heading[data-member-heading] .member-page-heading__title {
    color: var(--mb-text) !important;
    line-height: 1.2 !important;
}
.member-page-heading[data-member-heading] .member-page-heading__kicker {
    color: var(--mb-main) !important;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .17em;
    text-transform: uppercase;
}
.member-page-heading[data-member-heading] .member-page-heading__description { display: none; margin: 0; color: var(--mb-muted); }
.member-page-heading[data-member-heading] .member-page-heading__icon {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    color: var(--mb-main);
}
.member-page-heading[data-member-heading] .member-page-heading__back {
    position: relative;
    z-index: 3;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    color: var(--mb-text) !important;
    text-decoration: none !important;
}
.member-page-heading[data-member-heading] .member-breadcrumb-nav { position: relative; z-index: 2; max-width: 100%; margin: 0 !important; }
.member-page-heading[data-member-heading] .member-breadcrumb-nav .breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    max-width: 100%;
    margin: 0 !important;
    padding: 0;
}
.member-page-heading[data-member-heading] .breadcrumb-item,
.member-page-heading[data-member-heading] .breadcrumb-item a,
.member-page-heading[data-member-heading] .member-breadcrumb-nav.nm-breadcrumb {
    color: var(--mb-muted) !important;
    font-size: 11px;
    font-weight: 650;
    text-decoration: none !important;
}
.member-page-heading[data-member-heading] .breadcrumb-item.active { color: var(--mb-main) !important; }
.member-page-heading[data-member-heading] .breadcrumb-item + .breadcrumb-item::before { color: color-mix(in srgb,var(--mb-muted) 58%,transparent) !important; }
.member-page-heading[data-member-heading] .member-breadcrumb-nav.nm-breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 7px;
}
.member-page-heading[data-member-heading] .member-breadcrumb-nav.nm-breadcrumb > * { color: var(--mb-muted) !important; }
.member-page-heading[data-member-heading] .member-breadcrumb-nav.nm-breadcrumb > span:last-child { color: var(--mb-main) !important; }

/* 1 — Original centered heading and breadcrumb. */
.member-page-heading.member-heading-style-1 {
    min-height: 0;
    justify-content: center;
    padding: 8px 0 2px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    text-align: center;
}
.member-heading-style-1 .member-page-heading__main { justify-content: center; }
.member-heading-style-1 .member-page-heading__icon,
.member-heading-style-1 .member-page-heading__kicker,
.member-heading-style-1 .member-page-heading__back { display: none !important; }
.member-heading-style-1 .member-page-heading__title {
    margin: 0 !important;
    font-size: 27px !important;
    font-weight: 700 !important;
}
.member-heading-style-1 .member-breadcrumb-nav { margin-top: 5px !important; }
.member-heading-style-1 .member-breadcrumb-nav .breadcrumb,
.member-heading-style-1 .member-breadcrumb-nav.nm-breadcrumb { justify-content: center !important; }
.member-heading-style-1 .breadcrumb-item + .breadcrumb-item::before { content: "/"; }

/* 5 — Neon stage retained from the approved design. */
.member-page-heading.member-heading-style-5 {
    min-height: 154px;
    justify-content: center;
    padding: 28px 22px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb,var(--mb-main) 56%,var(--mb-border));
    border-radius: 24px;
    background: radial-gradient(circle at 50% -35%,color-mix(in srgb,var(--mb-sub) 31%,transparent),transparent 60%),var(--mb-surface);
    box-shadow: inset 0 0 34px color-mix(in srgb,var(--mb-sub) 12%,transparent),0 0 24px color-mix(in srgb,var(--mb-sub) 20%,transparent);
    text-align: center;
}
.member-heading-style-5::after {
    content: "";
    position: absolute;
    left: 20%;
    right: 20%;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg,transparent,var(--mb-sub),var(--mb-main),transparent);
    box-shadow: 0 0 12px var(--mb-sub);
}
.member-heading-style-5 .member-page-heading__main { justify-content: center; width: auto; }
.member-heading-style-5 .member-page-heading__icon,
.member-heading-style-5 .member-page-heading__back { display: none !important; }
.member-heading-style-5 .member-page-heading__kicker { display: block; margin-bottom: 7px; text-shadow: 0 0 12px color-mix(in srgb,var(--mb-sub) 75%,transparent); }
.member-heading-style-5 .member-page-heading__title { margin: 0 0 12px !important; font-size: clamp(27px,3.5vw,40px) !important; font-weight: 700 !important; text-shadow: 0 0 18px color-mix(in srgb,var(--mb-sub) 38%,transparent); }
.member-heading-style-5 .member-breadcrumb-nav .breadcrumb,
.member-heading-style-5 .member-breadcrumb-nav.nm-breadcrumb { justify-content: center !important; }
.member-heading-style-5 .breadcrumb-item + .breadcrumb-item::before { content: "◇"; color: var(--mb-sub) !important; font-size: 7px; }

/* 11 — Reference 1: large gradient title with restrained subtitle route. */
.member-page-heading.member-heading-style-11 {
    min-height: 230px;
    justify-content: center;
    padding: 48px 18px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    text-align: center;
}
.member-heading-style-11 .member-page-heading__main { justify-content: center; width: auto; }
.member-heading-style-11 .member-page-heading__icon,
.member-heading-style-11 .member-page-heading__kicker,
.member-heading-style-11 .member-page-heading__back { display: none !important; }
.member-heading-style-11 .member-page-heading__title {
    margin: 0 0 22px !important;
    font-size: clamp(35px,4.6vw,53px) !important;
    font-weight: 700 !important;
    letter-spacing: -.05em !important;
    color: transparent !important;
    background: linear-gradient(100deg,var(--mb-main),var(--mb-sub));
    -webkit-background-clip: text;
    background-clip: text;
}
.member-heading-style-11 .member-breadcrumb-nav .breadcrumb,
.member-heading-style-11 .member-breadcrumb-nav.nm-breadcrumb { justify-content: center !important; }
.member-heading-style-11 .breadcrumb-item,
.member-heading-style-11 .breadcrumb-item a { font-size: 14px; font-weight: 700; color: var(--mb-muted) !important; }
.member-heading-style-11 .breadcrumb-item.active { color: var(--mb-text) !important; }
.member-heading-style-11 .breadcrumb-item + .breadcrumb-item::before { content: "·"; color: var(--mb-main) !important; }

/* 12 — Reference 2: status icon, title and explanatory route. */
.member-page-heading.member-heading-style-12 {
    min-height: 205px;
    justify-content: center;
    padding: 25px 18px 32px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    text-align: center;
}
.member-heading-style-12 .member-page-heading__main { justify-content: center; width: auto; flex-direction: column; }
.member-heading-style-12 .member-page-heading__icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 17px;
    border: 0;
    border-radius: 50%;
    color: var(--mb-main);
    background: color-mix(in srgb,var(--mb-sub) 17%,transparent);
    font-size: 21px;
}
.member-heading-style-12 .member-page-heading__kicker,
.member-heading-style-12 .member-page-heading__back { display: none !important; }
.member-heading-style-12 .member-page-heading__title { margin: 0 0 7px !important; font-size: clamp(27px,3vw,35px) !important; font-weight: 700 !important; }
.member-heading-style-12 .member-breadcrumb-nav .breadcrumb,
.member-heading-style-12 .member-breadcrumb-nav.nm-breadcrumb { justify-content: center !important; }
.member-heading-style-12 .breadcrumb-item,
.member-heading-style-12 .breadcrumb-item a { font-size: 13px; color: var(--mb-muted) !important; }
.member-heading-style-12 .breadcrumb-item.active { color: var(--mb-muted) !important; }
.member-heading-style-12 .breadcrumb-item + .breadcrumb-item::before { content: "•"; color: var(--mb-main) !important; }

/* 13 — Reference 3: full-width main/sub gradient banner. */
.member-page-heading.member-heading-style-13 {
    left: 50%;
    width: 100vw;
    max-width: 100vw;
    min-height: 150px;
    justify-content: center;
    margin-left: -50vw !important;
    padding: 31px max(18px,calc((100vw - 1140px) / 2));
    overflow: hidden;
    border: 1px solid color-mix(in srgb,var(--mb-text) 45%,transparent);
    border-radius: 0;
    background: linear-gradient(105deg,var(--mb-main),var(--mb-sub));
    box-shadow: none;
    text-align: center;
}
.member-heading-style-13::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(255,255,255,.06),transparent 35%,rgba(0,0,0,.13)); pointer-events: none; }
.member-heading-style-13 .member-page-heading__main { justify-content: center; width: auto; }
.member-heading-style-13 .member-page-heading__icon,
.member-heading-style-13 .member-page-heading__kicker,
.member-heading-style-13 .member-page-heading__back { display: none !important; }
.member-heading-style-13 .member-page-heading__title { margin: 0 0 12px !important; color: var(--mb-text) !important; font-size: clamp(25px,3vw,34px) !important; font-weight: 700 !important; }
.member-heading-style-13 .member-breadcrumb-nav .breadcrumb,
.member-heading-style-13 .member-breadcrumb-nav.nm-breadcrumb { justify-content: center !important; }
.member-heading-style-13 .breadcrumb-item,
.member-heading-style-13 .breadcrumb-item a,
.member-heading-style-13 .breadcrumb-item.active,
.member-heading-style-13 .member-breadcrumb-nav.nm-breadcrumb > * { color: var(--mb-text) !important; }
.member-heading-style-13 .breadcrumb-item + .breadcrumb-item::before { content: ">"; color: color-mix(in srgb,var(--mb-text) 70%,transparent) !important; }

/* 14 — Animated editorial heading: left aligned with a clear description. */
.member-page-heading.member-heading-style-14 {
    min-height: 148px;
    justify-content: flex-start;
    padding: 28px 28px 25px 31px;
    overflow: hidden;
    border: 0;
    border-left: 0;
    border-radius: 18px;
    background: transparent;
    box-shadow: none;
    text-align: left;
}
.member-heading-style-14::after { content: none; display: none; }
.member-heading-style-14 .member-page-heading__main { justify-content: flex-start; width: 100%; }
.member-heading-style-14 .member-page-heading__icon,
.member-heading-style-14 .member-page-heading__back { display: none !important; }
.member-heading-style-14 .member-page-heading__kicker { display: block; margin-bottom: 6px; color: var(--mb-sub) !important; font-size: 9px; letter-spacing: .2em; }
.member-heading-style-14 .member-page-heading__title { margin: 0 !important; font-size: clamp(29px,3.5vw,43px) !important; font-weight: 700 !important; letter-spacing: -.025em !important; filter: none !important; text-shadow: none !important; }
.member-heading-style-14 .member-page-heading__title.text-ani:hover { transform: none !important; }
.member-heading-style-14 .member-page-heading__description { display: block; max-width: 680px; margin-top: 8px; font-size: 13px; line-height: 1.65; }
.member-heading-style-14 .member-breadcrumb-nav { margin-top: 12px !important; }
.member-heading-style-14 .member-breadcrumb-nav .breadcrumb,
.member-heading-style-14 .member-breadcrumb-nav.nm-breadcrumb { justify-content: flex-start !important; }
.member-heading-style-14 .breadcrumb-item + .breadcrumb-item::before { content: "›"; color: var(--mb-sub) !important; }

/* 15 — Centered title with an exact white/main 50:50 color split. */
.member-page-heading.member-heading-style-15 {
    min-height: 138px;
    justify-content: center;
    padding: 26px 16px 23px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    text-align: center;
}
.member-heading-style-15 .member-page-heading__main { justify-content: center; width: auto; }
.member-heading-style-15 .member-page-heading__icon,
.member-heading-style-15 .member-page-heading__back { display: none !important; }
.member-heading-style-15 .member-page-heading__kicker { display: block; margin-bottom: 7px; color: var(--mb-sub) !important; }
.member-page-heading.member-heading-style-15 .member-page-heading__title {
    margin: 0 !important;
    color: var(--mb-text) !important;
    background: none;
    font-size: clamp(29px,3.6vw,43px) !important;
    font-weight: 700 !important;
    letter-spacing: -.025em !important;
    filter: none !important;
    text-shadow: none !important;
}
.member-heading-style-15 .member-title-tone { color: inherit; }
.member-heading-style-15 .member-title-tone--font { color: var(--mb-text); }
.member-heading-style-15 .member-title-tone--main { color: var(--mb-main); }
.member-heading-style-15 .member-page-heading__description { display: none; }
.member-heading-style-15 .member-breadcrumb-nav { margin-top: 11px !important; }
.member-heading-style-15 .member-breadcrumb-nav .breadcrumb,
.member-heading-style-15 .member-breadcrumb-nav.nm-breadcrumb { justify-content: center !important; }
.member-heading-style-15 .breadcrumb-item + .breadcrumb-item::before { content: "•"; color: var(--mb-main) !important; }

@media (max-width: 767.98px) {
    .member-page-heading[data-member-heading] { margin-bottom: 17px !important; }
    .member-page-heading[data-member-heading] .member-page-heading__back { display: none !important; }
    .member-heading-style-1 .member-page-heading__title { font-size: 23px !important; }
    .member-page-heading.member-heading-style-5 { min-height: 126px; padding: 22px 14px; border-radius: 18px; }
    .member-page-heading.member-heading-style-11 { min-height: 165px; padding: 30px 10px; }
    .member-heading-style-11 .member-page-heading__title { margin-bottom: 15px !important; font-size: 34px !important; }
    .member-page-heading.member-heading-style-12 { min-height: 165px; padding: 20px 10px 25px; }
    .member-heading-style-12 .member-page-heading__icon { width: 53px; height: 53px; margin-bottom: 13px; }
    .member-page-heading.member-heading-style-13 { min-height: 126px; padding: 25px 16px; }
    .member-heading-style-13 .member-page-heading__title { font-size: 25px !important; }
    .member-page-heading.member-heading-style-14 { min-height: 132px; padding: 22px 16px 20px; border-radius: 16px; }
    .member-heading-style-14 .member-page-heading__title { font-size: 28px !important; }
    .member-heading-style-14 .member-page-heading__description { font-size: 11px; }
    .member-page-heading.member-heading-style-15 { min-height: 112px; padding: 21px 12px 18px; }
    .member-page-heading.member-heading-style-15 .member-page-heading__title { font-size: 29px !important; }
}

@media (prefers-reduced-motion: reduce) {
    .member-page-heading *, .member-breadcrumb-nav * { animation: none !important; transition: none !important; }
}