/* 06-components/prose — the long-form reading column. Sans, near-white ink: the
   readability pressure valve. Body prose does NOT glow — only chrome does.
   Apply .c-prose to a rendered-markdown container (wiki article, blog post, page). */
.c-prose {
  font-family: var(--font-read);
  color: var(--ink-read);
  line-height: var(--leading-prose);
  font-size: var(--text-base);
}
.c-prose p { margin-block: 0.9rem; }

.c-prose h1, .c-prose h2, .c-prose h3, .c-prose h4 {
  font-family: var(--font-chrome);
  color: var(--brand);
  text-shadow: none;
}
.c-prose h2 {
  font-size: var(--text-md);
  margin-block: 1.6rem 0.6rem;
  border-bottom: 1px solid var(--rule);
  padding-block-end: 0.3rem;
}
.c-prose h3 { font-size: var(--text-base); margin-block: 1.2rem 0.4rem; }

.c-prose a { color: var(--link); text-decoration: underline; text-underline-offset: 2px; }
.c-prose strong { color: #fff; }

.c-prose code {
  font-family: var(--font-chrome);
  background: color-mix(in srgb, var(--ground) 80%, #000);
  border: 1px solid var(--rule);
  padding: 0.05em 0.35em;
  border-radius: var(--radius-sm);
  color: var(--brand);
  font-size: 0.9em;
}
.c-prose pre {
  background: color-mix(in srgb, var(--ground) 80%, #000);
  border: 1px solid var(--rule);
  border-radius: var(--radius);
  padding: 0.9rem;
  overflow-x: auto;
  color: var(--brand);
  font-family: var(--font-chrome);
  font-size: var(--text-sm);
  margin-block: 1rem;
}
.c-prose pre code { background: none; border: none; padding: 0; }

.c-prose blockquote {
  border-left: 3px solid var(--brand);
  padding: 0.4rem 0.9rem;
  margin-block: 1rem;
  background: color-mix(in srgb, var(--brand) 5%, transparent);
  color: color-mix(in srgb, var(--ink-read) 85%, var(--brand));
  font-style: italic;
}

.c-prose img { border: 1px solid var(--rule); border-radius: var(--radius); }

.c-prose ul, .c-prose ol { padding-left: 1.5rem; margin-block: 0.9rem; }
.c-prose li { margin-block: 0.25rem; }

.c-prose table { width: 100%; border-collapse: collapse; margin-block: 1rem; font-size: var(--text-sm); }
.c-prose th, .c-prose td { padding: 0.5rem 0.75rem; border: 1px solid var(--rule); text-align: left; }
.c-prose th { font-family: var(--font-chrome); color: var(--brand); text-transform: uppercase; font-size: var(--text-xs); letter-spacing: var(--tracking-label); }

.c-prose hr { border: none; border-top: 1px solid var(--rule); margin-block: 2rem; }