@layer components {
  /* What a document imported from a file says under its header: who imported it, what was kept, the original. */
  .document-import-line { margin: 0; font-size: 13px; color: var(--muted-foreground); }
  .document-import-banner {
    display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px 12px; padding: 10px 12px;
    border: 1px solid var(--border); border-radius: 9px; background: var(--surface); font-size: 13px;
  }
  .document-import-icon { flex: none; margin-top: 1px; color: var(--muted-foreground); display: inline-flex; }
  .document-import-sentence { flex: 1 1 260px; min-width: 0; margin: 0; overflow-wrap: anywhere; }
  .document-import-original { flex: none; }
}