/* File: /assets/css/components/content.css
   Owner: EC
   Purpose: Prose and rich content formatting (within .u-prose or .content)
   Version: 1.0
   Updated: 2025-11-09
   Notes (ALCOA-C):
     - Applies only inside .content/.u-prose to avoid global bloat
     - Honors link policy (no underline by default)
*/

.content, .u-prose {
  font-size: var(--text-body-size);
  line-height: var(--lh-body);
  color: var(--color-body);
}
.content > * + *,
.u-prose > * + * { margin-top: var(--space-4); }

.content h1, .u-prose h1,
.content h2, .u-prose h2,
.content h3, .u-prose h3 {
  color: var(--color-heading);
}

/* Tables */
.content table, .u-prose table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.975rem;
}
.content th, .u-prose th,
.content td, .u-prose td {
  padding: 0.5rem 0.75rem;
  border-top: var(--border-width) solid var(--color-border);
}
.content thead th, .u-prose thead th {
  text-align: left;
  font-weight: var(--weight-semibold);
  border-bottom: var(--border-width) solid var(--color-border);
}

/* Figures/captions */
.content figure, .u-prose figure { margin: var(--space-5) 0; }
.content figcaption, .u-prose figcaption {
  font-size: var(--text-small-size);
  opacity: 0.9;
}

/* Callouts */
.content .callout, .u-prose .callout {
  padding: var(--space-3) var(--space-4);
  background: var(--color-surface);
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--radius-md);
}