@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap");

:root,
[data-md-color-scheme] {
  --brand-dark-blue: #0A0227;
  --brand-beige: #FAF1CD;
  --brand-yellow: #FFBF00;
  --brand-steel-blue: #C6F3FD;
  --brand-white: #FFFFFF;
  --brand-black-100: #101010;
  --brand-black-70: rgba(16, 16, 16, .7);
  --brand-black-40: rgba(16, 16, 16, .4);
  --brand-black-20: rgba(16, 16, 16, .2);
  --brand-black-12: rgba(16, 16, 16, .12);
  --brand-black-6: rgba(16, 16, 16, .06);
  --brand-white-70: rgba(255, 255, 255, .7);
  --brand-white-40: rgba(255, 255, 255, .4);
  --brand-white-12: rgba(255, 255, 255, .12);
  --brand-white-6: rgba(255, 255, 255, .06);
  --brand-title-font: "Inter", sans-serif;
  --brand-body-font: "Inter", sans-serif;
  --brand-mono-font: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
  --md-accent-fg-color: var(--brand-yellow);
  --md-accent-fg-color--transparent: rgba(255, 191, 0, .16);
  --md-footer-bg-color: var(--brand-dark-blue);
  --md-footer-bg-color--dark: var(--brand-dark-blue);
  --md-footer-fg-color: var(--brand-white);
  --md-footer-fg-color--light: var(--brand-white);
  --md-footer-fg-color--lighter: var(--brand-white-70);
  --md-typeset-font: var(--brand-body-font);
  --md-text-font-family: var(--brand-body-font);
  --md-code-font-family: var(--brand-mono-font);
}

[data-md-color-scheme=default] {
  --md-default-bg-color: var(--brand-white);
  --md-default-bg-color--light: var(--brand-beige);
  --md-default-bg-color--lighter: var(--brand-black-6);
  --md-default-bg-color--lightest: var(--brand-black-12);
  --md-default-fg-color: var(--brand-dark-blue);
  --md-default-fg-color--light: var(--brand-black-70);
  --md-default-fg-color--lighter: var(--brand-black-40);
  --md-default-fg-color--lightest: var(--brand-black-12);
  --md-typeset-color: var(--brand-dark-blue);
  --md-typeset-a-color: var(--brand-dark-blue);
  --md-primary-fg-color: var(--brand-dark-blue);
  --md-primary-fg-color--light: var(--brand-dark-blue);
  --md-primary-fg-color--dark: var(--brand-dark-blue);
  --md-primary-bg-color: var(--brand-white);
  --md-primary-bg-color--light: var(--brand-white-70);
  --md-accent-bg-color: var(--brand-dark-blue);
  --md-accent-bg-color--light: var(--brand-white-70);
}

[data-md-color-scheme=slate] {
  --md-default-bg-color: var(--brand-dark-blue);
  --md-default-bg-color--light: #15083d;
  --md-default-bg-color--lighter: var(--brand-white-6);
  --md-default-bg-color--lightest: var(--brand-white-12);
  --md-default-fg-color: var(--brand-white);
  --md-default-fg-color--light: var(--brand-white-70);
  --md-default-fg-color--lighter: var(--brand-white-40);
  --md-default-fg-color--lightest: var(--brand-white-12);
  --md-typeset-color: var(--brand-white);
  --md-typeset-a-color: var(--brand-white);
  --md-primary-fg-color: var(--brand-dark-blue);
  --md-primary-fg-color--light: var(--brand-dark-blue);
  --md-primary-fg-color--dark: var(--brand-dark-blue);
  --md-primary-bg-color: var(--brand-white);
  --md-primary-bg-color--light: var(--brand-white-70);
  --md-accent-bg-color: var(--brand-white);
  --md-accent-bg-color--light: var(--brand-white-70);
}

html,
body { background: var(--md-default-bg-color); color: var(--md-default-fg-color); }
body,
input { font-family: var(--brand-body-font); font-weight: 400; }

