.course-figure{width:100%;max-width:520px;margin:0 auto 1rem;container-type:inline-size}.course-figure-stage{position:relative}.course-figure-stage>.course-media{border-radius:20px;width:100%;max-width:none;margin:0;display:block}.course-figure-labels{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.course-figure-labels text{fill:var(--ink,#183747);font-family:var(--font-body,sans-serif);font-weight:600}.course-figure-reading{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@container (max-width:300px){.course-figure-labels{display:none}.course-figure-reading{clip-path:none;width:auto;height:auto;position:static;overflow:visible}.course-figure-reading ul{margin:12px 0;padding-inline-start:1.25em}.course-figure-reading li{overflow-wrap:anywhere;font-size:1rem;line-height:1.6}}.learning-composition:has(>.teaching-visual>.course-figure){grid-template-columns:minmax(0,1fr);gap:24px;max-width:none;display:grid}@media (min-width:850px){.learning-composition:has(>.teaching-visual>.course-figure){grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}}@media (max-width:849px){.compiled-block[data-presentation-kind=explain] .learning-composition:has(>.teaching-visual>.course-figure){flex-direction:column;display:flex}}@media (forced-colors:active){.course-figure-labels text{fill:canvastext;stroke:canvas;stroke-width:2px;paint-order:stroke}}