.technical-lesson { font-size: 1rem; line-height: 1.85; overflow-wrap: anywhere; }
.technical-lesson h3 { color: var(--ink); font-size: 1rem; line-height: 1.6; }
.technical-lesson h4 { margin: 0 0 10px; font-size: .875rem; line-height: 1.6; }
.technical-lesson p { margin: 10px 0 0; }
.technical-lesson .lesson-steps { margin: 12px 0 0; padding-left: 1.5em; }
.technical-lesson .lesson-steps li { padding-left: .3em; }
.technical-lesson .lesson-steps li + li { margin-top: 20px; }
.technical-lesson .lesson-steps li::marker { color: var(--accent); font-weight: 600; }
.technical-lesson .lesson-steps strong { font-weight: 600; }
.technical-lesson dl { margin: 20px 0; padding: 0; }
.technical-lesson dl > div { margin-top: 16px; }
.technical-lesson dt { font-weight: 600; }
.technical-lesson dd { margin: 4px 0 0; color: var(--muted); }
.technical-lesson .lesson-flow { margin-top: 20px; }
.technical-lesson .lesson-flow ol { display: flex; flex-wrap: wrap; gap: 8px 0; margin: 0; padding: 0; list-style: none; }
.technical-lesson .lesson-flow li { font-size: .875rem; line-height: 1.7; }
.technical-lesson .lesson-flow li:not(:last-child)::after { content: " → "; white-space: pre; padding: 0 5px; color: var(--accent); }
.technical-lesson .source-links a { font-size: .9375rem; overflow-wrap: anywhere; }
@media (max-width: 720px) {
  .technical-lesson .lesson-steps { padding-left: 1.2em; }
}