/* Callout: straight edges, a darker accent bar on the left, a filled background. Reusable for notes, learnings and asides. */
.callout { display: flex; flex-direction: column; gap: var(--space-8); margin: 0; padding: var(--space-16) var(--space-20); border: 0; border-left: 4px solid var(--color-accent); border-radius: 0; background: var(--color-accent-wash); color: var(--color-text-primary); }
.callout-h { font-size: 12px; font-weight: 600; letter-spacing: .04em; line-height: 1.5; color: var(--color-accent); }
.callout p:not(.callout-h) { font-size: 14px; line-height: 1.55; color: var(--color-text-primary); }