/* Studio mail (ADR-0006): a message's headers and its text. */
@layer components {
  .mail-headers {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: var(--space-1) var(--space-4);
    font-size: var(--text-sm);
  }

  .mail-headers dt {
    color: var(--color-ink-muted);
  }

  .mail-headers dd {
    overflow-wrap: anywhere;
  }

  /* The text as the sender wrote it: line breaks kept, long lines wrapped. */
  .mail-body {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    font-size: var(--text-sm);
  }
}