.md-container,
.md-main,
.md-main__inner,
.md-content,
.md-content__inner { background: var(--md-default-bg-color); color: var(--md-default-fg-color); }

body.mdx-home { background: var(--brand-dark-blue) !important; }
body.mdx-home .md-main,
body.mdx-home .md-main__inner { display: none !important; }
body.mdx-home .md-container { background: var(--brand-dark-blue) !important; }
body.mdx-home .mdx-container { border-bottom: none !important; }
body.mdx-home .md-header__button.md-icon[for="__drawer"] { display: none !important; }

::selection { background: var(--brand-yellow); color: var(--brand-dark-blue); }

mark,
.md-search-result mark,
.md-search-result__teaser mark,
.md-typeset mark { color: var(--brand-dark-blue) !important; background: var(--brand-yellow) !important; padding: 0 .15em; border-radius: .1em; }
.md-search-result__link { color: var(--brand-dark-blue); }
.md-search-result__link:hover,
.md-search-result__link[data-md-state="active"] { background: var(--brand-beige); }
.md-search-result__article--document .md-search-result__title { color: var(--brand-dark-blue); font-weight: 600; }
.md-search-result__teaser { color: var(--brand-black-70); }
.md-search-result__more summary { color: var(--brand-dark-blue); }
.md-header .md-search__form,
.md-header .md-search__button { background: rgba(255, 255, 255, .18) !important; border-radius: .2rem; }
.md-header .md-search__form:hover,
.md-header .md-search__button:hover,
.md-header .md-search__button:focus { background: rgba(255, 255, 255, .28) !important; }
.md-header .md-search__button:after { background: rgba(0, 0, 0, .35) !important; }
.md-search__input { font-size: .9rem !important; }
.md-search__input::placeholder { font-size: .9rem; }
.md-search__output { background: var(--brand-white); color: var(--brand-dark-blue); font-size: .85rem; }
.md-search-result__meta { color: var(--brand-black-70); background: var(--brand-beige); font-size: .8rem; }
.md-search-result__title { font-size: .9rem !important; font-weight: 600; }
.md-search-result__teaser { font-size: .8rem !important; line-height: 1.5; }
.md-search-result__article { padding: .6rem 1rem !important; }
.md-search-result__list { font-size: .85rem; }

.md-header { max-height: 3rem !important; overflow: hidden !important; }
.md-header__inner { height: 3rem !important; min-height: 3rem !important; max-height: 3rem !important; align-items: center !important; }
.md-header__button.md-logo,
[data-md-component="logo"] { display: inline-flex !important; align-items: center; justify-content: center; padding: 0 .4rem !important; margin: 0 !important; width: auto !important; height: auto !important; color: var(--brand-white) !important; opacity: 1 !important; visibility: visible !important; }
.md-header__button.md-logo img,
.md-header__button.md-logo svg,
[data-md-component="logo"] img,
[data-md-component="logo"] svg { display: block !important; width: 1.4rem !important; height: 1.4rem !important; max-width: 1.4rem !important; max-height: 1.4rem !important; fill: currentColor !important; color: var(--brand-white) !important; }

.md-banner,
.md-banner .md-banner__inner,
.md-banner .md-typeset { background: var(--brand-beige); color: var(--brand-dark-blue) !important; font-size: .7rem; line-height: 1.2; }
.md-banner__inner { padding: .2rem 0; }
.md-banner a,
.md-banner .md-typeset a { color: var(--brand-dark-blue) !important; text-decoration: underline; text-underline-offset: .2em; }
.md-banner a:hover,
.md-banner .md-typeset a:hover { background: var(--brand-yellow); color: var(--brand-dark-blue) !important; }
.md-banner__button { color: var(--brand-dark-blue) !important; }

