/* === gateline — TypeDoc skin ================================================
   Loaded by TypeDoc as `customCss` (typedoc.json), which copies this file to
   api/assets/custom.css and links it after the theme's own style.css. The
   theme keeps its rules inside `@layer typedoc`; these rules are unlayered,
   so they win on every tie without !important.

   What it does, in order:
     1. loads the site's vendored fonts (paths resolve from api/assets/);
     2. sets TypeDoc's --light-color-* variables to the site's tokens, and
        the --dark-color-* variables to the same light values, so a visitor
        whose OS prefers dark still gets the light site next to the light
        pages, and hides the theme toggle;
     3. restyles the parts of the theme the variables do not reach: fonts,
        the container width, the toolbar, code panels and signatures,
        navigation, tables, focus.

   The tokens repeat assets/site.css by value. Keep the two in step.
   ========================================================================== */

/* ---- fonts (paths relative to api/assets/custom.css) -------------------- */

@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../../assets/fonts/public-sans/PublicSans-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Public Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../../assets/fonts/public-sans/PublicSans-Italic.woff2") format("woff2");
}

@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../../assets/fonts/public-sans/PublicSans-SemiBold.woff2") format("woff2");
}

@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../../assets/fonts/public-sans/PublicSans-Bold.woff2") format("woff2");
}

@font-face {
  font-family: "Atkinson Hyperlegible Next";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../../assets/fonts/atkinson-hyperlegible-next/AtkinsonHyperlegibleNext-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Atkinson Hyperlegible Next";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../../assets/fonts/atkinson-hyperlegible-next/AtkinsonHyperlegibleNext-Medium.woff2") format("woff2");
}

@font-face {
  font-family: "Atkinson Hyperlegible Next";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../../assets/fonts/atkinson-hyperlegible-next/AtkinsonHyperlegibleNext-Bold.woff2") format("woff2");
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../../assets/fonts/ibm-plex-mono/IBMPlexMono-Regular-Latin1.woff2") format("woff2");
  unicode-range: U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02;
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../../assets/fonts/ibm-plex-mono/IBMPlexMono-Regular-Latin2.woff2") format("woff2");
  unicode-range: U+0100-0101, U+0104-0130, U+0132-0151, U+0154-017F, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01FA-01FF, U+0218-021B, U+0237, U+0259, U+1E80-1E85, U+1E9E, U+20A1, U+20A4, U+20A6, U+20A8-20AA, U+20AD-20AE, U+20B1-20B2, U+20B4-20B5, U+20B8-20BA, U+20BD, U+20BF;
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../../assets/fonts/ibm-plex-mono/IBMPlexMono-Medium-Latin1.woff2") format("woff2");
  unicode-range: U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02;
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../../assets/fonts/ibm-plex-mono/IBMPlexMono-Medium-Latin2.woff2") format("woff2");
  unicode-range: U+0100-0101, U+0104-0130, U+0132-0151, U+0154-017F, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01FA-01FF, U+0218-021B, U+0237, U+0259, U+1E80-1E85, U+1E9E, U+20A1, U+20A4, U+20A6, U+20A8-20AA, U+20AD-20AE, U+20B1-20B2, U+20B4-20B5, U+20B8-20BA, U+20BD, U+20BF;
}

@font-face {
  font-family: "Overpass";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../../assets/fonts/overpass/Overpass-Bold.woff2") format("woff2");
}

/* ---- tokens -------------------------------------------------------------- */

