@scalar/api-reference 1.59.2 → 1.60.0

package/dist/vue-styles.css

@@ -396,6 +396,48 @@ to {
   display: none;
 }
 
+.section-column[data-v-699c28e3] {
+  flex: 1;
+  min-width: 0;
+}
+@container narrow-references-container (max-width: 900px) {
+.section-column[data-v-699c28e3]:nth-of-type(2) {
+    padding-top: 0;
+}
+}
+
+.section-columns[data-v-8b9602bf] {
+  display: flex;
+  gap: 48px;
+}
+@container narrow-references-container (max-width: 900px) {
+.section-columns[data-v-8b9602bf] {
+    flex-direction: column;
+    gap: 24px;
+}
+}
+
+.sticky-cards[data-v-1bd6e256] {
+  display: flex;
+  flex-direction: column;
+  position: sticky;
+  top: calc(var(--refs-viewport-offset) + 24px);
+}
+
+/* Pulsing placeholder, matching the look of the rest of the loading states. */
+.introduction-skeleton[data-v-1bd6e256] {
+  background: var(--scalar-background-3);
+  animation: introduction-skeleton-pulse-1bd6e256 1.5s infinite alternate;
+}
+@keyframes introduction-skeleton-pulse-1bd6e256 {
+from {
+    opacity: 1;
+}
+to {
+    opacity: 0.33;
+}
+}
+
 .section[data-v-be4443e9] {
   position: relative;
   display: flex;
@@ -426,27 +468,6 @@ to {
   border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
 }
 
-.section-column[data-v-699c28e3] {
-  flex: 1;
-  min-width: 0;
-}
-@container narrow-references-container (max-width: 900px) {
-.section-column[data-v-699c28e3]:nth-of-type(2) {
-    padding-top: 0;
-}
-}
-
-.section-columns[data-v-8b9602bf] {
-  display: flex;
-  gap: 48px;
-}
-@container narrow-references-container (max-width: 900px) {
-.section-columns[data-v-8b9602bf] {
-    flex-direction: column;
-    gap: 24px;
-}
-}
-
 .section-container[data-v-20a1472a] {
   position: relative;
   padding: 0 60px;
@@ -462,53 +483,23 @@ to {
 }
 }
 
-.loading[data-v-8e0226d7] {
-  background: var(--scalar-background-3);
-  animation: loading-skeleton-8e0226d7 1.5s infinite alternate;
-  border-radius: var(--scalar-radius-lg);
-  min-height: 1.6em;
-  margin: 0.6em 0;
-  max-width: 100%;
-}
-.loading[data-v-8e0226d7]:first-of-type {
-  min-height: 3em;
-  margin-bottom: 24px;
-  margin-top: 0;
-}
-.loading[data-v-8e0226d7]:last-of-type {
-  width: 60%;
-}
-.loading.single-line[data-v-8e0226d7] {
-  min-height: 3em;
-  margin: 0.6em 0;
-  max-width: 80%;
-}
-@keyframes loading-skeleton-8e0226d7 {
-from {
-    opacity: 1;
-}
-to {
-    opacity: 0.33;
-}
-}
-
 @container narrow-references-container (max-width: 900px) {
-.section-content--with-columns[data-v-9735459e] {
+.section-content--with-columns[data-v-6101128d] {
     flex-direction: column;
     gap: 24px;
 }
 }
 /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
-.section-header-wrapper[data-v-8a5913a9] {
+.section-header-wrapper[data-v-09a18ec6] {
   grid-template-columns: 1fr;
   display: grid;
 }
 @media (min-width: 1200px) {
-.section-header-wrapper[data-v-8a5913a9] {
+.section-header-wrapper[data-v-09a18ec6] {
     grid-template-columns: repeat(2, 1fr);
 }
 }
-.section-header[data-v-8a5913a9] {
+.section-header[data-v-09a18ec6] {
   font-size: var(--font-size, var(--scalar-heading-1));
   font-weight: var(--font-weight, var(--scalar-bold));
   color: var(--scalar-color-1);
@@ -516,18 +507,15 @@ to {
   margin-top: 0;
   line-height: 1.45;
 }
-.section-header.tight[data-v-8a5913a9] {
+.section-header.tight[data-v-09a18ec6] {
   margin-bottom: 6px;
 }
-.section-header.loading[data-v-8a5913a9] {
-  width: 80%;
-}
 
 .section-header-label[data-v-f1ac6c38] {
   display: inline;
 }
 
-.sticky-cards[data-v-bd137508] {
+.sticky-cards[data-v-4e3a9e30] {
   display: flex;
   flex-direction: column;
   position: sticky;
@@ -582,7 +570,7 @@ to {
 }
 
 /* One panel holds the Markdown installation instructions */
-.selected-client[data-v-9931144b] {
+.selected-client[data-v-4bb21500] {
   display: flex;
   flex-direction: column;
   gap: 9px;
@@ -595,7 +583,7 @@ to {
   border-bottom-left-radius: var(--scalar-radius-xl);
   border-bottom-right-radius: var(--scalar-radius-xl);
 }
-.client-libraries-heading[data-v-9931144b] {
+.client-libraries-heading[data-v-4bb21500] {
   font-size: var(--scalar-small);
   font-weight: var(--scalar-font-medium);
   color: var(--scalar-color-1);
@@ -608,7 +596,7 @@ to {
   border-top-left-radius: var(--scalar-radius-xl);
   border-top-right-radius: var(--scalar-radius-xl);
 }
-.client-libraries-content[data-v-9931144b] {
+.client-libraries-content[data-v-4bb21500] {
   position: relative;
   /*
    * Scroll horizontally rather than clip: before JS measures the tab widths
@@ -626,15 +614,15 @@ to {
   border-right: var(--scalar-border-width) solid var(--scalar-border-color);
   border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
 }
-.client-libraries-content[data-v-9931144b]::-webkit-scrollbar {
+.client-libraries-content[data-v-4bb21500]::-webkit-scrollbar {
   display: none;
 }
-.client-libraries-row[data-v-9931144b] {
+.client-libraries-row[data-v-4bb21500] {
   display: flex;
   justify-content: flex-start;
 }
 /* Zero-size clip so the measure row never adds to the scrollable width */
-.client-libraries-measure-clip[data-v-9931144b] {
+.client-libraries-measure-clip[data-v-4bb21500] {
   position: absolute;
   top: 0;
   left: 0;
@@ -643,12 +631,12 @@ to {
   overflow: hidden;
 }
 /* Off-screen row used only to measure natural tab widths */
-.client-libraries-row--measure[data-v-9931144b] {
+.client-libraries-row--measure[data-v-4bb21500] {
   width: max-content;
   visibility: hidden;
   pointer-events: none;
 }
-.client-libraries[data-v-9931144b] {
+.client-libraries[data-v-4bb21500] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -664,7 +652,7 @@ to {
   background: transparent;
   user-select: none;
 }
-.client-libraries[data-v-9931144b]:not(.client-libraries__active):hover:before {
+.client-libraries[data-v-4bb21500]:not(.client-libraries__active):hover:before {
   content: '';
   position: absolute;
   width: calc(100% - 4px);
@@ -675,22 +663,22 @@ to {
   z-index: 0;
   border-radius: var(--scalar-radius);
 }
-.client-libraries[data-v-9931144b]:active {
+.client-libraries[data-v-4bb21500]:active {
   color: var(--scalar-color-1);
 }
-.client-libraries[data-v-9931144b]:focus-visible {
+.client-libraries[data-v-4bb21500]:focus-visible {
   outline: none;
   box-shadow: inset 0 0 0 1px var(--scalar-color-accent);
 }
-.client-libraries__active[data-v-9931144b] {
+.client-libraries__active[data-v-4bb21500] {
   color: var(--scalar-color-1);
   border-bottom: 1px solid var(--scalar-color-1);
 }
 /* Always pin the "More" dropdown to the right edge */
-.client-libraries-more[data-v-9931144b] {
+.client-libraries-more[data-v-4bb21500] {
   margin-left: auto;
 }
-.client-libraries-icon[data-v-9931144b] {
+.client-libraries-icon[data-v-4bb21500] {
   max-width: 14px;
   max-height: 14px;
   min-width: 14px;
@@ -703,13 +691,13 @@ to {
   box-sizing: border-box;
   color: currentColor;
 }
-.client-libraries .client-libraries-text[data-v-9931144b] {
+.client-libraries .client-libraries-text[data-v-4bb21500] {
   font-size: var(--scalar-small);
   position: relative;
   display: flex;
   align-items: center;
 }
-.client-libraries__active .client-libraries-text[data-v-9931144b] {
+.client-libraries__active .client-libraries-text[data-v-4bb21500] {
   color: var(--scalar-color-1);
   font-weight: var(--scalar-semibold);
 }
@@ -794,14 +782,14 @@ to {
   color: var(--scalar-color-1);
 }
 
-.error[data-v-dc6746ff] {
+.error[data-v-4d9df79c] {
   background-color: var(--scalar-color-red);
 }
-.schema-card[data-v-dc6746ff] {
+.schema-card[data-v-4d9df79c] {
   font-size: var(--scalar-font-size-4);
   color: var(--scalar-color-1);
 }
-.schema-card-title[data-v-dc6746ff] {
+.schema-card-title[data-v-4d9df79c] {
   height: var(--schema-title-height);
 
   padding: 6px 8px;
@@ -815,48 +803,48 @@ to {
   font-size: var(--scalar-mini);
   border-bottom: var(--scalar-border-width) solid transparent;
 }
-button.schema-card-title[data-v-dc6746ff] {
+button.schema-card-title[data-v-4d9df79c] {
   cursor: pointer;
 }
-button.schema-card-title[data-v-dc6746ff]:hover {
+button.schema-card-title[data-v-4d9df79c]:hover {
   color: var(--scalar-color-1);
 }
-.schema-card-title-icon--open[data-v-dc6746ff] {
+.schema-card-title-icon--open[data-v-4d9df79c] {
   transform: rotate(45deg);
 }
-.schema-properties-open > .schema-card-title[data-v-dc6746ff] {
+.schema-properties-open > .schema-card-title[data-v-4d9df79c] {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
 }
-.schema-properties-open > .schema-properties[data-v-dc6746ff] {
+.schema-properties-open > .schema-properties[data-v-4d9df79c] {
   width: fit-content;
 }
-.schema-card-description[data-v-dc6746ff] {
+.schema-card-description[data-v-4d9df79c] {
   color: var(--scalar-color-2);
 }
-.schema-card-description + .schema-properties[data-v-dc6746ff] {
+.schema-card-description + .schema-properties[data-v-4d9df79c] {
   width: fit-content;
 }
-.schema-card-description + .schema-properties[data-v-dc6746ff] {
+.schema-card-description + .schema-properties[data-v-4d9df79c] {
   margin-top: 8px;
 }
 .schema-card--level-0:nth-of-type(1)
-  > .schema-card-description[data-v-dc6746ff]:has(+ .schema-properties) {
+  > .schema-card-description[data-v-4d9df79c]:has(+ .schema-properties) {
   margin-bottom: -8px;
   padding-bottom: 8px;
   border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
 }
 .schema-card--level-0
   ~ .schema-card--level-0
-  > .schema-card-description[data-v-dc6746ff]:has(+ .schema-properties) {
+  > .schema-card-description[data-v-4d9df79c]:has(+ .schema-properties) {
   padding-top: 8px;
 }
-.schema-properties-open.schema-properties[data-v-dc6746ff],
-.schema-properties-open > .schema-card--open[data-v-dc6746ff] {
+.schema-properties-open.schema-properties[data-v-4d9df79c],
+.schema-properties-open > .schema-card--open[data-v-4d9df79c] {
   width: 100%;
 }
-.schema-properties[data-v-dc6746ff] {
+.schema-properties[data-v-4d9df79c] {
   display: flex;
   flex-direction: column;
 
@@ -864,63 +852,63 @@ button.schema-card-title[data-v-dc6746ff]:hover {
   border-radius: var(--scalar-radius-lg);
   width: fit-content;
 }
-.schema-properties-name[data-v-dc6746ff] {
+.schema-properties-name[data-v-4d9df79c] {
   width: 100%;
 }
-.schema-properties .schema-properties[data-v-dc6746ff] {
+.schema-properties .schema-properties[data-v-4d9df79c] {
   border-radius: 13.5px;
 }
-.schema-properties .schema-properties.schema-properties-open[data-v-dc6746ff] {
+.schema-properties .schema-properties.schema-properties-open[data-v-4d9df79c] {
   border-radius: var(--scalar-radius-lg);
 }
-.schema-properties-open[data-v-dc6746ff] {
+.schema-properties-open[data-v-4d9df79c] {
   width: 100%;
 }
-.schema-card--compact[data-v-dc6746ff] {
+.schema-card--compact[data-v-4d9df79c] {
   align-self: flex-start;
 }
-.schema-card--compact.schema-card--open[data-v-dc6746ff] {
+.schema-card--compact.schema-card--open[data-v-4d9df79c] {
   align-self: initial;
 }
-.schema-card-title--compact[data-v-dc6746ff] {
+.schema-card-title--compact[data-v-4d9df79c] {
   color: var(--scalar-color-2);
   padding: 6px 10px 6px 8px;
   height: auto;
   border-bottom: none;
 }
-.schema-card-title--compact > .schema-card-title-icon[data-v-dc6746ff] {
+.schema-card-title--compact > .schema-card-title-icon[data-v-4d9df79c] {
   margin: 0;
 }
-.schema-card-title--compact > .schema-card-title-icon--open[data-v-dc6746ff] {
+.schema-card-title--compact > .schema-card-title-icon--open[data-v-4d9df79c] {
   transform: rotate(45deg);
 }
-.schema-properties-open > .schema-card-title--compact[data-v-dc6746ff] {
+.schema-properties-open > .schema-card-title--compact[data-v-4d9df79c] {
   position: static;
 }
 .property--level-0
   > .schema-properties
   > .schema-card--level-0
-  > .schema-properties[data-v-dc6746ff] {
+  > .schema-properties[data-v-4d9df79c] {
   border: none;
 }
 .property--level-0
   .schema-card--level-0:not(.schema-card--compact)
-  .property--level-1[data-v-dc6746ff] {
+  .property--level-1[data-v-4d9df79c] {
   padding: 0 0 8px;
 }
 :not(.composition-panel)
   > .schema-card--compact.schema-card--level-0
-  > .schema-properties[data-v-dc6746ff] {
+  > .schema-properties[data-v-4d9df79c] {
   border: none;
 }
-[data-v-dc6746ff] .schema-card-description p {
+[data-v-4d9df79c] .schema-card-description p {
   font-size: var(--scalar-small, var(--scalar-paragraph));
   color: var(--scalar-color-2);
   margin-bottom: 0;
   display: block;
   margin-bottom: 6px;
 }
-.children .schema-card-description[data-v-dc6746ff]:first-of-type {
+.children .schema-card-description[data-v-4d9df79c]:first-of-type {
   padding-top: 0;
 }
 
@@ -1245,7 +1233,7 @@ code.property-detail-value[data-v-1295f965] {
   text-decoration: line-through;
 }
 
-.property[data-v-471bb5bb] {
+.property[data-v-e16b102d] {
   color: var(--scalar-color-1);
   display: flex;
   flex-direction: column;
@@ -1255,7 +1243,7 @@ code.property-detail-value[data-v-1295f965] {
 }
 
 /** Remove top padding for top level schema card */
-.property.property--level-0[data-v-471bb5bb]:has(
+.property.property--level-0[data-v-e16b102d]:has(
     > .property-rule
       > .schema-card
       > .schema-properties.schema-properties-open
@@ -1264,25 +1252,25 @@ code.property-detail-value[data-v-1295f965] {
   ) {
   padding-top: 0;
 }
-.property--compact.property--level-0[data-v-471bb5bb],
-.property--compact.property--level-1[data-v-471bb5bb] {
+.property--compact.property--level-0[data-v-e16b102d],
+.property--compact.property--level-1[data-v-e16b102d] {
   padding: 10px 0;
 }
-.composition-panel .property.property.property.property--level-0[data-v-471bb5bb] {
+.composition-panel .property.property.property.property--level-0[data-v-e16b102d] {
   padding: 0px;
 }
 .property--compact.property--level-0
   .composition-panel
-  .property--compact.property--level-1[data-v-471bb5bb] {
+  .property--compact.property--level-1[data-v-e16b102d] {
   padding: 8px;
 }
 
 /*  if a property doesn't have a heading, remove the top padding */
-.property[data-v-471bb5bb]:has(> .property-rule:nth-of-type(1)):not(.property--compact) {
+.property[data-v-e16b102d]:has(> .property-rule:nth-of-type(1)):not(.property--compact) {
   padding-top: 8px;
   padding-bottom: 8px;
 }
-.property--deprecated[data-v-471bb5bb] {
+.property--deprecated[data-v-e16b102d] {
   background: repeating-linear-gradient(
     -45deg,
     var(--scalar-background-2) 0,
@@ -1292,49 +1280,49 @@ code.property-detail-value[data-v-1295f965] {
   );
   background-size: 100%;
 }
-.property--deprecated[data-v-471bb5bb] > * {
+.property--deprecated[data-v-e16b102d] > * {
   opacity: 0.75;
 }
-.property-description[data-v-471bb5bb] {
+.property-description[data-v-e16b102d] {
   margin-top: 6px;
   line-height: 1.4;
   font-size: var(--scalar-small);
 }
-.property-description[data-v-471bb5bb]:has(+ .property-rule) {
+.property-description[data-v-e16b102d]:has(+ .property-rule) {
   margin-bottom: 9px;
 }
-[data-v-471bb5bb] .property-description * {
+[data-v-e16b102d] .property-description * {
   color: var(--scalar-color-2) !important;
 }
-.property[data-v-471bb5bb]:not(:last-of-type) {
+.property[data-v-e16b102d]:not(:last-of-type) {
   border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
 }
-.property-description + .children[data-v-471bb5bb],
-.children + .property-rule[data-v-471bb5bb] {
+.property-description + .children[data-v-e16b102d],
+.children + .property-rule[data-v-e16b102d] {
   margin-top: 9px;
 }
-.children[data-v-471bb5bb] {
+.children[data-v-e16b102d] {
   display: flex;
   flex-direction: column;
 }
-.children .property--compact.property--level-1[data-v-471bb5bb] {
+.children .property--compact.property--level-1[data-v-e16b102d] {
   padding: 12px;
 }
-.property-example-value[data-v-471bb5bb] {
+.property-example-value[data-v-e16b102d] {
   all: unset;
   font-family: var(--scalar-font-code);
   padding: 6px;
   border-top: var(--scalar-border-width) solid var(--scalar-border-color);
 }
-.property-rule[data-v-471bb5bb] {
+.property-rule[data-v-e16b102d] {
   border-radius: var(--scalar-radius-lg);
   display: flex;
   flex-direction: column;
 }
-.property--level-2[data-v-471bb5bb] .relative > button {
+.property--level-2[data-v-e16b102d] .relative > button {
   left: -2rem;
 }
-.property-rule[data-v-471bb5bb]
+.property-rule[data-v-e16b102d]
   
     .composition-panel
       .schema-card--level-1
@@ -1342,7 +1330,7 @@ code.property-detail-value[data-v-1295f965] {
    {
   border-radius: 0 0 var(--scalar-radius-lg) var(--scalar-radius-lg);
 }
-.property-rule[data-v-471bb5bb]
+.property-rule[data-v-e16b102d]
   .composition-panel > .schema-card > .schema-card-description {
   padding: 10px;
   border-left: var(--scalar-border-width) solid var(--scalar-border-color);
@@ -1351,29 +1339,29 @@ code.property-detail-value[data-v-1295f965] {
     margin-top: 0;
 }
 }
-.property-example[data-v-471bb5bb] {
+.property-example[data-v-e16b102d] {
   background: transparent;
   border: none;
   display: flex;
   flex-direction: row;
   gap: 8px;
 }
-.property-example-label[data-v-471bb5bb],
-.property-example-value[data-v-471bb5bb] {
+.property-example-label[data-v-e16b102d],
+.property-example-value[data-v-e16b102d] {
   padding: 3px 0 0 0;
 }
-.property-example-value[data-v-471bb5bb] {
+.property-example-value[data-v-e16b102d] {
   background: var(--scalar-background-2);
   border-top: 0;
   border-radius: var(--scalar-radius);
   padding: 3px 4px;
 }
-.property-name[data-v-471bb5bb] {
+.property-name[data-v-e16b102d] {
   font-family: var(--scalar-font-code);
   font-weight: var(--scalar-semibold);
 }
-.property-name-additional-properties[data-v-471bb5bb]::before,
-.property-name-pattern-properties[data-v-471bb5bb]::before {
+.property-name-additional-properties[data-v-e16b102d]::before,
+.property-name-pattern-properties[data-v-e16b102d]::before {
   text-transform: uppercase;
   font-size: var(--scalar-micro);
   display: inline-block;
@@ -1384,11 +1372,11 @@ code.property-detail-value[data-v-1295f965] {
   background-color: var(--scalar-background-2);
   margin-right: 4px;
 }
-.property-name-pattern-properties[data-v-471bb5bb]::before {
+.property-name-pattern-properties[data-v-e16b102d]::before {
   content: 'regex';
 }
-.property-name-additional-properties[data-v-471bb5bb],
-.property-name-pattern-properties[data-v-471bb5bb] {
+.property-name-additional-properties[data-v-e16b102d],
+.property-name-pattern-properties[data-v-e16b102d] {
   border: 1px dashed var(--scalar-border-color);
   color: var(--scalar-color-accent);
   display: inline-block;
@@ -1792,10 +1780,10 @@ button.headers-card-title[data-v-4a9699e9]:hover {
   width: 100%;
 }
 
-.section-container[data-v-8f1a275c] {
+.section-container[data-v-5d1b311c] {
   border-top: var(--scalar-border-width) solid var(--scalar-border-color);
 }
-.section-container[data-v-8f1a275c]:has(.show-more) {
+.section-container[data-v-5d1b311c]:has(.show-more) {
   background-color: color-mix(in srgb, var(--scalar-background-2), transparent);
 }
 
@@ -2745,7 +2733,7 @@ body {
 
 /* Configurable Layout Variables */
 @layer scalar-config {
-.scalar-api-reference[data-v-67bb1c8a] {
+.scalar-api-reference[data-v-85d24c5b] {
     /* The header height */
     --refs-header-height: calc(
       var(--scalar-custom-header-height, 0px) + var(--scalar-header-height, 0px)
@@ -2767,20 +2755,20 @@ body {
     /* The maximum width of the content column */
     --refs-content-max-width: var(--scalar-content-max-width, 1540px);
 }
-.scalar-api-reference.references-classic[data-v-67bb1c8a] {
+.scalar-api-reference.references-classic[data-v-85d24c5b] {
     /* Classic layout is wider */
     --refs-content-max-width: var(--scalar-content-max-width, 1420px);
     min-height: 100dvh;
     --refs-sidebar-width: 0;
 }
 }
-.t-doc__sidebar[data-v-67bb1c8a] {
+.t-doc__sidebar[data-v-85d24c5b] {
   z-index: 10;
 }
 
 /* ----------------------------------------------------- */
 /* References Layout */
-.references-layout[data-v-67bb1c8a] {
+.references-layout[data-v-85d24c5b] {
   /* Try to fill the container */
   min-height: 100dvh;
   min-width: 100%;
@@ -2804,44 +2792,53 @@ body {
 
   background: var(--scalar-background-1);
 }
-.references-editor[data-v-67bb1c8a] {
+.references-editor[data-v-85d24c5b] {
   grid-area: editor;
   display: flex;
   min-width: 0;
   background: var(--scalar-background-1);
 }
-.references-rendered[data-v-67bb1c8a] {
+.references-rendered[data-v-85d24c5b] {
   position: relative;
   grid-area: rendered;
   min-width: 0;
   background: var(--scalar-background-1);
 }
-.scalar-api-reference.references-classic[data-v-67bb1c8a],
-.references-classic .references-rendered[data-v-67bb1c8a] {
+.scalar-api-reference.references-classic[data-v-85d24c5b],
+.references-classic .references-rendered[data-v-85d24c5b] {
   height: initial !important;
   max-height: initial !important;
 }
 @layer scalar-config {
-.references-sidebar[data-v-67bb1c8a] {
+.references-sidebar[data-v-85d24c5b] {
     /* Set a default width if references are enabled */
     --refs-sidebar-width: var(--scalar-sidebar-width, 288px);
 }
 }
 
 /* Footer */
-.references-footer[data-v-67bb1c8a] {
+.references-footer[data-v-85d24c5b] {
   grid-area: footer;
 }
 /* ----------------------------------------------------- */
 /* Responsive / Mobile Layout */
-@media (max-width: 1000px) {
+
+/*
+ * Stop just below the `lg` breakpoint (1000px). The sidebar visibility is driven
+ * by Tailwind's `lg:` variant, which is `min-width: 1000px` and therefore treats
+ * exactly 1000px as desktop. A `max-width: 1000px` query would make the grid
+ * switch to the mobile (stacked) layout at the very same width, so the desktop
+ * sidebar would render on top of the content. `width < 1000px` is the exact
+ * complement of `lg:` (`width >= 1000px`), keeping the two in sync.
+ */
+@media (width < 1000px) {
   /* Keep toolbar hidden on mobile without forcing desktop display mode. */
-.references-developer-tools[data-v-67bb1c8a] {
+.references-developer-tools[data-v-85d24c5b] {
     display: none;
 }
 
   /* Stack view on mobile */
-.references-layout[data-v-67bb1c8a] {
+.references-layout[data-v-85d24c5b] {
     /* Adjust the sidebar height to the viewport height minus the header height */
     --refs-sidebar-height: calc(
       var(--full-height, 100dvh) - var(--scalar-custom-header-height, 0px)
@@ -2856,13 +2853,13 @@ body {
       'rendered'
       'footer';
 }
-.references-editable[data-v-67bb1c8a] {
+.references-editable[data-v-85d24c5b] {
     grid-template-areas:
       'header'
       'navigation'
       'editor';
 }
-.references-rendered[data-v-67bb1c8a] {
+.references-rendered[data-v-85d24c5b] {
     position: static;
 }
 }
@@ -2872,13 +2869,14 @@ body {
 * TODO: @brynn move this to the sidebar block OR the ApiReferenceStandalone component
 * when the new elements are available
 */
-@media (max-width: 1000px) {
-.scalar-api-references-standalone-mobile[data-v-67bb1c8a]:not(.references-classic) {
+/* Match the layout breakpoint above so the mobile header height is only applied below `lg`. */
+@media (width < 1000px) {
+.scalar-api-references-standalone-mobile[data-v-85d24c5b]:not(.references-classic) {
     --scalar-header-height: 50px;
 }
 }
 
-.darklight-reference[data-v-67bb1c8a] {
+.darklight-reference[data-v-85d24c5b] {
   width: 100%;
   margin-top: auto;
 }