/*
 * LoongLink：Fluent 系文档排版（字号阶梯 / 字重 / 灰阶 / 链接态）
 * 布局：左栏贴边 + 右文，见文末 media query
 * 品牌：顶栏左上角 LOGO +「LoongLink」为固定品牌区；宽屏仅隐藏侧栏内重复的 .md-nav__title。
 * 正文默认：菜单 / 正文 / 表格 14px、字间距 1px（顶栏品牌等单独覆盖）。
 */

/* ---- 设计令牌（对齐 Microsoft Fluent 中性色阶思路）---- */
:root {
  --loong-sidebar-w: 17.5rem;
  /* 与正文区同底：不用整块灰轨 */
  --loong-nav-bg-light: #ffffff;
  --loong-nav-bg-dark: #1b1a19;
  /* 顶栏：28px LOGO + 品牌字；sticky 侧栏 top 与此一致 */
  --loong-header-h: 3.5rem;
  /* 侧栏链接近 Learn：主文用灰 160，次级略弱 */
  --loong-nav-link: #323130;
  --loong-nav-link-nested: #605e5c;
  --loong-nav-hover-bg: rgba(0, 0, 0, 0.04);
  --loong-nav-active-bg: rgba(0, 120, 212, 0.08);

  /* 正文区 / 侧栏菜单 / 表格：默认 14px、字间距 1px（顶栏品牌等另有覆盖） */
  --loong-doc-fs: 14px;
  --loong-doc-ls: 1px;

  /* 字号阶梯（rem，根 16px） */
  --loong-text-xs: 0.75rem; /* 12 */
  --loong-text-sm: 0.8125rem; /* 13 */
  --loong-text-md: 0.875rem; /* 14px，与 --loong-doc-fs 一致 */
  --loong-text-base: 1rem; /* 16 */
  --loong-text-lg: 1.125rem; /* 18 */
  --loong-text-xl: 1.375rem; /* 22 */
  --loong-text-2xl: 1.75rem; /* 28 */
  --loong-text-3xl: 2.25rem; /* 36 */

  --loong-leading-snug: 1.35;
  --loong-leading-normal: 1.55;
  --loong-leading-relaxed: 1.65;

  --loong-space-xs: 0.25rem;
  --loong-space-sm: 0.5rem;
  --loong-space-md: 0.75rem;
  --loong-space-lg: 1rem;
  --loong-space-xl: 1.5rem;
  --loong-space-2xl: 2.25rem;
}

