.content.content--document {
  flex: 1;
  padding-bottom: 2em;
}

.document-header {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  border-bottom: 1px solid var(--color-border);
  padding-bottom: 1em;
  margin-bottom: 2em;
}

.source-container {
  color: var(--color-text--subtle);
}

.document-title {
  font-weight: 600;
  font-size: var(--text-xl);
  line-height: var(--line-height-tight);
  
  a[href] {
    text-decoration: none;
  }
}

.document-author {
  font-weight: normal;
}

.document-metadata-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-transform: uppercase;
  color: var(--color-text--subtle);
}

.document-body {
  padding-bottom: var(--page-padding);
  word-break: break-word;

  * {
    max-width: var(--page-width);
    height: auto;
  }
}

.document-body--email {
  background: white;
  color: #222;
  padding: var(--page-padding);
}