/* Question tables: keep the ID column narrow and monospaced, let the
   question text take the space it needs. */

.md-typeset table:not([class]) td:first-child,
.md-typeset table:not([class]) th:first-child {
  white-space: nowrap;
  font-family: var(--md-code-font-family);
  font-size: 0.75rem;
}

/* "Required" column reads better centred. */
.md-typeset table:not([class]) td:last-child,
.md-typeset table:not([class]) th:last-child {
  text-align: center;
  white-space: nowrap;
}

/* Question text is the column that deserves the width, so hold the narrow
   columns back rather than letting them share it evenly. */
.md-typeset table:not([class]) th:nth-child(2) {
  min-width: 14rem;
}

.md-typeset table:not([class]) td:nth-child(3),
.md-typeset table:not([class]) th:nth-child(3) {
  white-space: nowrap;
}

/* Section metadata block at the top of each questionnaire page. */
.section-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 1.2rem;
  margin: 0 0 1.2rem;
  padding: 0.6rem 0.8rem;
  border-left: 0.2rem solid var(--md-primary-fg-color);
  background: var(--md-code-bg-color);
  border-radius: 0.1rem;
  font-size: 0.72rem;
}

.section-meta b {
  color: var(--md-default-fg-color--light);
  font-weight: 700;
}