.md-header,
.md-tabs { color: var(--brand-white); background: var(--brand-dark-blue); }
.md-header { box-shadow: none; }
.md-tabs { background-image: linear-gradient(to right, var(--brand-white-40) 50%, transparent 50%); background-size: 14px 1px; background-position: bottom left; background-repeat: repeat-x; }
.md-header__title,
.md-header__topic,
.md-search__input { color: var(--brand-white); }
.md-search__input::placeholder { color: var(--brand-white-70); }
.md-search__input { background: transparent; }
.md-search__input:hover { background: transparent; }
.md-search__icon { color: var(--brand-white); }
.md-header__source,
.md-source { color: var(--brand-white); }
.md-header__source .md-source { display: flex !important; align-items: center; justify-content: center; }

.md-tabs__link { color: var(--brand-white-70); opacity: 1; }
.md-tabs__link:hover { color: var(--brand-white); }
.md-tabs__link--active { color: var(--brand-white); box-shadow: inset 0 -.125rem 0 var(--brand-yellow); }
.md-tabs__item--demo { margin-left: auto; }
.md-tabs__item--demo .md-tabs__link { color: var(--brand-white); }

.md-sidebar,
.md-sidebar__scrollwrap { background: var(--md-default-bg-color); }
@media screen and (min-width: 76.25em) {
  .md-sidebar--primary { width: 15rem !important; }
  .md-sidebar--primary .md-sidebar__scrollwrap { margin: 0 !important; padding: 0 !important; scrollbar-width: thin; }
  .md-sidebar--primary .md-sidebar__inner { padding: 0 !important; }
  .md-grid,
  .md-main__inner.md-grid,
  .md-header__inner.md-grid,
  .md-tabs__inner.md-grid,
  .md-footer-meta__inner.md-grid,
  .md-footer-nav__inner.md-grid { max-width: 71.5rem; }
  .md-content { margin-left: 1.2rem; margin-right: 1.2rem; }
}
.md-sidebar--primary .md-nav__link,
.md-sidebar--primary label.md-nav__link { white-space: normal !important; }
.md-sidebar--primary .md-nav__link .md-ellipsis,
.md-sidebar--primary label.md-nav__link .md-ellipsis { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; min-width: 0; overflow-wrap: anywhere; }
.md-sidebar--primary .md-nav__item--nested > .md-nav__container { display: flex !important; align-items: stretch; margin-right: 0 !important; }
.md-sidebar--primary .md-nav__item--nested > .md-nav__container > .md-nav__link:first-child { flex: 1 1 auto; min-width: 0; }
.md-sidebar--primary .md-nav__item--nested > .md-nav__container > label.md-nav__link { flex: 0 0 auto; margin-left: auto; padding-left: .15rem !important; padding-right: .15rem !important; }
.md-nav { color: var(--md-default-fg-color); }
.md-nav__title { color: var(--md-default-fg-color); font-weight: 600; }
.md-sidebar--primary .md-nav__item--section { margin-top: 1.25rem !important; padding-top: .5rem !important; border-top: 1px solid var(--md-default-fg-color--lightest); }
.md-sidebar--primary .md-nav__item--section:first-of-type { margin-top: 0 !important; padding-top: 0 !important; border-top: none; }
.md-sidebar--primary .md-nav__item--section > .md-nav__link,
.md-sidebar--primary .md-nav__item--section > label.md-nav__link { color: var(--md-default-fg-color--light) !important; background: transparent !important; font-family: var(--brand-mono-font) !important; font-size: .65rem !important; font-weight: 600 !important; text-transform: uppercase; letter-spacing: .08em; margin: 0 0 2px !important; padding: .25rem .3rem !important; line-height: 1.4 !important; border-radius: .2rem !important; }
.md-sidebar--primary .md-nav__item--section:first-of-type > .md-nav__link,
.md-sidebar--primary .md-nav__item--section:first-of-type > label.md-nav__link { margin-top: 0; border-top: none; padding-top: 0; }
.md-sidebar--primary .md-nav__item--section > .md-nav__link:hover,
.md-sidebar--primary .md-nav__item--section > label.md-nav__link:hover { background: var(--md-default-fg-color--lightest) !important; color: var(--md-default-fg-color) !important; }
.md-sidebar--primary .md-nav__item--section > .md-nav__link.md-nav__link--active,
.md-sidebar--primary .md-nav__item--section > label.md-nav__link.md-nav__link--active { color: var(--brand-dark-blue) !important; background: var(--brand-beige) !important; padding: .25rem .3rem !important; margin: 0 0 2px !important; border-radius: .2rem !important; }
.md-sidebar--primary .md-nav--primary > .md-nav__title { display: none !important; }
.md-sidebar--primary .md-nav--lifted > .md-nav__list > .md-nav__item--active > .md-nav__container,
.md-sidebar--primary .md-nav--lifted > .md-nav__list > .md-nav__item--active > .md-nav__link,
.md-sidebar--primary .md-nav--lifted > .md-nav__list > .md-nav__item--active > label.md-nav__link,
.md-sidebar--primary .md-nav--lifted > .md-nav__list > .md-nav__item--section > .md-nav__container,
.md-sidebar--primary .md-nav--lifted > .md-nav__list > .md-nav__item--section > .md-nav__link { display: none !important; }
.md-sidebar--primary .md-nav--lifted > .md-nav__list > .md-nav__item--active > .md-nav { padding-top: 0 !important; margin-top: 0 !important; }
.md-sidebar--primary .md-nav--lifted > .md-nav__list { padding-top: 0 !important; margin-top: 0 !important; }
.md-sidebar--primary .md-sidebar__scrollwrap { padding-top: 0 !important; }
.md-sidebar--primary .md-nav--lifted > .md-nav__list > .md-nav__item--active { margin-top: 0 !important; padding-top: 0 !important; }
.md-sidebar--primary .md-nav--lifted > .md-nav__list > .md-nav__item--active > .md-nav > .md-nav__list { padding-top: 0 !important; }
.md-sidebar--primary .md-nav--lifted > .md-nav__list > .md-nav__item--active > .md-nav > .md-nav__list > .md-nav__item:first-child { margin-top: 0 !important; }
.md-sidebar--primary .md-nav__item { margin-top: 0 !important; margin-bottom: 2px !important; }
.md-sidebar--primary .md-nav__item:not(.md-nav__item--section) > .md-nav__link:not(.md-nav__container),
.md-sidebar--primary .md-nav__item:not(.md-nav__item--section) > label.md-nav__link { padding: .25rem .3rem !important; gap: .25rem; line-height: 1.4 !important; margin: 0 !important; }
.md-sidebar--primary .md-nav__item--nested > .md-nav__container { padding: 0 !important; }
.md-sidebar--primary .md-nav__link .md-nav__link,
.md-sidebar--primary .md-nav__container .md-nav__link .md-nav__link { background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.md-sidebar--primary .md-nav__item--nested > .md-nav__container { border-radius: .2rem; transition: background-color .15s ease; margin: 0; }
.md-sidebar--primary .md-nav__item--nested > .md-nav { padding-top: 0 !important; margin-top: 0 !important; }
.md-sidebar--primary .md-nav__item--nested > .md-nav > .md-nav__list { padding-top: 0 !important; margin-top: 0 !important; }
.md-sidebar--primary .md-nav__item--nested > .md-nav > .md-nav__list > .md-nav__item:first-child { margin-top: 2px !important; }
.md-sidebar--primary .md-nav__item--nested > .md-nav__container:hover { background: var(--md-default-fg-color--lightest); }
.md-sidebar--primary .md-nav__item--nested > .md-nav__container > .md-nav__link,
.md-sidebar--primary .md-nav__item--nested > .md-nav__container > label.md-nav__link { background: transparent !important; padding: .25rem .3rem !important; gap: .25rem; line-height: 1.4 !important; margin: 0 !important; }
.md-sidebar--primary .md-nav__item--nested > .md-nav__container > .md-nav__link:hover,
.md-sidebar--primary .md-nav__item--nested > .md-nav__container > label.md-nav__link:hover { background: transparent !important; }
.md-sidebar--primary .md-nav__item--nested > .md-nav__container:has(> .md-nav__link.md-nav__link--active) { background: var(--brand-beige) !important; }
.md-sidebar--primary .md-nav__item--nested > .md-nav__container:has(> .md-nav__link.md-nav__link--active) > .md-nav__link,
.md-sidebar--primary .md-nav__item--nested > .md-nav__container:has(> .md-nav__link.md-nav__link--active) > label.md-nav__link,
.md-sidebar--primary .md-nav__item--nested > .md-nav__container:has(> .md-nav__link.md-nav__link--active) > .md-nav__link * { color: var(--brand-dark-blue) !important; }
.md-sidebar--primary .md-nav__link > svg { flex: 0 0 .85rem !important; width: .85rem !important; height: .85rem !important; margin: 0 .075rem !important; }
.md-sidebar--primary .md-nav__link > .twemoji,
.md-sidebar--primary .md-nav__link > .md-nav__icon { display: inline-flex !important; flex: 0 0 1rem !important; width: 1rem !important; height: 1rem !important; align-items: center !important; justify-content: center !important; margin: 0 !important; }
.md-sidebar--primary .md-nav__link > .twemoji > svg,
.md-sidebar--primary .md-nav__link > .md-nav__icon > svg { width: .85rem !important; height: .85rem !important; }
.md-nav__link { color: var(--md-default-fg-color) !important; border-radius: .2rem; transition: background-color .15s ease, color .15s ease; }
.md-nav__link:hover,
.md-nav__link:focus { color: var(--md-default-fg-color) !important; background: var(--md-default-fg-color--lightest) !important; }
.md-nav__link--active { color: var(--brand-dark-blue) !important; font-weight: 600; background: var(--brand-beige) !important; }
.md-nav__link--active * { color: var(--brand-dark-blue) !important; }
.md-nav__link--active:hover { color: var(--brand-dark-blue) !important; background: var(--brand-beige) !important; }
.md-nav__link--active::before,
.md-nav__item--active > .md-nav__link::before { background: transparent; }

.md-typeset { color: var(--md-typeset-color); font-family: var(--brand-body-font) !important; font-weight: 400; font-size: .8rem; line-height: 1.55; }
.md-typeset p,
.md-typeset li,
.md-typeset td,
.md-typeset blockquote,
.md-typeset dd,
.md-typeset dt,
.md-typeset a,
.md-typeset strong,
.md-typeset em { font-family: var(--brand-body-font) !important; }
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4 { color: var(--md-default-fg-color); font-family: var(--brand-title-font) !important; font-weight: 700; line-height: 1.2; letter-spacing: -.01em; }
.md-typeset h1 { font-size: 1.75rem; margin-bottom: 1.5rem; }
.md-typeset h2 { font-size: 1.25rem; margin-top: 2rem; }
.md-typeset h3 { font-size: 1rem; margin-top: 1.5rem; }
.md-typeset h4 { font-size: .85rem; margin-top: 1.25rem; }
.md-typeset p,
.md-typeset li { font-size: .8rem; line-height: 1.55; }
.md-typeset a { color: var(--md-typeset-a-color) !important; text-decoration: underline; text-decoration-color: var(--md-default-fg-color--lighter); text-underline-offset: .2em; text-decoration-thickness: 1px; transition: text-decoration-color .15s ease; }
[data-md-color-scheme=default] .md-typeset a:not(.md-button):hover,
[data-md-color-scheme=default] .md-typeset a:not(.md-button):focus { color: var(--md-typeset-a-color) !important; text-decoration-color: var(--md-typeset-a-color); background: transparent !important; }
[data-md-color-scheme=slate] .md-typeset a:not(.md-button):hover,
[data-md-color-scheme=slate] .md-typeset a:not(.md-button):focus { color: var(--brand-yellow) !important; text-decoration-color: var(--brand-yellow); background: transparent !important; }
.md-typeset a code { color: inherit; }
.md-typeset code,
.md-typeset pre,
.md-search-result__article code { font-family: var(--brand-mono-font); }

.md-button { color: var(--brand-dark-blue); background: transparent; border: 1px solid var(--brand-dark-blue); border-radius: .25rem; font-family: var(--brand-body-font); font-weight: 600; }
.md-button:hover,
.md-button:focus { color: var(--brand-white); background: var(--brand-dark-blue); border-color: var(--brand-dark-blue); }
.md-button--primary { color: var(--brand-dark-blue); background: var(--brand-yellow); border-color: var(--brand-yellow); }
.md-button--primary:hover,
.md-button--primary:focus { color: var(--brand-dark-blue); background: var(--brand-beige); border-color: var(--brand-beige); }
.mdx-hero .md-button { color: var(--brand-white) !important; background: transparent !important; border-color: var(--brand-white) !important; text-decoration: none !important; }
.mdx-hero .md-button:hover,
.mdx-hero .md-button:focus { color: var(--brand-dark-blue) !important; background: var(--brand-white) !important; border-color: var(--brand-white) !important; }
.mdx-hero .md-button--primary { color: var(--brand-dark-blue) !important; background: var(--brand-yellow) !important; border-color: var(--brand-yellow) !important; }
.mdx-hero .md-button--primary:hover,
.mdx-hero .md-button--primary:focus { color: var(--brand-dark-blue) !important; background: var(--brand-beige) !important; border-color: var(--brand-beige) !important; }

.grid.cards > ul > li { color: var(--brand-dark-blue); background: var(--brand-beige); border: 1px solid var(--brand-dark-blue); border-radius: .25rem; transition: transform .2s ease, box-shadow .2s ease; }
.grid.cards > ul > li:hover { transform: translateY(-.125rem); box-shadow: 0 .25rem 0 0 var(--brand-dark-blue); }
.grid.cards > ul > li a { color: var(--brand-dark-blue); }
.grid.cards > ul > li h3,
.grid.cards > ul > li strong { color: var(--brand-dark-blue); }

.docs-404-sections ul { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: .5rem 1rem; padding-left: 0; list-style: none; }
.docs-404-sections a { display: block; padding: .75rem; color: var(--brand-dark-blue); background: var(--brand-beige); border: 1px solid var(--brand-dark-blue); border-radius: .25rem; text-decoration: none; }
.docs-404-sections a:hover { background: var(--brand-yellow); }

.notification-badge { display: inline-block; padding: .25em .6em; color: var(--brand-dark-blue); background: var(--brand-yellow); font-size: 75%; font-weight: 600; line-height: 1; white-space: nowrap; border-radius: 1rem; }

.md-footer { position: relative; z-index: 3; color: var(--brand-white); background: var(--brand-dark-blue); background-image: linear-gradient(to right, var(--brand-white-40) 50%, transparent 50%); background-size: 14px 1px; background-position: top left; background-repeat: repeat-x; }
.md-footer-meta { color: var(--brand-white); background: var(--brand-dark-blue); }
.md-footer,
.md-footer-meta,
.md-footer a,
.md-footer-meta a { color: var(--brand-white) !important; }
.md-footer a:hover,
.md-footer-meta a:hover { color: var(--brand-yellow) !important; }

p > a.grid.cards,
.md-tags { display: none; }

.mdx-container { background: var(--brand-dark-blue); color: var(--brand-white); border-bottom: 1px solid var(--brand-white-12); }
.mdx-container .md-grid { max-width: 72rem; }
.mdx-hero { display: flex; align-items: center; gap: 3rem; min-height: 32rem; padding: 3rem 0 4rem; color: var(--brand-white); }
.mdx-hero__content { flex: 1 1 28rem; }
.mdx-hero__image { flex: 1 1 24rem; }
.md-typeset .mdx-hero__kicker,
.mdx-hero__kicker { color: var(--brand-white); font-family: var(--brand-mono-font) !important; font-size: .75rem; font-weight: 500; letter-spacing: .04em; text-transform: uppercase; margin: 0 0 1.25rem; padding-bottom: 1.25rem; border-bottom: 1px dashed var(--brand-white-40); }
.md-typeset .mdx-hero h1,
.mdx-hero h1 { max-width: 38rem; margin: 0 0 1.5rem; color: var(--brand-white); font-family: var(--brand-title-font) !important; font-weight: 600; font-size: 3rem; line-height: 1.05; letter-spacing: -.02em; }
.mdx-hero__content > p:not(.mdx-hero__kicker):not(.mdx-hero__trust) { max-width: 32rem; color: var(--brand-white-70); font-size: 1rem; line-height: 1.55; margin: 0 0 1.75rem; }
.mdx-hero__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin: 0 0 2rem; }
.mdx-hero__trust { color: var(--brand-white-40); font-family: var(--brand-body-font); font-size: .8rem; margin: 0; }
.mdx-hero__image img { display: block; width: 100%; height: auto; filter: invert(1) brightness(2); opacity: .85; }