html {
  font-size: 100%;
  font-family:
    "Segoe UI Variable",
    "Segoe UI",
    -apple-system,
    BlinkMacSystemFont,
    "PingFang SC",
    "Hiragino Sans GB",
    "Microsoft YaHei UI",
    "Microsoft YaHei",
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body {
  font-size: var(--loong-text-base);
  line-height: var(--loong-leading-normal);
}

/* ---- 浅色：Gray160/130/110 对比链 ---- */
[data-md-color-scheme="default"] {
  --loong-fg: #323130;
  --loong-fg-strong: #201f1e;
  --loong-fg-muted: #605e5c;
  --loong-fg-subtle: #8a8886;
  --loong-bg: #ffffff;
  --loong-bg-subtle: #faf9f8;
  --loong-bg-elevated: #f3f2f1;
  --loong-border: #edebe9;
  --loong-border-strong: #d2d0ce;
  --loong-ms-blue: #0078d4;
  --loong-ms-blue-pressed: #004578;
  --loong-ms-blue-hover: #106ebe;
  --loong-ms-blue-soft: #deecf9;
  --loong-focus-ring: rgba(0, 120, 212, 0.45);

  --md-default-fg-color: var(--loong-fg);
  --md-default-fg-color--light: var(--loong-fg-muted);
  --md-default-fg-color--lighter: var(--loong-fg-subtle);
  --md-default-bg-color: var(--loong-bg);
  --md-default-bg-color--light: var(--loong-bg-subtle);
  --md-default-bg-color--lighter: var(--loong-bg-elevated);
  --md-default-bg-color--trans: rgb(255 255 255 / 0.92);

  --md-primary-fg-color: var(--loong-fg-strong);
  --md-primary-fg-color--light: var(--loong-fg-muted);
  --md-primary-bg-color: var(--loong-bg);
  --md-accent-fg-color: var(--loong-ms-blue);
  --md-accent-fg-color--transparent: rgb(0 120 212 / 0.1);
  --md-typeset-a-color: var(--loong-ms-blue);

  --md-code-fg-color: #323130;
  --md-code-bg-color: #f5f5f5;

  --md-typeset-table-color: var(--loong-border);
  --md-typeset-del-color: #a4262c;
}

/* ---- 深色：Fluent 暗色中性面 ---- */
[data-md-color-scheme="slate"] {
  --loong-fg: #f3f2f1;
  --loong-fg-strong: #ffffff;
  --loong-fg-muted: #c8c6c4;
  --loong-fg-subtle: #a19f9d;
  --loong-bg: #1b1a19;
  --loong-bg-subtle: #252423;
  --loong-bg-elevated: #323130;
  --loong-border: #3b3a39;
  --loong-border-strong: #605e5c;
  --loong-ms-blue: #62abf5;
  --loong-ms-blue-pressed: #9cdfff;
  --loong-ms-blue-hover: #8cbbf8;
  --loong-ms-blue-soft: #243a52;
  --loong-focus-ring: rgba(98, 171, 245, 0.45);

  --md-default-fg-color: var(--loong-fg);
  --md-default-fg-color--light: var(--loong-fg-muted);
  --md-default-fg-color--lighter: var(--loong-fg-subtle);
  --md-default-bg-color: var(--loong-bg);
  --md-default-bg-color--light: var(--loong-bg-subtle);
  --md-default-bg-color--lighter: var(--loong-bg-elevated);
  --md-default-bg-color--trans: rgb(27 26 25 / 0.92);

  --md-primary-fg-color: var(--loong-fg-strong);
  --md-primary-fg-color--light: var(--loong-fg-muted);
  --md-primary-bg-color: var(--loong-bg);
  --md-accent-fg-color: var(--loong-ms-blue);
  --md-accent-fg-color--transparent: rgb(98 171 245 / 0.12);
  --md-typeset-a-color: var(--loong-ms-blue);

  --md-code-fg-color: #edebe9;
  --md-code-bg-color: #2d2c2c;

  --md-typeset-table-color: var(--loong-border);
}

::selection {
  background-color: var(--loong-ms-blue-soft);
  color: var(--loong-fg-strong);
}

[data-md-color-scheme="slate"] ::selection {
  background-color: rgba(98, 171, 245, 0.28);
  color: var(--loong-fg-strong);
}

/* 顶栏：整栏压在侧栏之上；品牌区不套用正文 1px 字间距 */
.md-header {
  position: sticky;
  top: 0;
  z-index: 20 !important;
  isolation: isolate;
  letter-spacing: normal;
}

.md-header * {
  letter-spacing: normal;
}

[data-md-color-scheme="default"] .md-header {
  background-color: var(--loong-bg) !important;
  color: var(--loong-fg-strong) !important;
  box-shadow: 0 1px 0 var(--loong-border);
}

[data-md-color-scheme="slate"] .md-header {
  background-color: var(--loong-bg) !important;
  color: var(--loong-fg-strong) !important;
  box-shadow: 0 1px 0 var(--loong-border);
}

/* LOGO 区：机器人 + 品牌字同一行、垂直居中（禁止被 flex 压扁，避免卷动侧栏时「LoongLink」被裁没） */
.md-header__inner {
  align-items: center !important;
  min-height: var(--loong-header-h);
  overflow: visible !important;
}

.md-header .md-logo {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  align-self: center;
  margin-inline-end: 0.5rem;
  flex-shrink: 0 !important;
}

.md-header__title {
  display: flex !important;
  align-items: center;
  align-self: center;
  flex-shrink: 0 !important;
  min-width: max-content !important;
  overflow: visible !important;
}

.md-header__ellipsis {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  column-gap: 0.35rem;
  flex-shrink: 0 !important;
  min-width: max-content !important;
  overflow: visible !important;
}

/*
 * Material 在顶栏会渲染「当前页标题」(header-topic)，与侧栏第一项（如「首页」）同字，
 * 卷动侧栏时极易被误认为菜单文字跑进 LOGO 区。LOGO 区固定只保留站点名，故隐藏顶栏内当前页标题。
 */
.md-header__topic[data-md-component="header-topic"] {
  display: none !important;
}

/*
 * 顶栏左上角：LOGO 图标 28px + 品牌名「LoongLink」；固定品牌区，勿与侧栏 .md-nav__title 混淆。
 */
.md-header .md-logo,
.md-header__title {
  flex-shrink: 0 !important;
}

.md-header .md-logo svg,
.md-header .md-logo img {
  width: 28px;
  height: 28px;
  display: block;
  object-fit: contain;
}

.md-header__ellipsis > .md-header__topic:first-of-type {
  flex-shrink: 0 !important;
  min-width: max-content !important;
  overflow: visible !important;
  display: flex;
  align-items: center;
  font-size: 1.5rem; /* 24px 品牌字 */
  line-height: 1;
  font-weight: 600;
}

.md-header__ellipsis > .md-header__topic:first-of-type .md-ellipsis {
  max-width: none !important;
  min-width: max-content !important;
  overflow: visible !important;
  text-overflow: clip;
  white-space: nowrap;
  font-size: inherit;
}

/* 抽屉内与顶栏同款机器人图标 */
.md-sidebar--primary .md-nav__button.md-logo svg,
.md-sidebar--primary .md-nav__button.md-logo img {
  width: 28px;
  height: 28px;
  display: block;
  object-fit: contain;
}

.md-header__button {
  color: inherit;
}

.md-header__button:focus-visible,
.md-header__button:focus {
  outline: 2px solid var(--loong-focus-ring);
  outline-offset: 2px;
}

.md-search__input {
  font-size: var(--loong-text-sm);
  line-height: var(--loong-leading-snug);
  background-color: var(--loong-bg-elevated);
  border: 1px solid var(--loong-border);
  color: var(--loong-fg-strong);
  border-radius: 0.25rem;
}

.md-search__input::placeholder {
  color: var(--loong-fg-subtle);
}

/* ---- 主导航侧栏（白底 + 细边线，对齐 Microsoft Learn 左栏）---- */
[data-md-color-scheme="default"] .md-sidebar--primary {
  background-color: var(--loong-nav-bg-light);
  border-right: 1px solid var(--loong-border);
  font-size: var(--loong-doc-fs);
  letter-spacing: var(--loong-doc-ls);
}

[data-md-color-scheme="slate"] .md-sidebar--primary {
  background-color: var(--loong-nav-bg-dark);
  border-right: 1px solid var(--loong-border);
  font-size: var(--loong-doc-fs);
  letter-spacing: var(--loong-doc-ls);
}

/* 侧栏独立滚动，不把滚动链到页面；避免与顶栏叠层错觉 */
.md-sidebar--primary .md-sidebar__scrollwrap {
  overscroll-behavior: contain;
}

.md-sidebar--primary .md-nav {
  font-size: inherit;
  letter-spacing: inherit;
}

/* 抽屉内保留标题；宽屏与顶栏重复，由下方 media query 隐藏 */
.md-sidebar--primary .md-nav__title {
  font-size: var(--loong-doc-fs);
  font-weight: 600;
  letter-spacing: var(--loong-doc-ls);
  text-transform: none;
  color: var(--loong-fg-strong);
  padding: var(--loong-space-md) var(--loong-space-md) var(--loong-space-sm)
    var(--loong-space-md);
  border-bottom: 1px solid var(--loong-border);
  margin-bottom: var(--loong-space-sm);
  line-height: var(--loong-leading-snug);
}

/* 一级目录项：继承侧栏 14px */
.md-sidebar--primary .md-nav--primary > .md-nav__list > .md-nav__item {
  font-size: inherit;
  line-height: 1.5;
}

.md-sidebar--primary .md-nav__link {
  font-size: inherit;
  font-weight: 400;
  letter-spacing: inherit;
  color: var(--loong-nav-link);
  border-radius: 0.25rem;
  padding: 0.375rem 0.625rem;
  margin: 0.0625rem 0.25rem;
  transition: background-color 0.12s ease, color 0.12s ease;
}

/*
 * L1 分组（带子项，如「核心技术」）：与同列普通链接同字号、同左缘 — 对齐 Microsoft Learn 顶级 TOC。
 * 子级缩进放在 data-md-level="1" 的块上，避免分组标题被当成「二级字号」缩进。
 */
.md-sidebar--primary .md-nav--primary > .md-nav__list > .md-nav__item--section {
  margin: 0.5rem 0;
}

.md-sidebar--primary .md-nav--primary > .md-nav__list > .md-nav__item--section:last-child {
  margin-bottom: 0;
}

.md-sidebar--primary .md-nav--primary > .md-nav__list > .md-nav__item--section > .md-nav__link {
  font-size: inherit;
  line-height: 1.5;
  font-weight: 600;
  color: var(--loong-fg-strong);
  margin-top: 0;
}

/* Material 对 section 子 nav 使用负 margin；主导栏里改为整块右移，形成稳定子树列 */
[dir="ltr"] .md-sidebar--primary
  .md-nav--primary
  > .md-nav__list
  > .md-nav__item--section
  > .md-nav[data-md-level="1"] {
  margin-left: 0 !important;
  padding-left: 0.75rem;
  border-left: 1px solid var(--loong-border);
}

[dir="rtl"] .md-sidebar--primary
  .md-nav--primary
  > .md-nav__list
  > .md-nav__item--section
  > .md-nav[data-md-level="1"] {
  margin-right: 0 !important;
  padding-right: 0.75rem;
  border-right: 1px solid var(--loong-border);
}

/* 子列表内链接：继承侧栏 14px */
.md-sidebar--primary .md-nav--primary .md-nav[data-md-level="1"] .md-nav__list .md-nav__link {
  font-size: inherit;
  line-height: 1.5;
  color: var(--loong-nav-link-nested);
}

.md-nav__link--active,
.md-nav__link:active {
  color: var(--loong-fg-strong) !important;
  font-weight: 600;
}

[data-md-color-scheme="default"] .md-sidebar--primary .md-nav__link:hover,
[data-md-color-scheme="default"] .md-sidebar--primary .md-nav__link:focus {
  color: var(--loong-ms-blue-hover) !important;
  background-color: var(--loong-nav-hover-bg);
}

[data-md-color-scheme="slate"] .md-sidebar--primary .md-nav__link:hover,
[data-md-color-scheme="slate"] .md-sidebar--primary .md-nav__link:focus {
  color: var(--loong-ms-blue-hover) !important;
  background-color: rgba(255, 255, 255, 0.06);
}

/* 当前页：左侧色条用 inset，避免 border + margin 把整行挤偏（与同级左对齐） */
.md-sidebar--primary .md-nav__link--active {
  border-left: none;
  padding-left: 0.625rem;
  box-shadow: inset 3px 0 0 var(--loong-ms-blue);
  color: var(--loong-fg-strong) !important;
  background-color: var(--loong-nav-active-bg);
  font-weight: 600;
}

[data-md-color-scheme="slate"] .md-sidebar--primary .md-nav__link--active {
  background-color: rgba(98, 171, 245, 0.12);
}

/* 页内目录（左侧文章 TOC + 右侧栏）：14px */
.md-nav--secondary .md-nav__item .md-nav__link {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  font-size: var(--loong-doc-fs);
  line-height: 1.5;
  letter-spacing: var(--loong-doc-ls);
  color: var(--loong-fg-muted);
}

.md-nav--secondary .md-nav__title {
  font-size: var(--loong-doc-fs);
  letter-spacing: var(--loong-doc-ls);
}

.md-content {
  background-color: var(--md-default-bg-color);
}

.md-content__inner {
  margin-bottom: 2rem;
}

/* ---- 正文：14px、字间距 1px（标题同字号，靠字重区分）---- */
.md-typeset {
  font-size: var(--loong-doc-fs);
  letter-spacing: var(--loong-doc-ls);
  line-height: var(--loong-leading-relaxed);
  color: var(--loong-fg);
}

.md-typeset strong {
  color: var(--loong-fg-strong);
  font-weight: 600;
}

.md-typeset h1 {
  font-size: var(--loong-doc-fs);
  letter-spacing: var(--loong-doc-ls);
  font-weight: 700;
  line-height: var(--loong-leading-snug);
  color: var(--loong-fg-strong);
  margin-top: 0;
  margin-bottom: var(--loong-space-lg);
  padding-bottom: var(--loong-space-sm);
  border-bottom: 1px solid var(--loong-border-strong);
}

.md-typeset h2 {
  font-size: var(--loong-doc-fs);
  letter-spacing: var(--loong-doc-ls);
  font-weight: 600;
  line-height: var(--loong-leading-snug);
  color: var(--loong-fg-strong);
  margin-top: var(--loong-space-2xl);
  margin-bottom: var(--loong-space-md);
}

.md-typeset h3 {
  font-size: var(--loong-doc-fs);
  letter-spacing: var(--loong-doc-ls);
  font-weight: 600;
  line-height: var(--loong-leading-snug);
  color: var(--loong-fg-strong);
  margin-top: var(--loong-space-xl);
  margin-bottom: var(--loong-space-sm);
}

.md-typeset h4 {
  font-size: var(--loong-doc-fs);
  letter-spacing: var(--loong-doc-ls);
  font-weight: 600;
  line-height: var(--loong-leading-snug);
  color: var(--loong-fg-strong);
  margin-top: var(--loong-space-lg);
  margin-bottom: var(--loong-space-sm);
}

.md-typeset h5,
.md-typeset h6 {
  font-size: var(--loong-doc-fs);
  letter-spacing: var(--loong-doc-ls);
  font-weight: 600;
  line-height: var(--loong-leading-snug);
  color: var(--loong-fg-strong);
  margin-top: var(--loong-space-md);
  margin-bottom: var(--loong-space-xs);
}

.md-typeset p,
.md-typeset ul,
.md-typeset ol,
.md-typeset dl {
  margin-top: 0.65em;
  margin-bottom: 0.65em;
}

.md-typeset a {
  color: var(--loong-ms-blue);
  text-decoration: underline;
  text-underline-offset: 0.15em;
  text-decoration-thickness: 1px;
  text-decoration-color: rgba(0, 120, 212, 0.35);
  transition: color 0.12s ease, text-decoration-color 0.12s ease;
}

.md-typeset a:hover {
  color: var(--loong-ms-blue-hover);
  text-decoration-color: var(--loong-ms-blue-hover);
}

.md-typeset a:active {
  color: var(--loong-ms-blue-pressed);
}

.md-typeset hr {
  border: none;
  border-top: 1px solid var(--loong-border);
  margin: var(--loong-space-xl) 0;
}

.md-typeset blockquote {
  margin: var(--loong-space-lg) 0;
  padding: var(--loong-space-sm) var(--loong-space-lg);
  border-left: 4px solid var(--loong-border-strong);
  color: var(--loong-fg-muted);
  background-color: var(--loong-bg-subtle);
  font-size: var(--loong-doc-fs);
  letter-spacing: var(--loong-doc-ls);
  line-height: var(--loong-leading-normal);
}

.md-typeset code,
.md-typeset kbd {
  font-family:
    "Cascadia Mono",
    "Cascadia Code",
    Consolas,
    "SF Mono",
    ui-monospace,
    monospace;
  font-size: 1em;
  letter-spacing: var(--loong-doc-ls);
  font-feature-settings: "calt" 1;
}

.md-typeset :not(pre) > code {
  padding: 0.1em 0.35em;
  border-radius: 0.2rem;
  border: 1px solid var(--loong-border);
  background-color: var(--loong-bg-elevated);
  color: var(--loong-fg-strong);
}

.md-typeset pre {
  font-size: var(--loong-doc-fs);
  letter-spacing: var(--loong-doc-ls);
  line-height: 1.5;
  border-radius: 0.25rem;
  border: 1px solid var(--loong-border);
}

.md-typeset table:not([class]) {
  font-size: var(--loong-doc-fs);
  letter-spacing: var(--loong-doc-ls);
  line-height: var(--loong-leading-normal);
  border-collapse: collapse;
  border: 1px solid var(--loong-border);
}

.md-typeset table:not([class]) th {
  font-size: var(--loong-doc-fs);
  letter-spacing: var(--loong-doc-ls);
  font-weight: 600;
  text-transform: none;
  color: var(--loong-fg-muted);
  background-color: var(--loong-bg-elevated);
  border-bottom: 1px solid var(--loong-border-strong);
}

.md-typeset table:not([class]) td {
  font-size: var(--loong-doc-fs);
  letter-spacing: var(--loong-doc-ls);
  border-top: 1px solid var(--loong-border);
}

/* 带 Material 包裹类的表格，与正文同为 14px */
.md-typeset .md-typeset__table,
.md-typeset .md-typeset__table table,
.md-typeset .md-typeset__table th,
.md-typeset .md-typeset__table td {
  font-size: var(--loong-doc-fs);
  letter-spacing: var(--loong-doc-ls);
}

.md-typeset .admonition {
  border-radius: 0.25rem;
  border: 1px solid var(--loong-border);
  box-shadow: none;
  font-size: var(--loong-doc-fs);
  letter-spacing: var(--loong-doc-ls);
  line-height: var(--loong-leading-normal);
}

[data-md-color-scheme="default"] .md-typeset .admonition {
  background-color: var(--loong-bg);
}

[data-md-color-scheme="slate"] .md-typeset .admonition {
  background-color: var(--loong-bg-subtle);
}

.md-typeset .admonition-title {
  font-weight: 600;
  font-size: var(--loong-doc-fs);
  letter-spacing: var(--loong-doc-ls);
}

.md-footer {
  border-top: 1px solid var(--loong-border);
  font-size: var(--loong-text-sm);
  color: var(--loong-fg-muted);
}

.md-footer-meta {
  background-color: var(--loong-bg-subtle);
  font-size: var(--loong-text-xs);
}

.md-footer-meta .md-copyright {
  font-size: var(--loong-text-xs);
  letter-spacing: 0.02em;
  color: var(--loong-fg-muted);
}

[data-md-color-scheme="default"] .md-sidebar--secondary {
  border-left: 1px solid var(--loong-border);
  font-size: var(--loong-doc-fs);
  letter-spacing: var(--loong-doc-ls);
}

[data-md-color-scheme="slate"] .md-sidebar--secondary {
  border-left: 1px solid var(--loong-border);
  font-size: var(--loong-doc-fs);
  letter-spacing: var(--loong-doc-ls);
}

[data-md-color-scheme="default"] .md-sidebar--secondary .md-nav__link {
  color: var(--loong-fg-muted);
}

[data-md-color-scheme="default"] .md-sidebar--secondary .md-nav__link:hover,
[data-md-color-scheme="default"] .md-sidebar--secondary .md-nav__link:focus {
  color: var(--loong-ms-blue-hover) !important;
}

[data-md-color-scheme="slate"] .md-sidebar--secondary .md-nav__link {
  color: var(--loong-fg-muted);
}

[data-md-color-scheme="slate"] .md-sidebar--secondary .md-nav__link:hover,
[data-md-color-scheme="slate"] .md-sidebar--secondary .md-nav__link:focus {
  color: var(--loong-ms-blue-hover) !important;
}

.md-sidebar--secondary .md-nav {
  font-size: inherit;
  letter-spacing: inherit;
}

/* =====================================================================
 * ≥900px：双栏布局（左目录贴边）
 * ===================================================================== */
@media screen and (min-width: 56.25em) {
  .md-header__inner.md-grid {
    max-width: none !important;
    margin-inline: 0 !important;
    padding-inline: 0.75rem 1rem !important;
  }

  .md-container {
    max-width: none !important;
    width: 100% !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
  }

  .md-main,
  .md-main__inner.md-grid {
    max-width: none !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
  }

  .md-sidebar--primary {
    position: sticky !important;
    top: var(--loong-header-h) !important;
    transform: none !important;
    -webkit-transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: var(--loong-sidebar-w) !important;
    min-width: var(--loong-sidebar-w) !important;
    flex: 0 0 var(--loong-sidebar-w) !important;
    align-self: stretch !important;
    min-height: calc(100vh - var(--loong-header-h)) !important;
    max-height: none !important;
    margin: 0 !important;
    margin-left: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    z-index: 1 !important;
    box-shadow: none !important;
  }

  .md-sidebar--primary .md-nav__title {
    display: none !important;
  }

  .md-sidebar--primary .md-sidebar__scrollwrap {
    max-height: calc(100vh - var(--loong-header-h) - 0.5rem);
  }

  .md-sidebar--primary .md-sidebar__inner {
    padding: 0 0 1.5rem 0;
  }

  .md-sidebar--primary .md-nav--primary > .md-nav__list {
    padding-inline: 0.375rem 0.5rem;
    padding-top: 0.75rem;
  }

  .md-main__inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  .md-content {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .md-content__inner {
    max-width: 50rem;
    margin-inline: 0;
    padding: 1.75rem 2.25rem 3rem 2.25rem;
  }

  .md-header__button[for="__drawer"] {
    display: none !important;
  }

  label.md-overlay[for="__drawer"] {
    display: none !important;
  }

  @media screen and (max-width: 76.24em) {
    .md-sidebar--secondary {
      display: none !important;
    }
  }
}

@media screen and (min-width: 56.25em) and (max-width: 76.24em) {
  .md-content__inner > .md-typeset > nav.md-nav--inline {
    margin-bottom: 1rem;
  }
}