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

/* Worldfavor brand tokens mapped onto Scalar's theme variables (theme "none", light only). */
:root {
  --wf-green-dark: #062826;
  --wf-green-med: #074037;
  --wf-peach: #ff8165;
  --wf-peach-med: #ff9a83;
  --wf-peach-bright: #ffc8bc;
  --wf-grey-50: #f6f6f6;
  --wf-grey-100: #ececec;

  --scalar-font: 'Poppins', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --scalar-font-code: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --scalar-radius: 0;
  --scalar-radius-lg: 0;
  --scalar-radius-md: 0;
  --scalar-radius-xl: 0;
  --scalar-radius-2xl: 0;
  --scalar-radius-3xl: 0;
  --scalar-custom-header-height: 56px;
}

.light-mode {
  --scalar-color-1: #000000;
  --scalar-color-2: rgba(0, 0, 0, 0.8);
  --scalar-color-3: rgba(0, 0, 0, 0.6);
  --scalar-color-accent: var(--wf-green-dark);
  --scalar-background-1: #ffffff;
  --scalar-background-2: var(--wf-grey-50);
  --scalar-background-3: var(--wf-grey-100);
  --scalar-background-accent: rgba(0, 0, 0, 0.05);
  --scalar-border-color: rgba(0, 0, 0, 0.12);

  --scalar-button-1: var(--wf-peach);
  --scalar-button-1-color: #000000;
  --scalar-button-1-hover: var(--wf-peach-med);

  --scalar-color-green: #1f7a4d;
  --scalar-color-blue: #2b5fab;
  --scalar-color-orange: #b85a00;
  --scalar-color-red: #b3261e;
  --scalar-color-yellow: #8a6d00;
  --scalar-color-purple: #6b3fa0;

  --scalar-sidebar-background-1: var(--wf-grey-50);
  --scalar-sidebar-color-1: #000000;
  --scalar-sidebar-color-2: rgba(0, 0, 0, 0.7);
  --scalar-sidebar-border-color: rgba(0, 0, 0, 0.12);
  --scalar-sidebar-item-hover-background: rgba(0, 0, 0, 0.05);
  --scalar-sidebar-item-hover-color: #000000;
  --scalar-sidebar-item-active-background: var(--wf-grey-100);
  --scalar-sidebar-color-active: #000000;
  --scalar-sidebar-indent-border-active: var(--wf-peach);
  --scalar-sidebar-search-background: #ffffff;
  --scalar-sidebar-search-border-color: rgba(0, 0, 0, 0.2);
  --scalar-sidebar-search-color: rgba(0, 0, 0, 0.6);
}

body {
  background: #ffffff;
}

.wf-docs-header {
  position: sticky;
  top: 0;
  z-index: 100;
  height: var(--scalar-custom-header-height);
  display: flex;
  align-items: center;
  gap: 16px;
  padding-inline: 24px;
  background: var(--wf-green-dark);
  color: #ffffff;
  font: 500 14px/1 var(--scalar-font);
}

.wf-docs-header img {
  width: 28px;
  height: 28px;
  display: block;
}

.wf-docs-header .wf-docs-title {
  padding-left: 16px;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.wf-docs-header .wf-docs-spacer {
  flex: 1;
}

.wf-docs-header a {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  font-weight: 400;
}

.wf-docs-header a:hover {
  color: var(--wf-peach);
}

@media (max-width: 600px) {
  .wf-docs-header .wf-docs-link {
    display: none;
  }
}

/* Endpoint pages. Selectors use Scalar's semantic class names only, never its utility classes. */
/* Brand type scale: section (controller) headings are H1, endpoint titles H2. */
.tag-section-container > section.section .section-header-label {
  font-size: 32px;
  font-weight: 500;
  line-height: 1;
}

.operation-title .section-header-label {
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
}

/* Scalar pads every section by 90px and draws a divider under the section intro; keep a section
   and its first endpoint together. */
.tag-section-container > section.section {
  padding-bottom: 24px;
  border-bottom: 0 !important;
}

.tag-section-container > .contents > :first-child > section.section {
  padding-top: 24px;
  border-top: 0;
}

.operation-description .markdown p {
  font-weight: 300;
  line-height: 1.6;
}

.operation-details h4.section-header-label {
  font: 400 12px/1.2 var(--scalar-font);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--scalar-color-1);
  padding-bottom: 12px;
  border-color: var(--scalar-border-color);
}

