
#R-body,
#R-body-inner,
#R-main-overlay,
#R-body-overlay {
  background: transparent;
}

#R-body-inner {
  padding-top: 1.5rem;
  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 {
  background: rgba(249, 238, 215, 0.8);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(111, 73, 42, 0.14);
  box-shadow: 0 10px 24px rgba(67, 51, 37, 0.08);
}

.topbar-breadcrumbs,
.topbar-breadcrumbs a,
.topbar-button .btn,
.topbar-button button,
.topbar-button a {
  color: var(--mb-ink);
}

.topbar-button button:hover,
.topbar-button a:hover,
.topbar-breadcrumbs a:hover {
  color: var(--mb-primary-hover);
}

#R-sidebar {
  background: var(--mb-sidebar);
  color: var(--mb-sidebar-text);
  box-shadow: 16px 0 40px rgba(28, 21, 16, 0.18);
}

#R-sidebar::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 20%);
  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: 5.25rem;
  align-items: center;
  background: rgba(255, 244, 222, 0.05);
  border-bottom: 1px solid rgba(255, 241, 217, 0.08);
}

#R-logo .logo-title {
  font-family: 'Fraunces', serif;
  font-size: 1.7rem;
  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: 1;
}

#R-sidebar .searchbox {
  margin: 0.9rem 1rem 0.25rem;
  padding: 0.2rem 0.35rem;
  background: rgba(255, 248, 236, 0.08);
  border: 1px solid rgba(255, 238, 212, 0.14);
  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);
}

#R-sidebar .searchbox input::placeholder {
  color: rgba(243, 232, 212, 0.7);
}

#R-sidebar .R-sidebarmenu {
  position: relative;
  z-index: 1;
}

#R-sidebar ul li > a {
  margin: 0.12rem 0.75rem;
  padding-left: 0.9rem;
  padding-right: 0.9rem;
  border-radius: 0;
  color: var(--mb-sidebar-muted);
  transition: background-color 120ms ease, color 120ms ease, transform 120ms ease;
}

#R-sidebar ul li > a:hover {
  color: #fffaf2;
  background: rgba(255, 231, 191, 0.1);
  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: #fff9f1;
  background: rgba(211, 154, 77, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

#R-sidebar li.alwaysopen > a {
  color: #f4e7d2;
}

#R-sidebar .read-icon {
  color: rgba(255, 248, 236, 0.7);
}

#R-sidebar hr {
  border-color: rgba(255, 241, 217, 0.08);
}

#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: rgba(255, 246, 230, 0.12);
  border: 1px solid rgba(255, 238, 212, 0.14);
  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: rgba(255, 246, 230, 0.18);
  border-color: rgba(255, 238, 212, 0.22);
}

#R-body-inner > .flex-block-wrapper,
#R-body-inner article.default,
#R-body-inner article.chapter,
#R-body-inner article.home {
  background: var(--mb-paper);
  border: 1px solid var(--mb-border);
  border-radius: 0;
  box-shadow: var(--mb-shadow-lg);
  max-width: var(--MAIN-WIDTH-MAX);
  margin-left: auto;
  margin-right: auto;
}

#R-body-inner article {
  padding: clamp(2rem, 3vw, 3.5rem);
}

#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(2rem, 3.8vw, 3.2rem);
  line-height: 1.08;
  margin-bottom: 1.5rem;
  overflow: visible;
  padding-bottom: 0.08em;
}

#R-body-inner h2 {
  margin-top: 2.6rem;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid rgba(130, 93, 60, 0.18);
}

#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: 1.06rem;
  line-height: 1.72;
}

#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(--mb-primary-hover);
  padding: 0.18rem 0.42rem;
  border-radius: 0;
  border: 1px solid var(--mb-code-inline-border);
}

#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: 0 16px 32px rgba(22, 18, 16, 0.14);
}

#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);
}

#R-body-inner table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  max-width: 100%;
  table-layout: fixed;
  overflow: hidden;
  border: 1px solid var(--mb-table-border);
  border-radius: 0;
  box-shadow: var(--mb-shadow-sm);
  margin: 1.5rem 0;
}

