/* COGO code space r1. Scoped additions to the current production document. */

/* desk11 uses a flex row; the inherited absolute-icon translation is stale. */
html body .desk11 .v6-search > .icon {
  transform: none !important;
}

/* Keep all existing editor/console tabs and mobile breakpoints. */
@media (min-width: 761px) {
  html body[data-view="coding"].nav-collapsed:not(.nav-peeking) #main.content,
  html body[data-view="coding"].studio-focus28 #main.content {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: clamp(22px, 2vw, 32px) !important;
    padding-right: clamp(22px, 2vw, 32px) !important;
  }
  html body[data-view="coding"].nav-collapsed:not(.nav-peeking) #main > .page.coding-desk,
  html body[data-view="coding"].studio-focus28 #main > .page.coding-desk {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 1280px) {
  html body[data-view="coding"].nav-collapsed:not(.nav-peeking) #main .coding-desk > #labLayout.workbench28,
  html body[data-view="coding"].studio-focus28 #main .coding-desk > #labLayout.workbench28 {
    grid-template-columns: minmax(300px, 1.18fr) minmax(340px, 1.45fr) minmax(265px, .85fr) !important;
  }
}

@media (min-width: 761px) and (max-width: 1279px) {
  html body[data-view="coding"].nav-collapsed:not(.nav-peeking) #main .coding-desk > #labLayout.workbench28,
  html body[data-view="coding"].studio-focus28 #main .coding-desk > #labLayout.workbench28 {
    grid-template-columns: minmax(250px, 1.05fr) minmax(300px, 1.25fr) !important;
  }
}

/* Images retain their aspect ratio; wide text/tables remain scrollable. */
html body[data-view="coding"] #main #labLayout.workbench28 .lab-story {
  min-width: 0 !important;
  overflow-x: auto !important;
}
html body[data-view="coding"] #main #labLayout.workbench28 .lab-story img,
html body[data-view="coding"] #main #labLayout.workbench28 .lab-story svg[viewBox]:not(.icon) {
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  box-sizing: border-box;
}
html body[data-view="coding"] #main #labLayout.workbench28 .lab-story pre {
  max-width: 100%;
  overflow-x: auto !important;
  box-sizing: border-box;
}