html.embedded,
html.embedded body {
  min-width: 0;
  min-height: 100%;
  background: var(--surface);
}

html.embedded .topbar,
html.embedded .page-intro {
  display: none;
}

html.embedded main {
  max-width: none;
  margin: 0;
  padding: 0;
}

html.embedded .page-grid {
  gap: 14px;
}

html.embedded .panel {
  box-shadow: none;
}

html.embedded .request-panel {
  top: 0;
}

@media (min-width: 901px) {
  html.embedded,
  html.embedded body,
  html.embedded main,
  html.embedded .page-grid {
    height: 100%;
  }

  html.embedded .page-grid {
    align-items: stretch;
  }

  html.embedded .request-panel,
  html.embedded .overview-panel {
    height: 100%;
  }
}

@media (max-width: 650px) {
  html.embedded main {
    padding: 0 0 18px;
  }
}