/* Shared header and footer only; page content keeps its own stylesheet. */
.mbs-v7-breadcrumbs { background: #572370; color: #fff; font: 16px/1.5 'Poppins', sans-serif; }
.mbs-v7-breadcrumbs .mbs-breadcrumb-inner { width: min(1200px, 96%); margin-inline: auto; }
.mbs-v7-breadcrumbs .mbs-bread-crumbs { display: flex; flex-wrap: wrap; gap: 6px 10px; margin: 0; padding: 10px; list-style: none; font: inherit; }
.mbs-v7-breadcrumbs li { display: inline-flex; align-items: baseline; gap: 10px; }
.mbs-v7-breadcrumbs li + li::before { content: '/'; color: #d8c6e4; }
.mbs-v7-breadcrumbs .mbs-bread-crumbs a,
.profile-results-page main .mbs-v7-breadcrumbs a { color: #b5d4ff; text-decoration: none; }
.mbs-v7-breadcrumbs .mbs-bread-crumbs a:hover { text-decoration: underline; }
.mbs-v7-breadcrumbs a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
/* SVG arrows inherit the surrounding text color on both light and dark buttons. */
.mbs-arrow-right {
    display: inline-block;
    width: 1.25em;
    height: 1.25em;
    flex: 0 0 1.25em;
    vertical-align: middle;
    background-color: currentColor;
    -webkit-mask: url('../../images/mbs-home/arrow-right-alt.svg') center / contain no-repeat;
    mask: url('../../images/mbs-home/arrow-right-alt.svg') center / contain no-repeat;
}
.mbs-shared-header, .mbs-shared-footer { font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 1.5; }
.site-header.mbs-shared-header *, .mbs-shared-footer * { box-sizing: border-box; }
.site-header.mbs-shared-header { position: relative; top: 0; z-index: 30; width: 100%; background: linear-gradient(110deg,#fcfaff,#f5f1fd 55%,#eee7fc); backdrop-filter: blur(12px); border-bottom: 1px solid #eee7f6; }
.site-header.mbs-shared-header .header-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; height: 82px; width: 100%; max-width: none; margin: 0 auto; padding: 0 24px 0 16px; }
.site-header.mbs-shared-header .brand { display: flex; align-items: center; gap: 10px; color: #50399e; font-size: 15px; font-weight: 800; text-decoration: none; }
.site-header.mbs-shared-header .brand img { display: block; width: 54px; height: 54px; object-fit: contain; }
.site-header.mbs-shared-header .nav { display: flex; align-items: center; gap: clamp(16px,2vw,36px); margin: 0 0 0 auto; padding: 0; font-size: 14px; font-weight: 600; white-space: nowrap; }
.site-header.mbs-shared-header .nav a { color: #544d5d; text-decoration: none; }
.site-header.mbs-shared-header .nav a:hover { color: #50399e; }
.site-header.mbs-shared-header .btn { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; padding: 10px 16px; border: 1px solid #dcd5ee; border-radius: 99px; background: #f8f6fd; color: #50399e; font-family: inherit; font-size: 14px; font-weight: 700; line-height: 1.5; text-decoration: none; }
.site-header.mbs-shared-header .btn:hover { background: #efe8fb; }
.site-header.mbs-shared-header .mbs-header-actions { display: flex; align-items: center; gap: 12px; }
.site-header.mbs-shared-header .mbs-auth-link { gap: 10px; border-color: #cfc0f5; background: transparent; color: #5031ba; }
.site-header.mbs-shared-header .mbs-dashboard-link { border-color: transparent; background: linear-gradient(110deg,#8265df,#6245bd); color: #fff !important; box-shadow: 0 6px 18px #7354cf26; }
.site-header.mbs-shared-header .mbs-dashboard-link:hover { background: linear-gradient(110deg,#7354cf,#50399e); color: #fff; }
.footer-bg.mbs-shared-footer { background: #242329; border-top: 1px solid #39353f; }
.mbs-shared-footer .v7-footer { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px; max-width: 1440px; margin: 0 auto; padding: 24px clamp(22px,7vw,108px); background: transparent; color: #c7c3ce; font-size: 13px; text-align: left; }
.mbs-shared-footer .v7-footer p { order: 0; width: auto; margin: 0; font: inherit; color: inherit; }
.mbs-shared-footer .v7-footer > div { display: flex; flex-wrap: wrap; gap: 13px; }
.mbs-shared-footer .v7-footer a { color: #eeeaf5; text-decoration: none; transition: color .15s ease; }
.mbs-shared-footer .v7-footer a:hover { color: #c5a7ff; text-decoration: underline; text-underline-offset: 4px; }
.site-header.mbs-shared-header a:focus-visible { outline: 3px solid #7953cc; outline-offset: 4px; }
.mbs-shared-footer a:focus-visible { color: #c5a7ff; outline: 3px solid #c5a7ff; outline-offset: 4px; }
.skip-link.mbs-shared-skip { position: fixed; top: -100px; left: 16px; z-index: 100; padding: 12px 18px; background: #fff; color: #50399e; font: 14px 'Poppins',sans-serif; }
.skip-link.mbs-shared-skip:focus { top: 12px; }
.site-header.mbs-shared-header .mbs-menu-toggle { display: none; }
@media(max-width:1000px) {
    .site-header.mbs-shared-header .header-inner { position: relative; }
    .site-header.mbs-shared-header .mbs-menu-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 9px; flex: 0 0 auto; min-height: 42px; padding: 8px 12px; border: 1px solid #dcd5ee; border-radius: 10px; background: #f8f6fd; color: #50399e; font: 700 13px 'Poppins',sans-serif; cursor: pointer; }
    .site-header.mbs-shared-header .mbs-menu-toggle:hover,
    .site-header.mbs-shared-header .mbs-menu-toggle[aria-expanded="true"] { background: #eee7fa; }
    .site-header.mbs-shared-header .mbs-menu-toggle:focus-visible { outline: 3px solid #7953cc; outline-offset: 3px; }
    .site-header.mbs-shared-header .mbs-menu-icon { display: grid; gap: 4px; width: 18px; }
    .site-header.mbs-shared-header .mbs-menu-icon span { display: block; height: 2px; border-radius: 2px; background: currentColor; }
    .site-header.mbs-shared-header .nav { display: none; position: absolute; top: calc(100% - 2px); right: 28px; z-index: 40; flex-direction: column; align-items: stretch; gap: 0; width: min(300px, calc(100vw - 36px)); max-height: calc(100vh - 100px); overflow-y: auto; padding: 8px; border: 1px solid #e8dff4; border-radius: 14px; background: #fff; box-shadow: 0 16px 38px #30244d26; }
    .site-header.mbs-shared-header .nav.is-open { display: flex; }
    .site-header.mbs-shared-header .nav a { display: block; padding: 12px 14px; border-radius: 8px; color: #50399e; font-size: 14px; }
    .site-header.mbs-shared-header .nav a:hover,
    .site-header.mbs-shared-header .nav a:focus-visible { background: #f3edfc; }
    .site-header.mbs-shared-header .mbs-header-actions { flex-wrap: wrap; gap: 10px; margin-top: 8px; padding: 12px 6px 6px; border-top: 1px solid #e8dff4; }
    .site-header.mbs-shared-header .nav .mbs-header-actions .btn { display: inline-flex; justify-content: center; flex: 1 1 auto; padding: 10px 14px; border-radius: 99px; }
    .site-header.mbs-shared-header .nav .mbs-dashboard-link { color: #fff; }
    .site-header.mbs-shared-header .nav .mbs-dashboard-link:hover,
    .site-header.mbs-shared-header .nav .mbs-dashboard-link:focus-visible { background: linear-gradient(110deg,#7354cf,#50399e); color: #fff; }
}
@media(max-width:640px) {
    .site-header.mbs-shared-header .header-inner { height: 72px; gap: 12px; padding: 0 18px; }
    .site-header.mbs-shared-header .brand img { width: 46px; height: 46px; }
    .site-header.mbs-shared-header .brand span { display: none; }
    .site-header.mbs-shared-header .nav { right: 18px; }
    .mbs-shared-footer .v7-footer { flex-direction: column; gap: 14px; padding: 23px; text-align: center; }
    .mbs-shared-footer .v7-footer p { order: 3; width: 100%; }
    .mbs-shared-footer .v7-footer > div { justify-content: center; }
}