@media screen and (max-width: 59.9375em) {
  .md-tabs__item--demo { margin-left: 0; }
  .mdx-container .md-grid { padding-left: 1rem; padding-right: 1rem; }
  .mdx-hero { flex-direction: column; align-items: flex-start; min-height: 0; padding: 2rem 0 3rem; gap: 2rem; }
  .mdx-hero__content { flex: 1 1 auto; min-width: 0; max-width: 100%; width: 100%; }
  .mdx-hero__image { width: min(24rem, 100%); align-self: center; }
  .md-typeset .mdx-hero h1,
  .mdx-hero h1 { font-size: 2.25rem; max-width: 100%; overflow-wrap: anywhere; word-break: break-word; }
  .mdx-hero__content > p:not(.mdx-hero__kicker):not(.mdx-hero__trust) { max-width: 100%; font-size: .875rem; }
  .mdx-hero__kicker { font-size: .7rem; }
}

/* Mobile-only: kill stray horizontal scroll without breaking sticky
   sidebars on desktop (overflow-x: hidden on html/body turns the viewport
   into a scroll container and disables position: sticky descendants). */
@media screen and (max-width: 59.9375em) {
  html, body { overflow-x: hidden; }
}

/* Right TOC sidebar — grow the hover/active pill outward via box-shadow so the
   text baseline and item-to-item spacing stay identical to default. */
