/*
 * Shelf protocol sandboxes – layout of this app only. Colours, fonts, radii and shadows come from
 * /kit; the start page, access card and task list are the kit's ("Sandbox start page").
 */

/* Table cells hold inline markup (several <code> chips); one wrapper keeps them together when the
   kit's stacked table turns every cell into a flex row on phones. */
.table--stack td > span {
  min-width: 0;
}
@container (max-width: 40rem) {
  .table--stack td > span {
    overflow-wrap: anywhere;
  }
}

/* ── Workbench: the sandbox's tabs (gRPC, WebSocket, SOAP, Reference) ── */
.ws-line {
  grid-template-columns: minmax(0, 1fr) auto;
}
.ws-line__addr {
  grid-column: 1 / -1;
}
@media (min-width: 560px) {
  .ws-line {
    grid-template-columns: minmax(0, 1fr) auto auto;
  }
  .ws-line__addr {
    grid-column: auto;
  }
}
.ws-line > .btn {
  grid-column: auto;
}
.ws-panes {
  align-items: stretch;
}
@media (min-width: 1200px) {
  .ws-panes {
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  }
}
.ws-quick {
  gap: var(--space-2);
}
.bench-docs {
  display: grid;
  gap: var(--space-5);
  margin-top: var(--space-8);
  align-items: start;
}
@media (min-width: 1280px) {
  .bench-docs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
#p-grpc .bench-docs {
  margin-top: var(--space-4);
}
.bench-note {
  max-width: var(--measure);
}
.bench-lead {
  max-width: var(--measure);
  margin-bottom: var(--space-5);
}
.task-note {
  padding-bottom: 0;
}
@media (min-width: 560px) {
  [data-soap-form] {
    grid-template-columns: 10rem minmax(0, 1fr) auto;
  }
}

/* ── REST docs (Swagger UI; its theme is kit/swagger.css) and the GraphQL schema page ── */
.docs-head .plate {
  max-width: var(--measure);
}
.swagger-host {
  min-height: 60vh;
}
.schema-sdl {
  white-space: pre-wrap;
}