
#R-body,
#R-body-inner,
#R-main-overlay,
#R-body-overlay {
  background: transparent;
}

#R-body-inner {
  padding: clamp(0.85rem, 1.4vw, 1.6rem) clamp(0.9rem, 1.8vw, 2rem) 3rem;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

#R-body-inner::-webkit-scrollbar {
  display: none;
}

#R-content-wrapper {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

#R-content-wrapper::-webkit-scrollbar {
  display: none;
}

#R-topbar {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  min-height: 2.75rem;
  height: auto;
  overflow: visible;
  background: color-mix(in srgb, var(--mb-paper) 88%, transparent);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--mb-border);
  box-shadow: var(--mb-shadow-sm);
}

#R-topbar .topbar-wrapper,
#R-topbar .topbar-area,
#R-topbar .topbar-content,
#R-topbar .topbar-content-wrapper {
  min-height: 2.75rem;
  align-items: center;
  overflow: visible;
  min-width: 0;
  box-sizing: border-box;
}

#R-topbar .topbar-wrapper {
  width: 100%;
  max-width: 100%;
  display: flex;
  align-items: stretch;
  min-width: 0;
  box-sizing: border-box;
}

#R-topbar .topbar-content {
  flex: 1 1 auto;
  min-width: 0;
}

#R-topbar .topbar-area-start,
#R-topbar .topbar-area-end {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}

#R-topbar .topbar-area-end {
  justify-content: flex-end;
  gap: 0.1rem;
  padding-inline-end: 0.45rem;
  box-sizing: border-box;
}

#R-topbar .topbar-button {
  flex: 0 0 auto;
}

#R-topbar .topbar-content-wrapper {
  padding-block: 0.6rem;
}

.topbar-breadcrumbs,
.topbar-breadcrumbs a,
.topbar-button .btn,
.topbar-button button,
.topbar-button a {
  color: var(--mb-text-secondary);
  font-size: 0.86rem;
  line-height: 1.2;
}

.topbar-button .btn,
.topbar-button button,
.topbar-button a {
  min-width: 2.25rem;
  min-height: 2.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  box-sizing: border-box;
}

#R-topbar .topbar-breadcrumbs {
  display: flex;
  align-items: center;
  min-height: 2.25rem;
  margin: 0;
  overflow: hidden;
  min-width: 0;
}

.topbar-button button:hover,
.topbar-button a:hover,
.topbar-breadcrumbs a:hover {
  color: var(--mb-primary-hover);
}

#R-sidebar {
  width: clamp(16rem, 15vw, 19rem);
  min-width: clamp(16rem, 15vw, 19rem);
  background: var(--mb-sidebar);
  color: var(--mb-sidebar-text);
  box-shadow: 16px 0 44px rgba(0, 0, 0, 0.24);
  font-size: 0.92rem;
}

#R-sidebar::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 20%),
    radial-gradient(circle at 10% 0%, rgba(217, 170, 108, 0.08), transparent 32%);
  opacity: 0.8;
}

#R-header-wrapper,
#R-content-wrapper,
#R-footer,
#R-footer-margin,
#R-header-topbar,
#R-homelinks {
  background: transparent;
}

#R-logo {
  position: relative;
  min-height: 4.8rem;
  align-items: center;
  background: color-mix(in srgb, var(--mb-sidebar-soft) 78%, transparent);
  border-bottom: 1px solid var(--MENU-HEADER-BORDER-color);
}

#R-logo .logo-title {
  font-family: 'Fraunces', serif;
  font-size: clamp(1.25rem, 1.35vw, 1.55rem);
  font-weight: 700;
  letter-spacing: 0.01em;
  color: var(--mb-sidebar-text);
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

#R-sidebar search,
#R-sidebar .searchbox {
  position: relative;
  z-index: 2;
}

#R-sidebar .searchbox {
  margin: 1rem 1rem 0.45rem;
  padding: 0.42rem 0.55rem;
  background: var(--MENU-SEARCH-BG-color);
  border: 1px solid var(--MENU-SEARCH-BORDER-color);
  border-radius: 0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