/* Query parameters and top-level request body fields share one row layout. */
:is(.operation-details .parameter-item, .request-body-schema .property--level-1):not(:first-child) {
  /* Scalar strips row borders with an !important utility in a cascade layer, which beats ours. */
  box-shadow: inset 0 1px 0 var(--scalar-border-color);
}

:is(
  .operation-details ul:not(.responses-list--tree) > .parameter-item > .parameter-item-container > .property--level-0,
  .request-body-schema .property--level-1
) {
  display: grid;
  grid-template-columns: 11.5rem minmax(0, 1fr);
  column-gap: 24px;
  padding-block: 16px !important;
}

:is(
    .operation-details ul:not(.responses-list--tree) > .parameter-item > .parameter-item-container > .property--level-0,
    .request-body-schema .property--level-1
  )
  > * {
  grid-column: 1 / -1;
}

:is(
    .operation-details ul:not(.responses-list--tree) > .parameter-item > .parameter-item-container > .property--level-0,
    .request-body-schema .property--level-1
  )
  > .property-heading {
  grid-column: 1;
  grid-row: 1;
  flex-direction: column;
  align-items: flex-start;
  align-content: start;
}

:is(
    .operation-details ul:not(.responses-list--tree) > .parameter-item > .parameter-item-container > .property--level-0,
    .request-body-schema .property--level-1
  )
  > .property-description {
  grid-column: 2;
  grid-row: 1;
  margin-top: 0 !important;
}

.request-body-schema .schema-card--level-0 {
  border: 0;
  background: none;
}

.operation-details .property-required {
  font: 400 11px/1 var(--scalar-font);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  background: var(--wf-grey-100);
  color: #000000 !important;
  padding: 4px 5px !important;
  border-radius: 3px !important;
}

.operation-details .property-name {
  font-family: var(--scalar-font-code);
  font-weight: 500;
}

.operation-details .property-detail {
  font-family: var(--scalar-font-code);
  color: var(--scalar-color-3);
}

/* The request example is a deep-green code panel; the response example keeps Scalar's light card. */
.examples > .scalar-card:first-child {
  --scalar-background-1: var(--wf-green-dark);
  --scalar-background-2: var(--wf-green-dark);
  --scalar-background-3: var(--wf-green-med);
  --scalar-color-1: #ffffff;
  --scalar-color-2: rgba(255, 255, 255, 0.8);
  --scalar-color-3: rgba(255, 255, 255, 0.6);
  --scalar-border-color: rgba(255, 255, 255, 0.15);
  background: var(--wf-green-dark) !important;
  color: #ffffff;
  border: 0;
}

.examples > .scalar-card:first-child .request-method {
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.6);
  padding: 1px 8px;
  margin-right: 8px;
  font-family: var(--scalar-font-code);
  font-size: 12px;
}

.examples > .scalar-card .tab-selected {
  box-shadow: inset 0 -2px 0 var(--wf-peach);
}

/* Scalar draws its own underline under the selected status code; the peach line above replaces it. */
.examples > .scalar-card .tab-selected::after {
  display: none;
}

/* Scalar maps syntax colours to its own variables with more specific selectors, hence !important. */
.examples > .scalar-card:first-child .hljs,
.examples > .scalar-card:first-child .hljs-keyword,
.examples > .scalar-card:first-child .hljs-attr,
.examples > .scalar-card:first-child .hljs-literal {
  color: #ffffff !important;
}

.examples > .scalar-card:first-child .hljs-string {
  color: var(--wf-peach-bright) !important;
}

.examples > .scalar-card:first-child .hljs-number {
  color: var(--wf-peach-med) !important;
}

.examples > .scalar-card:first-child .hljs-punctuation {
  color: rgba(255, 255, 255, 0.6) !important;
}

.examples .show-api-client-button {
  background: var(--wf-peach);
  color: #000000;
  font-size: 13px !important;
  padding-right: 8px !important;
}

