/* Wider content across the KB */
.md-grid { max-width: 1600px; }

/* --- Full-width API pages (no 100vw hack -> no stray scrollbar) --- */
.api-embed { display: block; width: 100%; height: 88vh; border: 0; }
.md-grid:has(.api-embed) { max-width: none; }
.md-content:has(.api-embed) .md-content__inner { max-width: none; margin: 0; }
.md-content:has(.api-embed) .md-content__inner::before { display: none; } /* hide edit-icon spacer */

/* --- Sandbox access cards on the homepage --- */
.sandbox-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1rem;
  margin: 1.2rem 0 0.5rem;
}
.sandbox-card {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 12px;
  padding: 1.1rem 1.25rem 1.25rem;
  background: var(--md-default-bg-color);
  box-shadow: 0 2px 10px rgba(0,0,0,.05);
  display: flex;
  flex-direction: column;
}
.sandbox-card .badge {
  align-self: flex-start;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .02em;
  padding: .18rem .6rem;
  border-radius: 999px;
  background: var(--md-primary-fg-color);
  color: #fff;
  margin-bottom: .5rem;
}
.sandbox-card .env {
  font-family: var(--md-code-font, monospace);
  font-size: .78rem;
  color: var(--md-default-fg-color--light);
  margin-bottom: .5rem;
  word-break: break-all;
}
.sandbox-card ol { margin: .2rem 0 .8rem; padding-left: 1.15rem; }
.sandbox-card ol li { margin: .4rem 0; line-height: 1.4; }
.sandbox-card .foot {
  margin-top: auto;
  font-size: .8rem;
  color: var(--md-default-fg-color--light);
  border-top: 1px solid var(--md-default-fg-color--lightest);
  padding-top: .6rem;
}