:root {
  color-scheme: light;

  /* The site's palette, by value (assets/site.css is the source of truth). */
  --gl-ground: #ffffff;
  --gl-surface: #f2f3f4;
  --gl-ink: #0b0c0c;
  --gl-muted: #4f5459;
  --gl-line: #c8cacc;
  --gl-line-strong: #0b0c0c;
  --gl-accent: #1d70b8;
  --gl-accent-hover: #0b3d78;
  --gl-accent-underline: #9cc1e3;
  --gl-approved: #0f7a52;
  --gl-declined: #c03030;
  --gl-focus: #ffdd00;
  --gl-caution-bg: #fff8d6;
  --gl-caution-label: #7a6400;
  --gl-selection: #d6e6f5;

  --gl-font-body: "Public Sans", "Helvetica Neue", Arial, sans-serif;
  --gl-font-ui: "Atkinson Hyperlegible Next", "Public Sans", Arial, sans-serif;
  --gl-font-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, Consolas, monospace;

  --gl-frame-w: 1320px;
  --gl-gutter: 24px;
  --gl-sidebar-w: 256px;
  --gl-rail-w: 200px;
  --gl-col-gap: 48px;

  /* TypeDoc's light theme, in the site's colours. */
  --light-color-background: var(--gl-ground);
  --light-color-background-secondary: var(--gl-surface);
  --light-color-warning-text: var(--gl-ink);
  --light-color-background-warning: var(--gl-caution-bg);
  --light-color-accent: var(--gl-line);
  --light-color-active-menu-item: var(--gl-surface);
  --light-color-text: var(--gl-ink);
  --light-color-text-aside: var(--gl-muted);
  --light-color-icon-background: var(--gl-ground);
  --light-color-icon-text: var(--gl-ink);
  --light-color-comment-tag-text: var(--gl-ink);
  --light-color-comment-tag: var(--gl-surface);
  --light-color-link: var(--gl-accent);
  --light-color-focus-outline: var(--gl-focus);

  /* Reflection kinds: TypeDoc paints twelve hues; the site has four code
     tones (ink, accent, approved, muted). Containers and values are ink,
     callables are accent, shapes (interfaces, type aliases) are approved,
     and the rest is muted. */
  --light-color-ts-keyword: var(--gl-accent);
  --light-color-ts-project: var(--gl-ink);
  --light-color-ts-module: var(--gl-ink);
  --light-color-ts-namespace: var(--gl-ink);
  --light-color-ts-enum: var(--gl-muted);
  --light-color-ts-enum-member: var(--gl-muted);
  --light-color-ts-variable: var(--gl-ink);
  --light-color-ts-function: var(--gl-accent);
  --light-color-ts-class: var(--gl-accent);
  --light-color-ts-interface: var(--gl-approved);
  --light-color-ts-constructor: var(--gl-accent);
  --light-color-ts-property: var(--gl-ink);
  --light-color-ts-method: var(--gl-accent);
  --light-color-ts-reference: var(--gl-muted);
  --light-color-ts-call-signature: var(--gl-accent);
  --light-color-ts-index-signature: var(--gl-ink);
  --light-color-ts-constructor-signature: var(--gl-accent);
  --light-color-ts-parameter: var(--gl-ink);
  --light-color-ts-type-parameter: var(--gl-muted);
  --light-color-ts-accessor: var(--gl-accent);
  --light-color-ts-get-signature: var(--gl-accent);
  --light-color-ts-set-signature: var(--gl-accent);
  --light-color-ts-type-alias: var(--gl-approved);
  --light-color-document: var(--gl-ink);

  --light-color-alert-note: var(--gl-accent);
  --light-color-alert-tip: var(--gl-approved);
  --light-color-alert-important: var(--gl-accent);
  --light-color-alert-warning: var(--gl-caution-label);
  --light-color-alert-caution: var(--gl-declined);
  --light-color-scheme: light;

  /* The dark theme is the light theme. A reader whose OS prefers dark, or who
     once chose "Dark" in TypeDoc's toggle on another site (the choice is in
     localStorage under the same key), gets the same page as everyone else. */
  --dark-color-background: var(--light-color-background);
  --dark-color-background-secondary: var(--light-color-background-secondary);
  --dark-color-background-warning: var(--light-color-background-warning);
  --dark-color-warning-text: var(--light-color-warning-text);
  --dark-color-accent: var(--light-color-accent);
  --dark-color-active-menu-item: var(--light-color-active-menu-item);
  --dark-color-text: var(--light-color-text);
  --dark-color-text-aside: var(--light-color-text-aside);
  --dark-color-icon-background: var(--light-color-icon-background);
  --dark-color-icon-text: var(--light-color-icon-text);
  --dark-color-comment-tag-text: var(--light-color-comment-tag-text);
  --dark-color-comment-tag: var(--light-color-comment-tag);
  --dark-color-link: var(--light-color-link);
  --dark-color-focus-outline: var(--light-color-focus-outline);
  --dark-color-ts-keyword: var(--light-color-ts-keyword);
  --dark-color-ts-project: var(--light-color-ts-project);
  --dark-color-ts-module: var(--light-color-ts-module);
  --dark-color-ts-namespace: var(--light-color-ts-namespace);
  --dark-color-ts-enum: var(--light-color-ts-enum);
  --dark-color-ts-enum-member: var(--light-color-ts-enum-member);
  --dark-color-ts-variable: var(--light-color-ts-variable);
  --dark-color-ts-function: var(--light-color-ts-function);
  --dark-color-ts-class: var(--light-color-ts-class);
  --dark-color-ts-interface: var(--light-color-ts-interface);
  --dark-color-ts-constructor: var(--light-color-ts-constructor);
  --dark-color-ts-property: var(--light-color-ts-property);
  --dark-color-ts-method: var(--light-color-ts-method);
  --dark-color-ts-reference: var(--light-color-ts-reference);
  --dark-color-ts-call-signature: var(--light-color-ts-call-signature);
  --dark-color-ts-index-signature: var(--light-color-ts-index-signature);
  --dark-color-ts-constructor-signature: var(--light-color-ts-constructor-signature);
  --dark-color-ts-parameter: var(--light-color-ts-parameter);
  --dark-color-ts-type-parameter: var(--light-color-ts-type-parameter);
  --dark-color-ts-accessor: var(--light-color-ts-accessor);
  --dark-color-ts-get-signature: var(--light-color-ts-get-signature);
  --dark-color-ts-set-signature: var(--light-color-ts-set-signature);
  --dark-color-ts-type-alias: var(--light-color-ts-type-alias);
  --dark-color-document: var(--light-color-document);
  --dark-color-alert-note: var(--light-color-alert-note);
  --dark-color-alert-tip: var(--light-color-alert-tip);
  --dark-color-alert-important: var(--light-color-alert-important);
  --dark-color-alert-warning: var(--light-color-alert-warning);
  --dark-color-alert-caution: var(--light-color-alert-caution);
  --dark-external-icon: var(--light-external-icon);
  --dark-color-scheme: light;

  /* Code panels: highlight.css paints pre/code with --code-background, which
     is white in the light-plus theme; the site's panel is the surface. */
  --light-code-background: var(--gl-surface);
  --dark-code-background: var(--gl-surface);
}

