/* Status chips used on the dashboard and page banners. */
.uat-chip {
  display: inline-block;
  padding: 0.05em 0.55em;
  border-radius: 1em;
  font-size: 0.75em;
  font-weight: 600;
  white-space: nowrap;
  color: #fff;
  background: #757575;
}
.uat-chip.uat-draft { background: #757575; }
.uat-chip.uat-in-review { background: #1e6fd9; }
.uat-chip.uat-changes-requested { background: #c62828; }
.uat-chip.uat-approved { background: #2e7d32; }
.uat-chip.uat-approved-stale { background: #ef6c00; }

/* Screenshots: framed so white UI doesn't bleed into the page. */
.md-typeset figure img,
.md-typeset img.shot {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 4px;
}
.md-typeset figure { margin: 1em 0; }
.md-typeset figcaption { font-size: 0.8em; max-width: none; }

/* Screenshot rows: desktop + mobile side by side, stacking when narrow. */
.md-typeset .shots {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: flex-start;
}
.md-typeset .shots figure { flex: 1 1 18rem; margin: 0; }
.md-typeset .shots figure.mobile { flex: 0 1 12rem; }

/* Wide spec tables scroll rather than squash. */
.md-typeset table:not([class]) { font-size: 0.72rem; }