/* Texto por coluna e destaque */
/* ---------- Texto: coluna escolhida no bloco (esquerda, centro, direita) ---------- */
.text-block > * { max-width: var(--measure); }
/* Lead (campo da intranet, chat 27): o «texto maior» do lab 9, escrito à parte e à frente do texto */
.prose .text-block__lead { font-size: var(--text-lead); line-height: var(--lh-body); }
@media (min-width: 64em) {
  .text-block { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--grid-gap); }
  .text-block > * { grid-column: 1 / span 6; }
  .text-block--center > * { grid-column: 4 / span 6; }
  .text-block--right > * { grid-column: 7 / span 6; }
}


/* ---------- Destaque (callout): caixa de superfície com filete ---------- */
.callout { padding: var(--space-4); border-inline-start: 4px solid var(--color-accent); background: var(--color-surface); }
[data-theme="light"] .callout { border-inline-start-color: var(--color-text); }