/* A little more ink for supporting copy; preserve the compact type scale. */
:root { --muted: #50584e; }

#main :is(.hero-description, .page-lead, .thinking-lead,
  .vision-copy > p, .maker-copy > p, .maker-points p,
  .feature-copy > p:not(.eyebrow), .section-heading > p:not(.eyebrow),
  .ecosystem-heading > p:last-child, .blog-card-content > p,
  .parent-card p, .thinking-card p, .thinking-project-list p,
  .about-copy > p:not(.eyebrow)) {
  color: var(--muted);
  font-weight: 450;
}

.document-body > p, .document-body > section > p,
.ecosystem-detail > p, .dialog-intro {
  font-weight: 450;
}

/* Inline marker follows wrapped words instead of creating a separate box. */
mark.copy-highlight {
  background: #c8efce;
  color: #172b1b;
  font-weight: 650;
  padding: .035em .14em .07em;
  border-radius: .09em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
@media (forced-colors: active) {
  mark.copy-highlight { background: Mark; color: MarkText; }
}