.md-nav--secondary .md-nav__title[for=__toc] { margin-bottom: 0.8rem !important; }
.md-sidebar--secondary .md-nav__link { border-radius: .2rem; transition: background .15s ease, box-shadow .15s ease; }
.md-sidebar--secondary .md-nav__link:hover {
  background: var(--md-default-fg-color--lightest);
  box-shadow: 0 0 0 .1875rem var(--md-default-fg-color--lightest);
}
.md-sidebar--secondary .md-nav__link--active,
.md-sidebar--secondary .md-nav__link--active:hover {
  background: var(--brand-beige);
  color: var(--brand-dark-blue);
  box-shadow: 0 0 0 .1875rem var(--brand-beige);
}

/* Zensical Cmd-K search modal overrides — hashed classes from bundle.6e5f0216.min.js.
   .n=modal, .u=main content, .w=controls, .k=results, .i=filters sidebar,
   .X=filters inner (position:absolute by default), .F/.I=headings,
   .j=filter list, .o=filter item, .R=value label, .q=count.
   .f=search input wrapper, .b=results list, .a=result link, .x=result body, .t=tags.
   Default .i has overflow:scroll (forces scrollbars on macOS) and width:200px;
   default .X is position:absolute width:200px. We need explicit overrides.
   Mobile takeover happens at max-width:680px so override from 681px up. */
/* Cmd-K search modal lives inside a shadow DOM (Zensical bundle.6e5f0216.min.js).
   Light-DOM CSS can't reach it — overrides are injected from js/search-modal-overrides.js. */