/*-- scss:rules --*/

pre,
code,
.sourceCode {
  font-size: 1.0rem;
}

/*-- scss:rules --*/
.exercise-editor .exercise-editor-body .cm-editor {
  font-size: 0.875rem;
}

.card.exercise-editor .card-header.exercise-editor-header {
  font-size: 0.875rem;
  padding: .3rem 1rem;
}

div.exercise-cell-output pre code {
  font-size: 0.875rem;
}

/*-- scss:rules --*/
/* Multi-column layouts for pages with many Observable Inputs.
   Opt-in: add `.grid-2col` or `.grid-3col` alongside `.panel-input`. */
.panel-input.grid-2col {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  column-gap: 20px;
  row-gap: 2px;
}

.panel-input.grid-3col {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  column-gap: 18px;
  row-gap: 2px;
}

/* Tighten the Observable Inputs label+control spacing inside grid panels. */
.panel-input.grid-2col form,
.panel-input.grid-3col form {
  margin: 0;
}