html {
  color-scheme: light;
}

/* The toggle would offer a dark theme this skin has removed. */
.tsd-theme-toggle {
  display: none;
}

::selection {
  background: var(--gl-selection);
  color: var(--gl-ink);
}

/* ---- base ---------------------------------------------------------------- */

body {
  font-family: var(--gl-font-body);
  font-size: 1rem;              /* 16px: denser than the prose pages' 17 */
  line-height: 1.5;
  color: var(--gl-ink);
  background: var(--gl-ground);
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--gl-font-body);
  color: var(--gl-ink);
  letter-spacing: -0.01em;
}

h1 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.015em;
}

h2 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25;
}

h3 {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
}

h4,
h5,
h6 {
  font-weight: 600;
  letter-spacing: 0;
}

a {
  color: var(--gl-accent);
}

a:hover {
  color: var(--gl-accent-hover);
}

/* Prose links carry the site's pale underline; navigation links do not. */
.tsd-typography a,
.tsd-comment a,
.tsd-sources a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--gl-accent-underline);
  text-underline-offset: 0.18em;
}

.tsd-typography a:hover,
.tsd-comment a:hover {
  text-decoration-color: var(--gl-accent-hover);
}

.tsd-typography {
  line-height: 1.5;
}

:focus-visible {
  outline: 3px solid var(--gl-focus);
  outline-offset: 2px;
}

a:focus-visible {
  outline-offset: 0;
  background: var(--gl-focus);
  color: var(--gl-ink);
  text-decoration: none;
}

/* ---- code ---------------------------------------------------------------- */

code,
pre,
kbd,
samp,
.tsd-signature {
  font-family: var(--gl-font-mono);
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "calt" 0;
}

code,
pre {
  border-radius: 3px;
  background: var(--gl-surface);
  color: var(--gl-ink);
}

code {
  padding: 0.05em 0.2em;
  font-size: 0.875em;
}

h1 code,
h2 code,
h3 code,
h4 code {
  padding: 0;
  background: none;
  font-size: 0.9em;
}

pre {
  padding: 12px 16px;
  border: 1px solid var(--gl-line);
  font-size: 0.875rem;
  line-height: 1.6;
  white-space: pre;
  overflow-x: auto;
  tab-size: 4;
}

pre code {
  font-size: 100%;
}

/* TypeDoc's copy button, in the UI face on the panel's surface. */
pre > button {
  padding: 2px 8px;
  border: 1px solid var(--gl-line);
  border-radius: 3px;
  background: var(--gl-ground);
  color: var(--gl-muted);
  font-family: var(--gl-font-ui);
  font-size: 0.75rem;
  cursor: pointer;
}

pre > button:hover {
  color: var(--gl-ink);
  border-color: var(--gl-ink);
}

