/* What the archify theme (theme/*.scss) doesn't cover: tables that scroll on
   phones instead of breaking layout, and the recipe/status widgets. */

/* Every generated/queried table (dictionary, sources, recipe output) scrolls
   horizontally on a narrow screen instead of forcing the page to. */
.cell-output table {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
}

.proto-status, .recipe-status {
  font-size: 0.9em;
  color: var(--bs-secondary-color, #666);
}

.status-error {
  color: #b00020;
}

.status-error a, .status-error {
  font-weight: 600;
}

.quarto-dark .status-error {
  color: #ff8a80;
}

.suppressed-swatch {
  display: inline-block;
  width: 0.9em;
  height: 0.9em;
  background: #ddd;
  opacity: 0.6;
  border: 1px solid #999;
  vertical-align: middle;
}

.stub-callout {
  border-left: 4px solid #999;
  padding: 0.25rem 1rem;
  margin: 1rem 0;
}

/* archify's footer links inherit the navbar colour; make them readable. */
.nav-footer a { color: var(--ax-primary); }

/* The docked sidebar's logo slot, empty here. */
.sidebar-logo-link { display: none; }