/*
 * Project feature chrome: the read-only code/content block on document and
 * program show pages, and the danger zone that holds destructive actions below
 * an edit form. Both reference tokens from theme.css for automatic light/dark.
 */
.codeblock {
  margin: 1rem 0 0;
  padding: 1rem;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 10px;
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.875rem;
  line-height: 1.45;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.danger-zone {
  margin-top: 2.5rem;
  padding: 1.25rem;
  border: 1px solid var(--color-danger);
  border-radius: 12px;
  background: var(--color-danger-subtle);
}
.danger-zone__title {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--color-danger);
}
.danger-zone__hint {
  margin: 0.25rem 0 0.875rem;
  font-size: 0.85rem;
  color: var(--color-text-muted);
}