#R-sidebar .searchbox input,
#R-sidebar .searchbox button,
#R-sidebar .searchbox .search-detail {
  color: var(--mb-sidebar-text);
  font-size: 0.95rem;
  line-height: 1.35;
}

#R-sidebar .searchbox input::placeholder {
  color: color-mix(in srgb, var(--mb-sidebar-muted) 82%, transparent);
}

#R-sidebar .R-sidebarmenu {
  position: relative;
  z-index: 1;
}

#R-sidebar ul li > a {
  margin: 0.1rem 0.7rem;
  min-height: 2rem;
  padding: 0.38rem 1rem;
  border-radius: 0;
  color: var(--mb-sidebar-muted);
  font-size: 0.94rem;
  line-height: 1.35;
  transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease, transform 150ms ease;
}

#R-sidebar ul li > a:hover {
  color: var(--MENU-SECTIONS-LINK-HOVER-color);
  background: color-mix(in srgb, var(--mb-accent) 10%, transparent);
  transform: translateX(2px);
}

#R-sidebar li.active > a,
#R-sidebar li.parent > a,
#R-sidebar li.active > a:hover,
#R-sidebar li.parent > a:hover {
  color: var(--MENU-SECTIONS-ACTIVE-LINK-color);
  background: var(--MENU-SECTIONS-ACTIVE-BG-color);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

#R-sidebar li.alwaysopen > a {
  color: var(--MENU-SECTION-ACTIVE-CATEGORY-color);
}

#R-sidebar .read-icon {
  color: color-mix(in srgb, var(--mb-primary) 74%, var(--mb-sidebar-muted));
}

#R-sidebar hr {
  border-color: var(--MENU-SECTION-SEPARATOR-color);
}

#R-sidebar .menu-control {
  color: var(--mb-sidebar-text);
}

#R-sidebar select,
#R-sidebar button,
#R-sidebar .menu-control button {
  border-radius: 0;
}

#R-sidebar select,
#R-sidebar .menu-control button {
  background: var(--MENU-SEARCH-BG-color);
  border: 1px solid var(--MENU-SEARCH-BORDER-color);
  color: var(--mb-sidebar-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

#R-sidebar select:hover,
#R-sidebar .menu-control button:hover {
  background: color-mix(in srgb, var(--mb-accent) 16%, transparent);
  border-color: var(--mb-border-strong);
}

/* Suppress theme's default-animation transition on #R-body to prevent
   layout flash when JS adds .main-max-width or adjusts padding. */
#R-body {
  transition: none;
}

/* Higher specificity than .main-max-width #R-body .flex-block-wrapper (0,1,2,1)
   so our width/max-width/margin rules survive JS class mutations. */
#R-body #R-body-inner > .flex-block-wrapper,
#R-body #R-body-inner article.default,
#R-body #R-body-inner article.chapter,
#R-body #R-body-inner article.home {
  background: var(--mb-paper);
  border: 1px solid var(--mb-border);
  border-radius: 0;
  box-shadow: var(--mb-shadow-lg);
  box-sizing: border-box;
  width: min(100%, var(--MAIN-WIDTH-MAX));
  max-width: var(--MAIN-WIDTH-MAX);
  margin-left: auto;
  margin-right: auto;
}

#R-body-inner article {
  box-sizing: border-box;
  padding: clamp(2.15rem, 3.2vw, 3.75rem);
}

#R-body-inner h1,
#R-body-inner h2,
#R-body-inner h3,
#R-body-inner h4,
#R-body-inner h5,
#R-body-inner h6 {
  font-family: 'Fraunces', serif;
  color: var(--mb-text-primary);
  letter-spacing: -0.02em;
}

#R-body-inner h1 {
  font-size: clamp(2.05rem, 3vw, 2.95rem);
  line-height: 1.04;
  margin-bottom: 1.75rem;
  overflow: visible;
  padding-bottom: 0.08em;
  text-transform: none;
  font-variant-caps: normal;
  text-wrap: balance;
}

#R-body-inner h2 {
  margin-top: 3rem;
  margin-bottom: 1.05rem;
  padding-bottom: 0.65rem;
  border-bottom: 1px solid var(--mb-border);
}

