/* inline */
@scope (html[data-site-styles~="6358e218e0babb52"]) {
iot-depth:where(:scope, *) {
  --part-color: #2563eb;
}

.devworkflow-depth p:where(:scope, *),
.devworkflow-depth li:where(:scope, *) {
  line-height: 1.62;
}

.devworkflow-figure:where(:scope, *) {
  display: block;
  width: min(100%, 900px);
  max-height: 560px;
  object-fit: contain;
  margin: 1rem auto 0.35rem;
}
img.devworkflow-figure:where(:scope, *) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.devworkflow-grid:where(:scope, *) {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  gap: 0.85rem;
  margin: 1rem 0;
}
.devworkflow-card:where(:scope, *) {
  border: 1px solid rgba(100, 116, 139, 0.35);
  border-radius: 8px;
  padding: 0.85rem;
}
.devworkflow-card h3:where(:scope, *),
.devworkflow-card h4:where(:scope, *) {
  margin-top: 0;
}
.devworkflow-record:where(:scope, *) {
  border-left: 4px solid #2563eb;
  padding: 0.75rem 1rem;
  margin: 1rem 0;
  background: color-mix(in srgb, var(--bs-body-bg, #fff) 94%, #2563eb 6%);
}
}