/* Hallmark · macrostructure: Long Document · knobs: heads=inline small-caps, images=none, reveal=none
 * genre: modern-minimal · theme: custom (brand teal/turquoise) · nav: N5 · footer: Ft2 · design-system: design.md · designed-as-app
 * pre-emit critique: P5 H4 E5 S5 R5 V4
 */

.breadcrumb {
  display: inline-flex; align-items: center; gap: var(--space-2xs);
  color: var(--color-ink-2); text-decoration: none; font-size: 0.88rem;
  margin: var(--space-xl) 0 var(--space-lg);
}
.breadcrumb:hover { color: var(--color-accent); }

.prose { max-width: 40rem; padding-bottom: var(--space-3xl); }
.prose .cat { font-size: 0.78rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--color-accent); }
.prose h1 { font-size: var(--text-display-s); margin: var(--space-sm) 0 var(--space-lg); max-width: 20ch; }
.prose .lede { font-size: 1.15rem; color: var(--color-ink-2); margin-bottom: var(--space-lg); }
.prose p { font-size: 1.05rem; line-height: 1.7; margin-bottom: var(--space-md); color: var(--color-ink); }
.prose p.dim { color: var(--color-ink-2); }
.prose h2.inline {
  font-family: var(--font-body); font-size: 0.85rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.07em; color: var(--color-accent-2);
  margin: var(--space-xl) 0 var(--space-sm);
}
.prose strong { color: var(--color-ink); font-weight: 700; }
.prose strong.stat { color: var(--color-accent); }
.prose ul { padding-left: 1.2rem; margin: 0 0 var(--space-md); color: var(--color-ink); }
.prose li { margin-bottom: var(--space-xs); line-height: 1.6; }
.prose .ornament { text-align: center; color: var(--color-rule); margin: var(--space-xl) 0; letter-spacing: 0.4em; }
.prose a.inline-link { color: var(--color-accent-2); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }

.impact-highlight {
  display: flex; align-items: baseline; gap: var(--space-md); flex-wrap: wrap;
  margin: var(--space-lg) 0 var(--space-xl); padding: var(--space-lg);
  border: 1px solid var(--color-rule); border-radius: var(--radius-card);
  background: var(--color-paper-2);
}
.impact-highlight__num {
  font-family: var(--font-display); font-weight: 700; font-size: var(--text-2xl);
  color: var(--color-accent); letter-spacing: -0.02em; line-height: 1; white-space: nowrap;
}
.impact-highlight__label { color: var(--color-ink-2); font-size: 0.95rem; line-height: 1.5; }

.prose figure.creative-gallery { margin: var(--space-lg) 0 var(--space-xl); }
.creative-gallery__grid {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-md);
}
@media (max-width: 30rem) { .creative-gallery__grid { grid-template-columns: minmax(0, 1fr); } }
.creative-gallery__grid img {
  width: 100%; height: auto; display: block; border-radius: var(--radius-card);
  border: 1px solid var(--color-rule);
}
.prose figcaption { margin-top: var(--space-sm); font-size: 0.85rem; color: var(--color-ink-2); text-align: center; }

.letter-cta { margin-top: var(--space-lg); }