#R-body-inner p,
#R-body-inner li,
#R-body-inner td,
#R-body-inner th,
#R-body-inner label,
#R-body-inner .footline {
  color: var(--mb-text-secondary);
  font-size: clamp(1.1rem, 1rem + 0.18vw, 1.16rem);
  line-height: 1.7;
}

#R-body-inner p,
#R-body-inner li {
  max-width: 84ch;
}

#R-body-inner strong,
#R-body-inner b {
  color: var(--mb-text-primary);
}

#R-body-inner a,
#R-body-inner a:visited,
#R-topbar a,
#R-topbar a:visited {
  color: var(--mb-link);
}

#R-body-inner a:hover,
#R-topbar a:hover {
  color: var(--mb-link-hover);
}

#R-body-inner code {
  font-family: 'JetBrains Mono', monospace;
  background: var(--mb-code-inline-bg);
  color: var(--CODE-INLINE-color);
  padding: 0.2em 0.4em;
  border-radius: 4px;
  border: 1px solid var(--mb-code-inline-border);
  font-size: 0.88em;
  line-height: 1.25;
}

#R-body-inner pre,
#R-body-inner .highlight,
#R-body-inner .highlight > div,
#R-body-inner .highlight .chroma {
  border-radius: 0;
  border: 1px solid var(--mb-code-border);
  overflow: hidden;
  box-shadow: var(--mb-shadow-sm);
}

#R-body-inner blockquote,
#R-body-inner .box {
  background: var(--BOX-BG-color);
  border: 1px solid var(--mb-border);
  border-left: 4px solid var(--mb-accent);
  border-radius: 0;
  box-shadow: var(--mb-shadow-sm);
  padding: 1rem 1.2rem;
}

#R-body-inner table:not(.lntable) {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  max-width: 100%;
  table-layout: auto;
  overflow: hidden;
  border: 1px solid var(--mb-table-border);
  border-radius: 0;
  box-shadow: var(--mb-shadow-sm);
  margin: 1.5rem 0 2rem;
}

#R-body-inner table:not(.lntable) th,
#R-body-inner table:not(.lntable) td {
  border: 1px solid var(--mb-table-border);
  padding: 0.92rem 1rem;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: none;
  vertical-align: top;
}

#R-body-inner table:not(.lntable) th {
  background: var(--mb-table-header-bg);
  color: var(--mb-text-primary);
  font-size: 0.95rem;
  letter-spacing: 0.015em;
}

#R-body-inner table:not(.lntable) th:first-child,
#R-body-inner table:not(.lntable) td:first-child {
  width: 32%;
  min-width: 14rem;
}

#R-body-inner table:not(.lntable) th:last-child,
#R-body-inner table:not(.lntable) td:last-child {
  width: 24%;
}

#R-body-inner table:not(.lntable) td {
  background: var(--mb-table-row-bg);
  color: var(--mb-text-secondary);
}

#R-body-inner table:not(.lntable) tr:nth-child(even) td {
  background: var(--mb-table-striped-bg);
}

#R-body-inner li:has(input[type='checkbox']) {
  margin-block: 0.55rem;
  max-width: 92ch;
  line-height: 1.8;
}

#R-body-inner input[type='checkbox'] {
  width: 1.05rem;
  height: 1.05rem;
  margin-right: 0.45rem;
  vertical-align: -0.12em;
  accent-color: var(--mb-primary);
}

#R-body-inner .actionbar-wrapper.wrap-code,
#R-body-inner .actionbar-wrapper.wrap-code > div,
#R-body-inner .actionbar-wrapper.wrap-code pre,
#R-body-inner .actionbar-wrapper.wrap-code .chroma,
#R-body-inner .highlight .chroma,
#R-body-inner .highlight pre {
  background: var(--mb-code-surface) !important;
  color: var(--CODE-BLOCK-color) !important;
}

#R-body-inner .highlight .lntable,
#R-body-inner .highlight .lntd,
#R-body-inner .highlight .lnt,
#R-body-inner .highlight .ln,
#R-body-inner .highlight .line,
#R-body-inner .highlight .cl {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#R-body-inner .highlight .lntable {
  display: table !important;
  width: 100% !important;
  max-width: none !important;
  table-layout: auto !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  overflow: visible !important;
}