.examples .show-api-client-button:hover {
  background: var(--wf-peach-med);
}

/* Scalar adds an OAuth2 metadata URL field to the auth panel; we don't publish discovery metadata. */
tr:has([data-placeholder*='.well-known/oauth-authorization-server']) {
  display: none !important;
}

/* These link to Scalar's hosted client at client.scalar.com; Test Request stays on our own page. */
.open-api-client-button {
  display: none !important;
}

/* There is one auth scheme, so the auth type picker has nothing to choose. Scalar gives it no class
   of its own; it is the only popover button described by a heading ("Authentication"). */
button[id^='headlessui-popover-button'][aria-describedby] {
  display: none !important;
}

/* Every endpoint already has a language picker on its code sample. */
.scalar-reference-intro-clients {
  display: none !important;
}

/* The API has no OAuth scopes; Scalar renders the empty scopes row as a disabled disclosure. */
tr:has(button[id^='headlessui-disclosure-button'][disabled]) {
  display: none !important;
}

/* Credentials always go in the token request body (Auth0 client_secret_post), set in ApiReference.cs.
   The location dropdown is the only menu button in a Scalar auth table row. */
tr:has(button[aria-haspopup='menu']) {
  display: none !important;
}

/* The token URL comes from the spec and must not be changed or cleared: it is where the client
   secret is sent. Scalar marks the field only by its own placeholder URL. */
tr:has([data-placeholder$='scalar.com/token']) .scalar-icon-button {
  display: none !important;
}

tr:has([data-placeholder$='scalar.com/token']) [contenteditable] {
  -webkit-user-modify: read-only;
  pointer-events: none;
  user-select: text;
}

/* Heading copy-link buttons: replace Scalar's hash glyph with the Material Symbols "link" icon. */
[class*='group/heading'] > .relative > .scalar-button svg {
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M440-280H280q-83 0-141.5-58.5T80-480q0-83 58.5-141.5T280-680h160v80H280q-50 0-85 35t-35 85q0 50 35 85t85 35h160v80ZM320-440v-80h320v80H320Zm200 160v-80h160q50 0 85-35t35-85q0-50-35-85t-85-35H520v-80h160q83 0 141.5 58.5T880-480q0 83-58.5 141.5T680-280H520Z'/%3E%3C/svg%3E")
    center / contain no-repeat;
}

[class*='group/heading'] > .relative > .scalar-button svg > * {
  display: none;
}

/* Show only the type under a field name; formats such as int32 repeat what the type says. */
.operation-details .property-heading > .property-detail ~ .property-detail {
  display: none;
}

/* Scalar hides default values behind a dotted "Default" toggle; show them as a plain caption. */
.operation-details .property-default {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 4px;
  align-items: baseline;
  font: 400 12px/1.2 var(--scalar-font-code);
  color: var(--scalar-color-3);
}

.operation-details .property-default-label {
  pointer-events: none;
  text-decoration: none !important;
  border: 0 !important;
  padding: 0;
  font: inherit;
  color: inherit;
}

.operation-details .property-default-label span {
  border: 0 !important;
}
.operation-details .property-default-label::after {
  content: ':';
}

/* Fully rounded buttons. */
:is(.scalar-button, .scalar-icon-button, .scalar-code-copy, .show-api-client-button, .security-requirement-badge) {
  border-radius: 9999px !important;
}

/* Code panels and example cards get slightly rounded corners (intro code blocks are rounded below). */
.scalar-card {
  border-radius: 6px !important;
  overflow: hidden;
}

/* Scalar gives the request panel's footer (Test Request) a lighter shade; keep it one green block. */
.examples > .scalar-card:first-child .scalar-card-content {
  background: var(--wf-green-dark) !important;
}

/* Code sample language picker: Scalar shows a searchable menu grouped by language
   ("JavaScript > Fetch"). With three languages, show a plain list of language names instead. */
div:has(> input[aria-label='Search clients']),
[role='group']:has(> [role='option'][id$='/fetch'], > [role='option'][id$='/requests'], > [role='option'][id$='/curl'])
  > [id$='-label'],