.tsd-signature {
  padding: 12px 16px;
  border: 1px solid var(--gl-line);
  border-radius: 3px;
  background: var(--gl-surface);
  font-size: 0.875rem;
  line-height: 1.6;
}

.tsd-signatures .tsd-signature {
  border-width: 1px;
  border-radius: 3px;
}

.tsd-signatures .tsd-signature + .tsd-signature {
  margin-top: 8px;
}

.tsd-signature-keyword {
  color: var(--gl-accent);
}

.tsd-signature-symbol {
  color: var(--gl-muted);
}

/* Inline code inside a signature is already on the panel. */
.tsd-signature code {
  padding: 0;
  background: none;
}

code.tsd-tag {
  font-family: var(--gl-font-ui);
  font-weight: 700;
  border: 1px solid var(--gl-line);
  border-radius: 3px;
  background: var(--gl-ground);
}

.tsd-flag {
  border-radius: 3px;
  background: var(--gl-surface);
  color: var(--gl-muted);
  font-family: var(--gl-font-ui);
  font-weight: 500;
}

blockquote {
  border-left: 1px solid var(--gl-line);
  color: var(--gl-muted);
}

/* ---- alerts -------------------------------------------------------------- */

.tsd-alert {
  padding: 12px 16px 14px;
  border: 1px solid var(--gl-line);
  border-left-width: 1px;
  border-radius: 3px;
  background: var(--gl-surface);
}

.tsd-alert-title {
  font-family: var(--gl-font-ui);
  font-size: 0.875rem;
  font-weight: 700;
}

/* ---- frame --------------------------------------------------------------- */

.container {
  max-width: var(--gl-frame-w);
  padding: 0 var(--gl-gutter);
  box-sizing: border-box;
}

.tsd-page-toolbar {
  background: var(--gl-ground);
  border-bottom: 1px solid var(--gl-line);
  font-family: var(--gl-font-ui);
  font-size: 0.875rem;
  transition: none;
}

.tsd-page-toolbar a.title {
  font-weight: 700;
  color: var(--gl-ink);
}

.tsd-page-toolbar a.title:hover {
  color: var(--gl-accent);
  text-decoration: none;
}

.tsd-widget {
  opacity: 1;
  color: var(--gl-muted);
}

.tsd-widget:hover {
  color: var(--gl-ink);
}

#tsd-search .field input {
  font-family: var(--gl-font-ui);
  font-size: 0.875rem;
  color: var(--gl-ink);
  background: var(--gl-surface);
  border: 1px solid var(--gl-line);
  border-radius: 3px;
}

#tsd-search .results {
  border: 1px solid var(--gl-line);
  border-radius: 0 0 3px 3px;
  box-shadow: none;
  background: var(--gl-ground);
  font-family: var(--gl-font-ui);
  font-size: 0.875rem;
}

#tsd-search .results li,
#tsd-search .results li:nth-child(even) {
  background: var(--gl-ground);
}

#tsd-search .results li.current:not(.no-results),
#tsd-search .results li:hover:not(.no-results) {
  background: var(--gl-surface);
}

#tsd-search .results span.parent {
  color: var(--gl-muted);
}

footer {
  border-top: 1px solid var(--gl-line);
  font-family: var(--gl-font-ui);
  font-size: 0.875rem;
  color: var(--gl-muted);
}

/* ---- columns ------------------------------------------------------------- */

@media (min-width: 770px) {
  .container-main {
    grid-template-columns: var(--gl-sidebar-w) minmax(0, 1fr);
    column-gap: 40px;
    margin: 0 auto;
  }

  .col-content {
    padding: 40px 0 64px;
  }
}

@media (min-width: 1200px) {
  .container-main {
    grid-template-columns: var(--gl-sidebar-w) minmax(0, 1fr) var(--gl-rail-w);
    column-gap: var(--gl-col-gap);
  }

  .page-menu {
    padding-left: 0;
  }
}

@media (min-width: 770px) {
  .site-menu,
  .page-menu,
  .col-sidebar {
    padding-top: 40px;
    margin-top: 0;
  }
}

/* ---- navigation (left tree, right rail) ---------------------------------- */

.tsd-navigation,
.tsd-page-navigation,
.tsd-breadcrumb,
.tsd-sources,
.tsd-page-navigation-section > summary {
  font-family: var(--gl-font-ui);
  font-size: 0.875rem;
  line-height: 1.45;
}

.tsd-navigation a,
.tsd-page-navigation a {
  color: var(--gl-muted);
  border-radius: 0;
}