#R-body-inner .highlight .lntd {
  padding: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  vertical-align: top;
}

#R-body-inner .highlight .lntd:first-child {
  width: 1% !important;
  min-width: 0 !important;
  white-space: nowrap;
  border-right: 0 !important;
  padding-right: 0.4em !important;
}

#R-body-inner .highlight .lntd:last-child {
  width: 99% !important;
  min-width: 0 !important;
}

#R-body-inner .highlight .lntd pre {
  margin: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

#R-body-inner .highlight .lntd pre,
#R-body-inner .highlight .lntd pre > code {
  line-height: 1.5 !important;
}

#R-body-inner .highlight .lntd pre > code {
  display: block;
  margin: 0 !important;
  padding: 0 !important;
}

#R-body-inner .highlight .lntd:first-child pre {
  padding-right: 0.6rem !important;
  padding-left: 0.75rem !important;
}

#R-body-inner .highlight .lnt {
  color: color-mix(in srgb, var(--mb-text-secondary) 45%, transparent) !important;
  display: block;
  text-align: right;
  user-select: none;
  white-space: nowrap;
}

#R-body-inner .highlight .lnt,
#R-body-inner .highlight .line,
#R-body-inner .highlight .cl {
  margin: 0 !important;
  padding: 0 !important;
  line-height: inherit !important;
}

#R-body-inner .highlight .lntd:first-child pre > code > span {
  display: block;
  min-width: 2.2ch;
  margin-right: 0 !important;
  padding: 0 !important;
  color: color-mix(in srgb, var(--mb-text-secondary) 50%, transparent) !important;
  text-align: right;
}

#R-body-inner .actionbar-wrapper.wrap-code table {
  display: table !important;
  width: 100% !important;
  max-width: none !important;
  table-layout: auto !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  border: 0 !important;
  border-radius: 0;
  box-shadow: none !important;
  overflow: visible !important;
  background: transparent !important;
}

#R-body-inner .actionbar-wrapper.wrap-code th,
#R-body-inner .actionbar-wrapper.wrap-code td,
#R-body-inner .actionbar-wrapper.wrap-code tr:nth-child(even) td {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: inherit;
  font-size: 0.95rem;
  line-height: 1.5;
  padding: 0 !important;
}

#R-body-inner .actionbar-wrapper.wrap-code td:first-child {
  white-space: nowrap;
  width: 1%;
  border-right: 0 !important;
  background: transparent !important;
}

#R-body-inner .actionbar-wrapper.wrap-code td:last-child {
  width: 99%;
}

#R-body-inner .actionbar-wrapper.wrap-code pre {
  margin: 0 !important;
  padding: 1rem 1.1rem !important;
  border: 0 !important;
  box-shadow: none !important;
  white-space: pre !important;
  overflow: auto;
}

#R-body-inner .actionbar-wrapper.wrap-code pre > code {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  color: inherit !important;
}

#R-body-inner .actionbar-wrapper.wrap-code pre > code.copy-to-clipboard,
#R-body-inner .highlight pre > code.copy-to-clipboard,
#R-body-inner pre > code.copy-to-clipboard {
  display: block !important;
  width: 100%;
  white-space: pre !important;
  overflow-x: auto;
  overflow-y: hidden;
}

#R-body-inner .actionbar-wrapper.wrap-code pre > code.copy-to-clipboard .line,
#R-body-inner .actionbar-wrapper.wrap-code pre > code.copy-to-clipboard .cl,
#R-body-inner .highlight pre > code.copy-to-clipboard .line,
#R-body-inner .highlight pre > code.copy-to-clipboard .cl {
  display: block;
  white-space: pre;
}

#R-body-inner .highlight .chroma .k,
#R-body-inner .highlight .chroma .kc,
#R-body-inner .highlight .chroma .kd,
#R-body-inner .highlight .chroma .kn,
#R-body-inner .highlight .chroma .kp,
#R-body-inner .highlight .chroma .kr,
#R-body-inner .highlight .chroma .nt {
  color: var(--mb-code-keyword) !important;
  font-weight: 700;
}

