.content {
  max-width: var(--max-width);
  margin: auto;
}

.content p,
.content ul,
.content ol,
.content h2,
.content h3,
.content h4,
.content h5 {
  margin-bottom: 1.5rem;
}

.content a {
  text-decoration: underline;
}

.content ul {
  list-style-type: square;
  margin-left: 1rem;
}

.content ol {
  list-style-type: decimal;
  margin-left: 1rem;
}

.content li {
  margin-bottom: 0.5rem;
  padding-left: 0.25rem;
}

.content table {
  width: 100%;
  margin-bottom: 1.5rem;
}

.content th,
.content td {
  border-bottom: 1px solid rgba(var(--foreground-rgb), 0.2);
  padding: .5rem;
  text-align: left;
}