.learning-content { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.learning-content > :first-child { margin-top: 0; }
.learning-content > :last-child { margin-bottom: 0; }
.learning-content p + p { margin-top: .75em; }
.study-topic-summary .learning-content :is(h1, h2, h3, h4, h5, h6) { font-weight: 600; }
.learning-content-inline { display: inline; }
.learning-content pre { overflow-x: auto; white-space: pre; max-width: 100%; }
.learning-math { display: inline-block; max-width: 100%; overflow-x: auto; overflow-y: hidden; vertical-align: middle; padding: .15em 0; }
.learning-math-display { display: block; padding: .5em 0; }
.learning-math .katex-display { margin: .25em 0; }
.learning-diagram { margin: 1rem auto; max-width: 30rem; font-weight: 400; font-style: normal; }
.learning-diagram-svg { display: block; width: 100%; height: auto; overflow: hidden; }
.learning-diagram-label { font-family: system-ui, sans-serif; fill: #1e293b; paint-order: stroke; stroke: white; stroke-width: 5px; stroke-linejoin: round; }
.learning-diagram figcaption { margin-top: .4rem; color: #64748b; text-align: center; font-size: .8rem; line-height: 1.4; }
.learning-diagram-legend { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .3rem .75rem; list-style: none; padding: 0; font-size: .875rem; }
.learning-diagram-unavailable { display: block; color: #64748b; font-size: .875rem; margin: .5rem 0; }