:root { --mb-nav-height: 72px; }
.mb-global-header { position: fixed !important; inset: 0 0 auto !important; z-index: 500 !important; width: 100%; isolation: isolate; }
.mb-global-nav { display: block; background: rgba(19,19,19,.97); border-bottom: 1px solid #363636; backdrop-filter: blur(16px); color: #e8e6e2; font: 600 13px/1.4 'Archivo','Segoe UI',sans-serif; }
.mb-global-nav * { box-sizing: border-box; }
.mb-global-inner { position: relative; display: flex; align-items: center; gap: 22px; max-width: 1440px; min-height: 72px; padding: 12px 28px; margin: auto; }
.mb-global-brand { display: flex; flex: 0 0 auto; align-items: center; min-height: 44px; }
.mb-global-brand img { width: 174px; max-width: 100%; height: auto; display: block; }
.mb-global-links { display: flex; align-items: center; justify-content: flex-end; gap: 18px; margin-left: auto; min-width: 0; flex: 1; }
.mb-global-nav a { color: #d2cfc9; text-decoration: none; }
.mb-global-links > a { white-space: nowrap; display: inline-flex; align-items: center; min-height: 44px; }
.mb-global-nav :is(a,summary,button,input):focus-visible { outline: 3px solid #8dbbff; outline-offset: 3px; }
.mb-global-nav a:hover, .mb-global-nav summary:hover { color: #fff; }
.mb-global-nav .mb-nav-cta { color: #fff; background: #1164ce; border: 1px solid #649aff; border-radius: 7px; padding: 10px 16px; justify-content: center; text-align: center; }
.mb-global-nav details { padding: 0; border: 0; margin: 0; }
.mb-resources { position: relative; flex-shrink: 0; }
.mb-global-nav summary { cursor: pointer; padding: 12px 6px; min-height: 44px; color: #d2cfc9; border-radius: 5px; white-space: nowrap; }
.mb-global-nav summary::marker { color: #8d9cb0; font-size: .8em; }
.mb-resource-links { position: absolute; top: calc(100% + 8px); left: 0; width: 210px; padding: 8px; border: 1px solid #454545; border-radius: 10px; background: #1b1b1b; box-shadow: 0 18px 40px #0008; }
.mb-resource-links a { display: block; min-height: 44px; padding: 12px; border-radius: 5px; }
.mb-resource-links a:hover, .mb-resource-links a[aria-current] { background: #2d2d2d; }
.mb-global-nav [data-mb-language-picker] { font-size: 12px; }
.mb-global-nav [data-mb-language-picker] .mb-language-options { top: calc(100% + 8px); }
.mb-global-nav [data-mb-language-picker] a { min-height: 44px; white-space: normal; }
.mb-global-spacer { height: var(--mb-nav-height); }
html { scroll-padding-top: calc(var(--mb-nav-height) + 18px); }
:is(main h2,main h3,main section[id],main div[id],main header[id],main [id]) { scroll-margin-top: calc(var(--mb-nav-height) + 18px); }
.mb-docs-toc-desktop { top: calc(var(--mb-nav-height) + 24px) !important; max-height: calc(100dvh - var(--mb-nav-height) - 40px) !important; }
.mb-docs-toc-desktop a[href="#updates"] { min-height: 28px; padding: 6px 10px; border-radius: 5px; color: #b9b6b0; box-sizing: border-box; }
.mb-global-disclosure { display: none; }
.mb-nav-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip-path: inset(50%); overflow: hidden; white-space: nowrap; }
.mb-site-search { position: relative; flex: 1 1 185px; min-width: 140px; max-width: 260px; font-weight: 400; }
.mb-site-search form { display: flex; align-items: center; border: 1px solid #646464; border-radius: 7px; background: #242424; height: 44px; margin: 0; }
.mb-site-search input { min-width: 0; width: 100%; padding: 10px 6px 10px 12px; border: 0; border-radius: 6px; background: transparent; color: #fff; font: inherit; outline-offset: 2px; }
.mb-site-search input::placeholder { color: #bdbbb7; opacity: 1; }
.mb-site-search button { flex: 0 0 40px; align-self: stretch; display: grid; place-items: center; border: 0; border-radius: 6px; background: transparent; color: #d2cfc9; cursor: pointer; }
.mb-site-search button:hover { background: #373737; }
.mb-search-nojs { margin: 5px 0 0; font-size: 12px; white-space: normal; }
.mb-search-results { position: absolute; right: 0; top: calc(100% + 12px); z-index: 2; width: min(540px, calc(100vw - 40px)); max-height: min(65dvh, 620px); overflow-y: auto; overscroll-behavior: contain; background: #1b1b1b; border: 1px solid #555; border-radius: 10px; padding: 14px; box-shadow: 0 18px 40px #0008; }
.mb-search-results[hidden] { display: none; }
.mb-search-results p { margin: 0 0 8px; color: #c6c3bd; font-size: 13px; line-height: 1.5; }
.mb-search-results ol { list-style: none; margin: 0; padding: 0; }
.mb-search-results li + li { border-top: 1px solid #363636; }
.mb-search-results a { display: block; padding: 12px 8px; border-radius: 5px; white-space: normal; overflow-wrap: anywhere; }
.mb-search-results a:hover { background: #292929; }
.mb-search-results strong { display: block; color: #9cc5ff; font-size: 15px; font-weight: 600; }
.mb-search-results small { display: block; color: #bab6b0; margin-top: 3px; }
.mb-search-results span { display: block; color: #e1ded8; margin-top: 6px; font-size: 13px; line-height: 1.55; }
@media (max-width: 1240px) {
  .mb-global-inner { padding: 8px 20px; min-height: 64px; justify-content: space-between; }
  .mb-global-links { display: none; }
  .mb-global-disclosure { display: block; }
  .mb-global-menu-toggle { display: flex; align-items: center; gap: 10px; border: 1px solid #666 !important; padding: 10px 13px !important; }
  .mb-global-menu-toggle::-webkit-details-marker { display: none; }
  .mb-global-menu-toggle::marker { content: ''; }
  .mb-global-menu { position: absolute; top: 100%; left: 0; right: 0; display: flex; flex-direction: column; gap: 5px; background: #161616; border-bottom: 1px solid #555; padding: 12px 20px 20px; max-height: calc(100dvh - var(--mb-nav-height) - var(--mb-cookie-height,0px)); overflow-y: auto; overscroll-behavior: contain; box-shadow: 0 24px 48px #0008; }
  .mb-global-menu > a { padding: 13px 6px; min-height: 44px; }
  .mb-global-menu > .mb-nav-cta { margin-top: 7px; }
  .mb-global-menu .mb-resources summary { white-space: normal; }
  .mb-global-menu .mb-resource-links { position: static; width: auto; margin: 0 0 7px 14px; box-shadow: none; }
  .mb-global-menu .mb-site-search { width: 100%; max-width: none; flex: none; margin: 8px 0; }
  .mb-global-menu .mb-search-results { position: static; width: 100%; max-height: 48dvh; margin-top: 10px; box-shadow: none; }
  .mb-global-menu [data-mb-language-picker] .mb-language-options { position: static; max-height: none; }
  .mb-global-menu [data-mb-language-picker] summary { white-space: normal; }
}
@media (max-width: 380px) { .mb-global-brand img { width: 150px; } .mb-global-inner { gap: 12px; padding-inline: 14px; } }
@media (prefers-reduced-motion: reduce) { .mb-global-nav *, html { scroll-behavior: auto !important; } }
@media (forced-colors: active) {
  .mb-global-nav, .mb-global-menu, .mb-search-results, .mb-resource-links { background: Canvas; color: CanvasText; border: 1px solid CanvasText; }
  .mb-global-nav :is(a,summary), .mb-search-results :is(strong,small,span,p) { color: LinkText; }
  .mb-site-search :is(input,button) { color: CanvasText; }
  .mb-global-nav .mb-nav-cta { color: LinkText; background: Canvas; border-color: LinkText; }
}