:is([role='option'][id$='js/fetch'], [role='option'][id$='python/requests'], [role='option'][id$='shell/curl']) > div {
  display: none !important;
}

:is([role='option'][id$='js/fetch'], [role='option'][id$='python/requests'], [role='option'][id$='shell/curl']) > span,
[data-testid='client-picker'] {
  font-size: 0 !important;
}

:is([role='option'][id$='js/fetch'], [role='option'][id$='python/requests'], [role='option'][id$='shell/curl'])
  > span::after,
[data-testid='client-picker']::before {
  font-size: 14px;
}

[role='option'][id$='js/fetch'] > span::after,
[data-testid='client-picker'][aria-label$='JavaScript Fetch']::before {
  content: 'JavaScript';
}

[role='option'][id$='python/requests'] > span::after,
[data-testid='client-picker'][aria-label$='Python Requests']::before {
  content: 'Python';
}

[role='option'][id$='shell/curl'] > span::after,
[data-testid='client-picker'][aria-label$='Shell Curl']::before {
  content: 'cURL';
}

[data-testid='client-picker'] svg {
  width: 14px;
  height: 14px;
}

/* Anchor links belong on headings only, not on every parameter and field. */
.copy-link-trailing {
  display: none !important;
}

/* Scalar renders the default value as a floating copy popover; show it as inline text instead. */
.operation-details .property-default-value-list {
  display: inline-flex !important;
  position: static !important;
  inset: auto !important;
  transform: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  width: auto !important;
}

.operation-details .property-default-value {
  pointer-events: none;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  font: inherit;
  color: var(--scalar-color-2);
}

.operation-details .property-default-value svg {
  display: none;
}

/* "Required" next to Authentication opens the auth scheme menu, whose picker is hidden above, so
   the menu would float unanchored at the top left. Show it as a quiet, non-interactive tag shaped like
   the parameter REQUIRED tag, in a pale green, pushed to the right of the header. */
div:has(> [data-testid='auth-indicator']) {
  flex: 1;
}

[data-testid='auth-indicator'] {
  pointer-events: none;
  margin-left: auto;
  font: 400 12px/1 var(--scalar-font) !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.15) !important;
  color: rgba(255, 255, 255, 0.8) !important;
  padding: 4px 5px !important;
  border-radius: 3px !important;
}

/* Code boxes use the same 13px monospace size as parameter names and types. */
:is(.scalar-code-block, .markdown pre) :is(pre, code) {
  font-size: 13px !important;
}

/* Inline code in descriptions and the intro (code blocks keep their own box). */
.markdown :not(pre) > code {
  border-radius: 5px !important;
  padding: 2px 4px !important;
}

/* Responses are always application/json, so the content type shown on hover adds nothing. */
.responses-list--tree .parameter-item > div:has(> [aria-label='Selected Content Type']) {
  display: none !important;
}

/* Expand/collapse controls: a Material Symbols chevron instead of Scalar's plus and minus. */
.schema-glyph svg {
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z'/%3E%3C/svg%3E")
    center / contain no-repeat;
  transition: transform 0.15s ease;
}

.schema-glyph svg > * {
  display: none;
}

[aria-expanded='true'] .schema-glyph svg {
  transform: rotate(90deg);
}

/* Responses without a body (such as 404) read as one line, like the expandable ones. */
.responses-list--tree .parameter-item-container--static-tree > .property--level-0 {
  display: flex !important;
  flex-direction: row;
  align-items: baseline;
  gap: 6px;
}

.responses-list--tree .parameter-item-container--static-tree > .property--level-0 > .property-description {
  margin-top: 0 !important;
}

/* Schema tree guides: Scalar draws the guide as the panel's left border, so it runs on past an
   expanded last field. Cover it from the last field's heading down so the guide ends there.
   Rows sit 17px right of their panel's border. */
.schema-rail-panel ul > li.property:last-child {
  position: relative;
}

.schema-rail-panel ul > li.property:last-child::before {
  content: '';
  position: absolute;
  left: -18px;
  width: 3px;
  top: 16px;
  bottom: -8px;
  background: var(--scalar-background-1);
}