#R-body-inner .highlight .chroma .kt,
#R-body-inner .highlight .chroma .nc,
#R-body-inner .highlight .chroma .ne,
#R-body-inner .highlight .chroma .nn,
#R-body-inner .highlight .chroma .nl,
#R-body-inner .highlight .chroma .no {
  color: var(--mb-code-type) !important;
}

#R-body-inner .highlight .chroma .nf,
#R-body-inner .highlight .chroma .fm,
#R-body-inner .highlight .chroma .na {
  color: var(--mb-code-function) !important;
}

#R-body-inner .highlight .chroma .nb,
#R-body-inner .highlight .chroma .bp,
#R-body-inner .highlight .chroma .nv,
#R-body-inner .highlight .chroma .vc,
#R-body-inner .highlight .chroma .vg,
#R-body-inner .highlight .chroma .vi,
#R-body-inner .highlight .chroma .vm {
  color: var(--mb-code-variable) !important;
}

#R-body-inner .highlight .chroma .m,
#R-body-inner .highlight .chroma .mb,
#R-body-inner .highlight .chroma .mf,
#R-body-inner .highlight .chroma .mh,
#R-body-inner .highlight .chroma .mi,
#R-body-inner .highlight .chroma .il,
#R-body-inner .highlight .chroma .mo {
  color: var(--mb-code-number) !important;
}

#R-body-inner .highlight .chroma .s,
#R-body-inner .highlight .chroma .sa,
#R-body-inner .highlight .chroma .sb,
#R-body-inner .highlight .chroma .sc,
#R-body-inner .highlight .chroma .dl,
#R-body-inner .highlight .chroma .sd,
#R-body-inner .highlight .chroma .s1,
#R-body-inner .highlight .chroma .s2,
#R-body-inner .highlight .chroma .se,
#R-body-inner .highlight .chroma .sh,
#R-body-inner .highlight .chroma .si,
#R-body-inner .highlight .chroma .sr,
#R-body-inner .highlight .chroma .ss,
#R-body-inner .highlight .chroma .sx {
  color: var(--mb-code-string) !important;
}

#R-body-inner .highlight .chroma .c,
#R-body-inner .highlight .chroma .ch,
#R-body-inner .highlight .chroma .cm,
#R-body-inner .highlight .chroma .c1,
#R-body-inner .highlight .chroma .cs,
#R-body-inner .highlight .chroma .cp,
#R-body-inner .highlight .chroma .cpf {
  color: var(--mb-code-comment) !important;
  font-style: italic;
}

#R-body-inner .highlight .chroma .o,
#R-body-inner .highlight .chroma .ow {
  color: var(--mb-code-operator) !important;
}

#R-body-inner .highlight .chroma .no,
#R-body-inner .highlight .chroma .kc {
  color: var(--mb-code-constant) !important;
}

#R-body-inner .highlight .chroma .err {
  background: var(--mb-code-error-bg) !important;
  color: var(--mb-text-primary) !important;
}

#R-body-inner .highlight .chroma .n,
#R-body-inner .highlight .chroma .nx {
  color: var(--mb-code-variable) !important;
}

#R-body-inner .highlight .chroma .p {
  color: var(--mb-code-operator) !important;
}

#R-body-inner .highlight .chroma .nd,
#R-body-inner .highlight .chroma .py {
  color: var(--mb-code-function) !important;
}

#R-body-inner .actionbar-wrapper.wrap-code td:first-child pre {
  padding-right: 0.6rem !important;
  padding-left: 0.75rem !important;
}

#R-body-inner .actionbar-wrapper.wrap-code td:first-child pre > code > span {
  display: block;
  min-width: 2.2ch;
  margin-right: 0 !important;
  padding: 0 !important;
  color: color-mix(in srgb, var(--mb-text-secondary) 50%, transparent) !important;
  text-align: right;
}

#R-body-inner .actionbar-wrapper.wrap-code .actionbar {
  inset-inline-end: 0.55rem;
  top: 0.55rem;
}

#R-body-inner .btn,
#R-body-inner button,
#R-body-inner select,
#R-sidebar select,
#R-sidebar button {
  font-family: 'Nunito Sans', sans-serif;
}

