/* Oefenpagina's (uitleg + oefeningen): uitlegblokken die volledig open staan. */
.section--lesson .text-block { grid-template-columns: minmax(0, 1fr); max-width: 760px; }
.section--lesson .prose h3 { margin-top: var(--space-40); }
.section--lesson .prose table { margin: var(--space-16) 0 var(--space-24); font-size: var(--text-body); }
.section--lesson .prose th { font-size: var(--text-label); letter-spacing: var(--tracking-label); text-transform: uppercase; color: var(--color-green); border-bottom: 2px solid var(--color-green-dark); }
.section--lesson .prose td:first-child { font-weight: 700; white-space: nowrap; padding-right: var(--space-24); }
.section--lesson + .section--lesson { padding-top: 0; }
.section--lesson .prose em, .ask__a em { font-family: var(--font-heading); font-style: italic; font-variation-settings: "SOFT" 60; }
/* "Let op"-kaders: elke alinea in een > blok is een eigen kaartje */
.section--lesson .prose blockquote { font-family: inherit; font-style: normal; font-size: var(--text-body); padding: 0; border: 0; display: grid; gap: var(--space-16); }
.section--lesson .prose blockquote p { margin: 0; padding: var(--space-16) var(--space-24); background: var(--color-mint); border-left: 4px solid var(--color-yellow); border-radius: 0 var(--radius-field) var(--radius-field) 0; }
.section--lesson .prose blockquote + blockquote { margin-top: var(--space-16); }
@media (max-width: 600px) {
  .section--lesson .prose td:first-child { white-space: normal; }
  .section--lesson .prose th, .section--lesson .prose td { padding-right: 8px; }
}