/* The request body heading is just BODY: the schema name is an internal C# type name (the fields are
   listed right below and under Models), and every body is application/json. */
[data-testid='request-body-schema-name'],
.request-body-header div:has(> .selected-content-type) {
  display: none !important;
}

/* The response card scrolls vertically with an overlay scrollbar; keep the copy button clear of it. */
.examples > .scalar-card:nth-child(2) .scalar-code-copy {
  right: 22px !important;
}

/* Rounded sidebar items (visible when hovered or selected), dropdown panels and their options. */
ul[class*='group/items'] :is(a, button),
[id^='headlessui-popover-panel'],
[id^='headlessui-popover-panel'] > .shadow-lg,
[role='option'] {
  border-radius: 5px !important;
}

/* Tables in descriptions (the date prefix table) and in the intro (pagination parameters): a compact
   list that matches the parameter rows instead of Scalar's boxed markdown table. */
:is(.property-description, .introduction-description) .markdown table {
  display: table;
  width: 100%;
  margin: 12px 0;
  border: 0 !important;
  border-collapse: collapse;
  font-size: 13px;
}

:is(.property-description, .introduction-description) .markdown :is(th, td) {
  font-size: 13px !important;
  border: 0 !important;
  border-top: 1px solid var(--scalar-border-color) !important;
  background: none !important;
  padding: 8px 16px 8px 0 !important;
  vertical-align: top;
}

/* Header cells use the same style as the QUERY PARAMETERS heading. */
:is(.property-description, .introduction-description) .markdown th {
  font: 400 12px/1.2 var(--scalar-font) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase;
  white-space: nowrap;
  border-top: 0 !important;
  color: var(--scalar-color-1);
}

:is(.property-description, .introduction-description) .markdown th strong {
  font-weight: inherit;
}

:is(.property-description, .introduction-description) .markdown :is(th, td):first-child {
  width: 1%;
  white-space: nowrap;
}

/* The intro cards (Server, Authentication) have no border of their own: their header and rows draw
   it, so clipping the card would cut those borders. Round Scalar's own top and bottom pieces instead. */
.introduction-card-item {
  --scalar-radius: 8px;
  --scalar-radius-lg: 8px;
  --scalar-radius-xl: 8px;
}

/* Body text at the brand's 14px. Scalar leaves it at the browser default (16px). */
:is(.introduction-description, .operation-description, .section-content) .markdown {
  font-size: 14px;
}

/* A section closed from the sidebar is just its heading and description; the sidebar reopens it. */
.tag-section-collapsed .show-more,
.tag-section-collapsed .section-column > .scalar-card {
  display: none !important;
}

.tag-section-collapsed,
.tag-section-collapsed > section.section {
  background: none !important;
}

/* Intro header: no version chips (the version is in every URL and the Server box). */
.introduction-section .section-content > div:has(> .badge) {
  display: none !important;
}

/* The spec download is a plain link with a download icon. The header's "OpenAPI spec" link opens the
   JSON in the browser; this one downloads the file. */