#R-body-inner .btn,
#R-body-inner button,
#R-sidebar .menu-control button,
#R-sidebar select {
  border: 1px solid var(--mb-border);
  background: var(--mb-callout-bg);
  color: var(--mb-text-primary);
}

#R-sidebar .menu-control button,
#R-sidebar select {
  border-color: var(--MENU-SEARCH-BORDER-color);
  background: var(--MENU-SEARCH-BG-color);
  color: var(--mb-sidebar-text);
}

#R-body-inner .btn:hover,
#R-body-inner button:hover,
#R-sidebar .menu-control button:hover,
#R-sidebar select:hover {
  border-color: var(--mb-border-strong);
}

#R-body-inner .inline-copy-to-clipboard-button,
#R-body-inner .block-copy-to-clipboard-button,
#R-body-inner .anchor.copyanchor,
#R-topbar .copy-to-clipboard-button {
  --mb-copy-size: 1.75rem;
  --mb-copy-icon-size: 1.65rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--mb-copy-size);
  height: var(--mb-copy-size);
  border-radius: 0;
  border: 1px solid var(--mb-copy-border) !important;
  background: var(--mb-copy-bg) !important;
  box-shadow: 0 6px 14px rgba(38, 28, 21, 0.08);
  vertical-align: middle;
}

#R-body-inner .inline-copy-to-clipboard-button {
  --mb-copy-size: 1.55rem;
  --mb-copy-icon-size: 1.45rem;
  margin-left: 0.4em;
  vertical-align: middle;
}

#R-body-inner .block-copy-to-clipboard-button {
  margin-left: 0;
}

#R-body-inner .anchor.copyanchor {
  margin-left: 0.45rem;
}

#R-topbar .copy-to-clipboard-button {
  --mb-copy-size: 2.25rem;
  --mb-copy-icon-size: 2.25rem;
  margin-left: 0;
}

#R-body-inner p > .copy-to-clipboard,
#R-body-inner dd > .copy-to-clipboard,
#R-body-inner li > .copy-to-clipboard,
#R-body-inner li p > .copy-to-clipboard,
#R-body-inner th > .copy-to-clipboard,
#R-body-inner td > .copy-to-clipboard {
  display: inline-flex;
  align-items: center;
  align-self: center;
  gap: 0.28rem;
  max-width: 100%;
  vertical-align: middle;
  line-height: 1.2;
}

#R-body-inner p > .copy-to-clipboard,
#R-body-inner dd > .copy-to-clipboard,
#R-body-inner li > .copy-to-clipboard {
  flex-wrap: wrap;
  row-gap: 0.35rem;
  white-space: normal;
}

#R-body-inner li p > .copy-to-clipboard,
#R-body-inner th > .copy-to-clipboard,
#R-body-inner td > .copy-to-clipboard {
  flex-wrap: wrap;
  white-space: normal;
}

#R-body-inner p > .copy-to-clipboard .copy-to-clipboard-code,
#R-body-inner dd > .copy-to-clipboard .copy-to-clipboard-code,
#R-body-inner li > .copy-to-clipboard .copy-to-clipboard-code,
#R-body-inner li p > .copy-to-clipboard .copy-to-clipboard-code,
#R-body-inner th > .copy-to-clipboard .copy-to-clipboard-code,
#R-body-inner td > .copy-to-clipboard .copy-to-clipboard-code {
  display: inline-flex;
  align-items: center;
  max-width: min(100%, 48rem);
  overflow-x: auto;
  overflow-y: hidden;
  vertical-align: middle;
}

#R-body-inner p > .copy-to-clipboard .copy-to-clipboard-code,
#R-body-inner dd > .copy-to-clipboard .copy-to-clipboard-code,
#R-body-inner li > .copy-to-clipboard .copy-to-clipboard-code {
  min-height: 1.45rem;
  white-space: normal;
  overflow-wrap: anywhere;
}