.tsd-navigation a:hover,
.tsd-page-navigation a:hover {
  color: var(--gl-ink);
  text-decoration: none;
}

/* Current page: signal text and the 3px rule on the tree's right edge, the
   same mark as the prose pages' sidebar. */
.tsd-navigation a.current,
.tsd-page-navigation a.current {
  background: none;
  color: var(--gl-accent);
  font-weight: 700;
  box-shadow: inset -3px 0 0 var(--gl-accent);
}

.tsd-navigation .tsd-accordion-summary,
.tsd-navigation summary > span {
  font-family: var(--gl-font-ui);
}

.tsd-accordion-summary,
.tsd-accordion-summary a {
  color: var(--gl-ink);
}

/* The "On This Page" and "Settings" headings: the rail titles' 2px ink rule. */
.page-menu .tsd-navigation.settings > details > summary h3,
details.tsd-page-navigation > summary h3 {
  font-family: var(--gl-font-ui);
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0;
}

details.tsd-page-navigation > summary {
  padding-top: 8px;
  border-top: 2px solid var(--gl-line-strong);
}

.settings-label {
  font-family: var(--gl-font-ui);
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--gl-muted);
}

.tsd-filter-input {
  font-family: var(--gl-font-ui);
  font-size: 0.875rem;
}

.tsd-filter-input svg {
  border-radius: 3px;
}

.tsd-checkbox-background {
  fill: var(--gl-surface);
  stroke: var(--gl-line);
  stroke-width: 1.5px;
}

.tsd-breadcrumb a {
  color: var(--gl-muted);
}

.tsd-breadcrumb a:hover {
  color: var(--gl-ink);
}

/* ---- members, index, tables ---------------------------------------------- */

.tsd-panel-group.tsd-index-group .tsd-accordion-summary h2,
.tsd-panel-group > .tsd-accordion-summary h2 {
  padding-bottom: 6px;
  border-bottom: 1px solid var(--gl-line);
}

.tsd-index-heading {
  font-family: var(--gl-font-ui);
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--gl-muted);
}

.tsd-index-panel .tsd-index-list li {
  font-family: var(--gl-font-ui);
  font-size: 0.9375rem;
}

.tsd-member {
  border-top: 1px solid var(--gl-line);
  padding-top: 16px;
}

/* The theme gives panel headings -1.5rem side margins (and matching padding)
   from when panels were padded boxes; ours are not, and on a phone the
   overhang was 8px of sideways scroll. */
.tsd-panel > h1,
.tsd-panel > h2,
.tsd-panel > h3 {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.tsd-member .tsd-anchor + h3 {
  font-family: var(--gl-font-mono);
  font-size: 1.0625rem;
  font-weight: 500;
  letter-spacing: 0;
}

/* Reference rows ("Name → Name") are inline-flex in the theme and cannot
   wrap; on a phone the long constant names pushed the page sideways. */
.tsd-member-summary-name {
  font-family: var(--gl-font-mono);
  flex-wrap: wrap;
  max-width: 100%;
}

.tsd-anchor-icon svg {
  color: var(--gl-muted);
}

.tsd-typography table {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--gl-font-ui);
  font-size: 0.875rem;
  line-height: 1.45;
  font-variant-numeric: tabular-nums;
}

.tsd-typography th,
.tsd-typography td {
  padding: 8px 12px;
  text-align: left;
  vertical-align: top;
  border: 0;
  border-bottom: 1px solid var(--gl-line);
}

.tsd-typography th {
  font-weight: 700;
  background: var(--gl-surface);
  border-bottom: 2px solid var(--gl-line-strong);
}

.tsd-typography thead,
.tsd-typography tr:nth-child(even) {
  background: transparent;
}

ul.tsd-parameter-list h5,
ul.tsd-type-parameter-list h5 {
  font-family: var(--gl-font-mono);
  font-weight: 500;
  font-size: 0.9375rem;
}

/* Hierarchy and "Defined in" lines are audit-time reading: muted. */
.tsd-sources,
.tsd-hierarchy {
  color: var(--gl-muted);
}

/* ---- phone --------------------------------------------------------------- */

@media (max-width: 769px) {
  .container {
    padding: 0 16px;
  }

  .col-content {
    padding: 24px 0 40px;
  }

  h1 {
    font-size: 1.75rem;
  }

  /* The slide-in tree: the site's surface band. */
  html .col-sidebar {
    background-color: var(--gl-ground);
    border-left: 1px solid var(--gl-line);
    padding-top: 24px;
  }
}