.download-container {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.download-button {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  color: var(--scalar-color-1);
  cursor: pointer;
}

.download-button::before {
  content: '';
  position: static !important;
  inset: auto !important;
  flex: none;
  border: 0 !important;
  box-shadow: none !important;
  width: 18px !important;
  height: 18px !important;
  background-color: currentColor !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M480-320 280-520l56-58 104 104v-326h80v326l104-104 56 58-200 200ZM240-160q-33 0-56.5-23.5T160-240v-120h80v120h480v-120h80v120q0 33-23.5 56.5T720-160H240Z'/%3E%3C/svg%3E")
    center / contain no-repeat;
}

.download-button > span {
  font-size: 0 !important;
  text-decoration: none !important;
  border: 0 !important;
}

.download-button > span::after {
  content: 'Download OpenAPI spec (JSON)';
  font: 400 14px/1.4 var(--scalar-font);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: rgba(0, 0, 0, 0.2);
}

.download-button:hover,
.download-button:hover > span {
  color: var(--wf-peach) !important;
}

.download-button:hover > span::after {
  text-decoration-color: currentColor;
}

.download-button .extension {
  display: none !important;
}

/* Intro cards (Base URL, Authentication) in the same deep green as the request panel. */
.introduction-card-item {
  --scalar-background-1: var(--wf-green-dark);
  --scalar-background-2: var(--wf-green-med);
  --scalar-background-3: var(--wf-green-med);
  --scalar-color-1: #ffffff;
  --scalar-color-2: rgba(255, 255, 255, 0.8);
  --scalar-color-3: rgba(255, 255, 255, 0.6);
  --scalar-border-color: rgba(255, 255, 255, 0.15);
  color: #ffffff;
  background: var(--wf-green-dark);
  border-radius: 8px;
}

/* "Server" reads as "Base URL": every endpoint path is relative to it. */
.scalar-reference-intro-server > label {
  font-size: 0 !important;
}

.scalar-reference-intro-server > label::before {
  content: 'Base URL';
  font-size: 14px;
}

/* Authorize matches the Test Request button. */
.scalar-reference-intro-auth .scalar-button:not(.scalar-icon-button) {
  height: 24px;
  padding: 1px 8px !important;
  font-size: 13px !important;
  font-weight: 500;
  background: #ffffff !important;
  color: #000000 !important;
}

/* More room in the intro cards: 40px rows instead of Scalar's 32px, 16px side padding. */
.scalar-reference-intro-server > label {
  height: 40px !important;
  padding: 0 16px !important;
}

.scalar-reference-intro-server > div > div {
  min-height: 40px;
  padding: 10px 16px !important;
}

.scalar-reference-intro-auth button[id^='headlessui-disclosure-button'] {
  max-height: none !important;
  padding: 10px 16px !important;
}

.scalar-reference-intro-auth td {
  min-height: 40px !important;
  max-height: none !important;
}

.scalar-reference-intro-auth td > div:first-child {
  padding-left: 16px !important;
}

.scalar-reference-intro-auth div:has(> .scalar-button:not(.scalar-icon-button)) {
  height: 40px !important;
  padding-right: 10px;
}

/* Page title at the brand's Hero size, above the 32px section headings. */
.introduction-section h1.section-header-label {
  font-size: 40px !important;
  font-weight: 500;
  line-height: 1;
}

/* Auth field labels share one width so the inputs line up. */
.scalar-reference-intro-auth td > div:first-child {
  flex: none;
  width: 120px;
}

/* Values in the intro cards (base URL, token URL, client ID and secret) in 13px monospace. */
.scalar-reference-intro-server > div > div,
.scalar-reference-intro-auth td > div:first-child ~ div,
.scalar-reference-intro-auth td > div:first-child ~ div :is(input, [contenteditable]),
.scalar-reference-intro-auth td > div:first-child ~ div input::placeholder {
  font-family: var(--scalar-font-code) !important;
  font-size: 13px !important;
}

/* Intro card titles (Base URL, Authentication) in semibold. */
.scalar-reference-intro-server > label::before,
.scalar-reference-intro-auth button[id^='headlessui-disclosure-button'] {
  font-weight: 600 !important;
}

/* Show Schema keeps the same weight when ticked (Scalar makes it medium). */
.scalar-card-checkbox {
  font-weight: 400 !important;
}

/* Rounded search box (the only sidebar button with a keyboard shortcut) and intro code blocks,
   whose background is drawn by the inner code element. */
aside button:has(kbd),
.introduction-description .markdown pre code {
  border-radius: 6px !important;
}

/* Intro code blocks: the same hairline as inline code, drawn inside the block so it isn't clipped
   at the edges. */
.introduction-description .markdown pre code {
  box-shadow: inset 0 0 0 0.5px var(--scalar-border-color) !important;
  border: 0 !important;
}

/* Selected sidebar item: its stretch of the indent line in peach, thick enough to read as a marker. */
.scalar-sidebar-indent-selected .scalar-sidebar-indent-border ~ div {
  width: 2px !important;
  transform: translateX(-0.75px);
}

/* The sidebar footer only holds the "Powered by Scalar" link once the dark mode toggle is hidden. */
.darklight-reference {
  display: none !important;
}