#R-body-inner th,
#R-body-inner td {
  border: 1px solid var(--mb-table-border);
  padding: 0.65rem 0.85rem;
  overflow-wrap: anywhere;
}

#R-body-inner th {
  background: var(--mb-table-header-bg);
  color: var(--mb-text-primary);
}

#R-body-inner td {
  background: var(--mb-table-row-bg);
}

#R-body-inner tr:nth-child(even) td {
  background: var(--mb-table-striped-bg);
}

#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;
}

#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: 1px solid var(--mb-code-border) !important;
  background: var(--mb-code-gutter) !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 .actionbar-wrapper.wrap-code td:first-child pre {
  padding-right: 0.85rem !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: rgba(92, 81, 69, 0.72) !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 rgba(91, 76, 58, 0.14);
  background: rgba(251, 241, 219, 0.92);
  color: var(--mb-text-primary);
}

#R-sidebar .menu-control button,
#R-sidebar select {
  border-color: rgba(255, 238, 212, 0.14);
  background: rgba(255, 223, 181, 0.12);
  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: rgba(211, 154, 77, 0.38);
}

#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 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.28rem;
  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);
}

#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 {
  display: inline-flex;
  align-items: center;
  gap: 0.38rem;
  max-width: 100%;
  vertical-align: middle;
  white-space: nowrap;
}

#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 {
  display: inline-block;
  max-width: min(100%, 42rem);
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  vertical-align: middle;
}

#R-body-inner p > .copy-to-clipboard .inline-copy-to-clipboard-button,
#R-body-inner dd > .copy-to-clipboard .inline-copy-to-clipboard-button,
#R-body-inner li > .copy-to-clipboard .inline-copy-to-clipboard-button,
#R-body-inner li p > .copy-to-clipboard .inline-copy-to-clipboard-button {
  margin-left: 0;
  flex: 0 0 auto;
}

#R-body-inner th > .copy-to-clipboard,
#R-body-inner td > .copy-to-clipboard {
  display: inline-flex;
  align-items: flex-start;
  gap: 0.38rem;
  max-width: 100%;
  vertical-align: top;
  white-space: normal;
  flex-wrap: wrap;
}

#R-body-inner th > .copy-to-clipboard .copy-to-clipboard-code,
#R-body-inner td > .copy-to-clipboard .copy-to-clipboard-code {
  display: inline-block;
  max-width: calc(100% - 2.2rem);
  overflow-x: visible;
  overflow-y: visible;
  white-space: normal;
  overflow-wrap: anywhere;
  vertical-align: top;
}

#R-body-inner th > .copy-to-clipboard .inline-copy-to-clipboard-button,
#R-body-inner td > .copy-to-clipboard .inline-copy-to-clipboard-button {
  margin-left: 0;
  flex: 0 0 auto;
}

#R-body-inner li p > .copy-to-clipboard {
  max-width: 100%;
  white-space: normal;
  flex-wrap: wrap;
  align-items: flex-start;
}

#R-body-inner li p > .copy-to-clipboard .copy-to-clipboard-code {
  max-width: calc(100% - 2.2rem);
  overflow-x: visible;
  white-space: normal;
  overflow-wrap: anywhere;
}

#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 h1 > .copy-to-clipboard .inline-copy-to-clipboard-button,
#R-body-inner h2 > .copy-to-clipboard .inline-copy-to-clipboard-button,
#R-body-inner h3 > .copy-to-clipboard .inline-copy-to-clipboard-button,
#R-body-inner h4 > .copy-to-clipboard .inline-copy-to-clipboard-button,
#R-body-inner h5 > .copy-to-clipboard .inline-copy-to-clipboard-button,
#R-body-inner h6 > .copy-to-clipboard .inline-copy-to-clipboard-button {
  margin-left: 0;
  flex: 0 0 auto;
}

#R-body-inner .block-copy-to-clipboard-button {
  margin-left: 0;
}

#R-body-inner .anchor.copyanchor {
  margin-left: 0.45rem;
  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,
#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 {
  background: transparent !important;
  border: none !important;
  color: var(--mb-copy-icon) !important;
  fill: var(--mb-copy-icon) !important;
}

#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 {
  width: 1.85rem;
  height: 1.85rem;
  padding: 0;
}

#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;
}