#R-body-inner li p > .copy-to-clipboard .copy-to-clipboard-code,
#R-body-inner th > .copy-to-clipboard .copy-to-clipboard-code,
#R-body-inner td > .copy-to-clipboard .copy-to-clipboard-code {
  max-width: calc(100% - 1.9rem);
  overflow-x: visible;
  overflow-y: visible;
  white-space: normal;
  overflow-wrap: anywhere;
}

/* With disableInlineCopyToClipBoard: true, .copy-to-clipboard spans in
   table cells contain only the <code> element and no button. The flex
   container styling balloons height and allows unwanted wrapping.
   Restore normal inline behavior so code names render compactly.
   overflow-wrap: anywhere allows breaks when needed without the flex
   container overhead, preventing table overflow on narrow columns. */
#R-body-inner th > .copy-to-clipboard,
#R-body-inner td > .copy-to-clipboard {
  display: inline;
}

#R-body-inner th > .copy-to-clipboard .copy-to-clipboard-code,
#R-body-inner td > .copy-to-clipboard .copy-to-clipboard-code {
  display: inline;
  white-space: normal;
  overflow-wrap: anywhere;
}

#R-body-inner .copy-to-clipboard .inline-copy-to-clipboard-button {
  margin-left: 0;
  flex: 0 0 auto;
  align-self: center;
  position: relative;
  top: 0.12em;
}

#R-body-inner h1 > .copy-to-clipboard,
#R-body-inner h2 > .copy-to-clipboard,
#R-body-inner h3 > .copy-to-clipboard,
#R-body-inner h4 > .copy-to-clipboard,
#R-body-inner h5 > .copy-to-clipboard,
#R-body-inner h6 > .copy-to-clipboard {
  display: inline-flex;
  align-items: baseline;
  gap: 0.38rem;
  max-width: 100%;
  white-space: normal;
  flex-wrap: wrap;
  vertical-align: baseline;
}

#R-body-inner h1 > .copy-to-clipboard .copy-to-clipboard-code,
#R-body-inner h2 > .copy-to-clipboard .copy-to-clipboard-code,
#R-body-inner h3 > .copy-to-clipboard .copy-to-clipboard-code,
#R-body-inner h4 > .copy-to-clipboard .copy-to-clipboard-code,
#R-body-inner h5 > .copy-to-clipboard .copy-to-clipboard-code,
#R-body-inner h6 > .copy-to-clipboard .copy-to-clipboard-code {
  display: inline;
  max-width: 100%;
  overflow-x: visible;
  overflow-y: visible;
  white-space: normal;
  overflow-wrap: anywhere;
  vertical-align: baseline;
  padding: 0.05rem 0.2rem;
  font-size: 0.85em;
  line-height: 1.3;
}

#R-body-inner .inline-copy-to-clipboard-button button,
#R-body-inner .block-copy-to-clipboard-button button,
#R-body-inner .anchor.copyanchor button,
#R-topbar .copy-to-clipboard-button button,
#R-body-inner .inline-copy-to-clipboard-button i,
#R-body-inner .block-copy-to-clipboard-button i,
#R-body-inner .anchor.copyanchor i,
#R-topbar .copy-to-clipboard-button i {
  width: var(--mb-copy-icon-size);
  height: var(--mb-copy-icon-size);
  padding: 0;
  background: transparent !important;
  border: none !important;
  color: var(--mb-copy-icon) !important;
  fill: var(--mb-copy-icon) !important;
  vertical-align: middle;
}

#R-body-inner .inline-copy-to-clipboard-button button,
#R-body-inner .block-copy-to-clipboard-button button,
#R-body-inner .anchor.copyanchor button,
#R-topbar .copy-to-clipboard-button button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#R-body-inner .inline-copy-to-clipboard-button:hover,
#R-body-inner .block-copy-to-clipboard-button:hover,
#R-body-inner .anchor.copyanchor:hover,
#R-topbar .copy-to-clipboard-button:hover {
  background: var(--mb-copy-bg-hover) !important;
  border-color: var(--mb-copy-border-hover) !important;
}

