.lesson .body { max-width: 72ch; }
.lesson .body h2 { margin-top: 28px; }
.lesson .body pre, .exercise pre { background: var(--panel); border: 1px solid var(--rule); border-radius: 8px; padding: 12px; overflow-x: auto; font: 0.875rem/1.5 var(--mono); }
.lesson .body code, #l-task code { font: max(0.92em, 0.8125rem) var(--mono); background: var(--panel); padding: 1px 4px; border-radius: 4px; }
.lesson .body pre code { background: none; padding: 0; }
.exercise { margin-top: 32px; border-top: 1px solid var(--rule); padding-top: 8px; }
.next { display: flex; gap: 12px; flex-wrap: wrap; margin: 32px 0 0; }
.next a { display: inline-flex; align-items: center; min-height: var(--target); border: 1px solid var(--rule); border-radius: 6px; padding: 8px 14px; text-decoration: none; }
tr.target td:first-child { box-shadow: inset 3px 0 0 var(--good); }