/* Markdown Prose Styles */
.prose {
  color: var(--color-aimizu-dark-text);
  max-width: none;
  line-height: 1.5em;
}

.prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 {
  color: var(--color-aimizu-dark-text);
  font-weight: 600;
  line-height: 1.25;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}

.prose h1 { font-size: 1.875rem; }
.prose h2 { font-size: 1.5rem; }
.prose h3 { font-size: 1.25rem; }
.prose h4 { font-size: 1.125rem; }
.prose h5 { font-size: 1rem; }
.prose h6 { font-size: 0.875rem; }

.prose p {
  margin-top: 1em;
  margin-bottom: 1em;
}

.prose a {
  color: var(--color-tealish);
  text-decoration: underline;
}

.prose a:hover {
  color: var(--color-aquablue);
}

.prose strong {
  color: var(--color-aimizu-dark-text);
}

.prose em {
  font-style: italic;
  color: var(--color-aimizu-dark-text);
}

.prose ul, .prose ol {
  margin-top: 1em;
  margin-bottom: 1em;
  padding-left: 1.5em;
}

.prose li {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.prose blockquote {
  border-left: 4px solid var(--color-tealish);
  padding-left: 1rem;
  margin: 1.5em 0;
  font-style: italic;
  color: var(--color-aimizu-dark-stone);
  background: rgba(64, 183, 186, 0.05);
  border-radius: 0 0.375rem 0.375rem 0;
}

.prose table {
  width: 100%;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  border-collapse: collapse;
}

.prose th, .prose td {
  border: 1px solid var(--color-aimizu-stone);
  padding: 0.5rem 0.75rem;
  text-align: left;
}

.prose th {
  background-color: var(--color-aimizu-light-stone);
  color: var(--color-aimizu-dark-text);
}

.prose hr {
  border: none;
  border-top: 1px solid var(--color-aimizu-stone);
  margin: 2em 0;
}

/* Inline code */
.prose code:not(pre code) {
  background: var(--color-aimizu-light-stone);
  color: var(--color-aimizu-dark-text);
  padding: 0.125rem 0.25rem;
  border-radius: 0.25rem;
  border: 1px solid var(--color-aimizu-stone);
}

/* Code blocks with Commonmarker inline highlighting */
.prose pre {
  border: 1px solid var(--color-aimizu-stone);
  padding: 1rem;
  margin: 0;
  font-size: 1em;
  overflow-x: auto;
  /* Background color is set by Commonmarker inline styles */
}

.prose pre code {
  background: transparent;
  border: none;
  padding: 0;
  /* Colors are handled by Commonmarker inline styles */
}