#R-body-inner .inline-copy-to-clipboard-button:hover button,
#R-body-inner .block-copy-to-clipboard-button:hover button,
#R-body-inner .anchor.copyanchor:hover button,
#R-topbar .copy-to-clipboard-button:hover button,
#R-body-inner .inline-copy-to-clipboard-button:hover i,
#R-body-inner .block-copy-to-clipboard-button:hover i,
#R-body-inner .anchor.copyanchor:hover i,
#R-topbar .copy-to-clipboard-button:hover i {
  color: var(--mb-copy-icon-hover) !important;
  fill: var(--mb-copy-icon-hover) !important;
}

#R-body-inner h2 .anchor.copyanchor,
#R-body-inner h3 .anchor.copyanchor,
#R-body-inner h4 .anchor.copyanchor {
  opacity: 0.96;
}

#R-body-inner .noborder,
#R-topbar .noborder {
  border-radius: 0;
}

#R-footer {
  color: var(--mb-sidebar-muted);
}

#R-footer a {
  color: var(--mb-sidebar-text);
}

#R-topbar .topbar-breadcrumbs li:first-child + li::before {
  display: none;
}

#R-body-inner article > h2 + *,
#R-body-inner article > h3 + * {
  margin-top: 0.75rem;
}

#R-body-inner article header.headline > * {
  overflow: visible;
  white-space: normal;
}

#R-body-inner article header.headline:empty {
  display: none;
}

@media (min-width: 1500px) {
  #R-body-inner {
    padding-inline: clamp(1rem, 1.8vw, 2.4rem);
  }
}

@media (max-width: 1024px) {
  #R-body-inner {
    padding: 1rem;
  }

  #R-body-inner article {
    padding: 1.5rem;
  }
}

@media (max-width: 768px) {
  #R-body-inner article {
    padding: 1.35rem;
  }

  #R-body-inner h1 {
    font-size: clamp(1.9rem, 8.9vw, 2.55rem);
    line-height: 1.02;
    letter-spacing: -0.03em;
  }

  #R-body-inner p,
  #R-body-inner li,
  #R-body-inner td,
  #R-body-inner th {
    font-size: 1.02rem;
    line-height: 1.62;
  }

  #R-body-inner .actionbar-wrapper.wrap-code td:first-child pre {
    padding-right: 0.4rem !important;
    padding-left: 0.5rem !important;
  }

  #R-body-inner .actionbar-wrapper.wrap-code td:first-child pre > code > span {
    min-width: 1.6ch;
  }

  #R-body-inner .actionbar-wrapper.wrap-code pre,
  #R-body-inner .highlight pre,
  #R-body-inner pre {
    font-size: 0.84rem;
  }

  #R-body-inner table:not(.lntable) th:first-child,
  #R-body-inner table:not(.lntable) td:first-child,
  #R-body-inner table:not(.lntable) th:last-child,
  #R-body-inner table:not(.lntable) td:last-child {
    min-width: 0;
    width: auto;
  }

  #R-body-inner table:not(.lntable) {
    table-layout: fixed;
  }

  #R-body-inner table:not(.lntable) th,
  #R-body-inner table:not(.lntable) td {
    padding: 0.72rem 0.68rem;
  }

  #R-body-inner p > .copy-to-clipboard,
  #R-body-inner dd > .copy-to-clipboard,
  #R-body-inner li > .copy-to-clipboard,
  #R-body-inner li p > .copy-to-clipboard,
  #R-body-inner th > .copy-to-clipboard,
  #R-body-inner td > .copy-to-clipboard {
    align-items: flex-start;
    gap: 0.35rem;
  }

  #R-body-inner p > .copy-to-clipboard .copy-to-clipboard-code,
  #R-body-inner dd > .copy-to-clipboard .copy-to-clipboard-code,
  #R-body-inner li > .copy-to-clipboard .copy-to-clipboard-code,
  #R-body-inner li p > .copy-to-clipboard .copy-to-clipboard-code,
  #R-body-inner th > .copy-to-clipboard .copy-to-clipboard-code,
  #R-body-inner td > .copy-to-clipboard .copy-to-clipboard-code {
    max-width: 100%;
    overflow-x: visible;
  }

  #R-body-inner .inline-copy-to-clipboard-button {
    --mb-copy-size: 1.45rem;
    --mb-copy-icon-size: 1.35rem;
    margin-left: 0;
  }
}
