.teaching-material-detail-objective>h3{align-items:center;gap:10px;display:flex}.teaching-material-detail-objective>h3 svg{color:var(--color-fog);flex-shrink:0}.teaching-material-detail-objective>.teaching-material-detail-prose>p{border:.5px solid var(--color-graphite);border-left:2px solid var(--color-fog);background:var(--color-carbon);border-radius:0 6px 6px 0;padding:20px 24px}.teaching-material-detail-prose>.teaching-material-illustration{margin-block:32px 0}.teaching-material-detail-cover-trigger.is-reading-illustration{aspect-ratio:16/9;box-shadow:none}.is-reading-illustration .teaching-material-detail-cover-image{width:100%;height:auto;transition:none;display:block}.is-reading-illustration:hover .teaching-material-detail-cover-image{transform:none}.is-reading-illustration .teaching-material-detail-cover-action{color:#d0d6e0}.teaching-material-detail-cover-trigger.is-reading-illustration:focus-visible,.is-reading-illustration .teaching-material-cover-dialog-close:focus-visible{outline:2px solid var(--color-fog);outline-offset:4px}.teaching-material-illustration>figcaption{color:var(--color-fog);font-size:max(13px, calc(var(--reading-font-size,16px) - 2px));text-align:left;gap:6px;padding-top:14px;line-height:1.6;display:grid}.teaching-material-visual-label{color:var(--color-fog);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:510;line-height:1.5;display:block}.teaching-material-cover-overlay.is-reading-illustration,.teaching-material-cover-dialog.is-reading-illustration{animation:none}.teaching-material-cover-dialog.is-reading-illustration{aspect-ratio:auto;width:min(100vw - 32px,177.778dvh - 369.778px,1600px)}.is-reading-illustration .teaching-material-cover-dialog-image-frame{aspect-ratio:16/9;height:auto}.teaching-material-illustration-dialog-caption{color:#d0d6e0;gap:4px;margin:12px 0 0;font-size:13px;line-height:1.5;display:grid}@media (orientation:landscape) and (max-height:500px) and (max-width:1024px) and (pointer:coarse){.teaching-material-cover-dialog.is-reading-illustration{aspect-ratio:auto;width:100vw;max-width:none;height:100dvh;inset:0;transform:none}.is-reading-illustration .teaching-material-cover-dialog-image-frame{aspect-ratio:auto;background:var(--color-void);height:100%;box-shadow:none;border:0;border-radius:0}.teaching-material-cover-dialog.is-reading-illustration .teaching-material-illustration-dialog-caption{display:none}.is-reading-illustration .teaching-material-cover-dialog-close{top:max(16px, env(safe-area-inset-top,0px));right:max(16px, env(safe-area-inset-right,0px))}}.teaching-material-detail-prose>.teaching-material-diagram{border:.5px solid var(--color-graphite);background:var(--color-carbon);color:var(--color-mist);text-align:left;border-radius:12px;margin-block:36px;padding:24px;container-type:inline-size}.teaching-material-diagram>figcaption{gap:8px;display:grid}.teaching-material-diagram>figcaption>strong{color:var(--color-paper);font-size:calc(var(--reading-font-size,16px) + 4px);letter-spacing:-.012em;text-wrap:balance;font-weight:510;line-height:1.35}.teaching-material-diagram-reference{color:var(--color-fog);font-size:max(13px, calc(var(--reading-font-size,16px) - 2px));line-height:1.5}.teaching-material-diagram-items{gap:24px;margin:28px 0 0;padding:0;list-style:none;display:grid}.teaching-material-diagram-item{min-width:0;position:relative}.teaching-material-diagram-marker{min-height:28px;color:var(--color-fog);align-items:center;gap:10px;display:flex}.teaching-material-diagram-marker>span{font-variant-numeric:tabular-nums;font-size:11px}.teaching-material-diagram-copy{overflow-wrap:anywhere;gap:8px;margin-top:14px;display:grid}.teaching-material-diagram-copy>strong{color:var(--color-paper);font-size:var(--reading-font-size,16px);font-weight:510;line-height:1.4}.teaching-material-diagram-copy>span{color:var(--color-mist);font-size:max(14px, calc(var(--reading-font-size,16px) - 1px));line-height:1.65}.teaching-material-diagram--comparison .teaching-material-diagram-items{grid-template-columns:repeat(2,minmax(0,1fr))}.teaching-material-diagram--comparison .teaching-material-diagram-item+li{border-left:.5px solid var(--color-graphite);padding-left:24px}.teaching-material-diagram--sequence .teaching-material-diagram-items{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:28px}.teaching-material-diagram--sequence .teaching-material-diagram-marker{border-bottom:.5px solid var(--color-graphite);padding-bottom:14px}.teaching-material-diagram-arrow{color:var(--color-fog);position:absolute;top:30px;right:-22px}.teaching-material-camp-layout{margin-top:28px}.teaching-material-camp-layer{border:.5px solid var(--color-graphite);border-radius:6px;gap:20px;padding:20px;display:grid}.teaching-material-camp-heading{align-items:flex-start;gap:16px;display:flex}.teaching-material-camp-heading>svg{color:var(--color-fog);flex-shrink:0}.teaching-material-camp-heading .teaching-material-diagram-copy{margin-top:0}.teaching-material-camp-center .teaching-material-camp-heading{text-align:center;flex-direction:column;align-items:center;padding:12px 0}.teaching-material-diagram-note{border-top:.5px solid var(--color-graphite);color:var(--color-fog);font-size:max(13px, calc(var(--reading-font-size,16px) - 2px));margin-top:24px;padding-top:16px;line-height:1.65}@container (max-width:960px){.teaching-material-diagram--long .teaching-material-diagram-items{grid-auto-flow:row;gap:28px}.teaching-material-diagram--long .teaching-material-diagram-item{grid-template-columns:62px minmax(0,1fr);gap:16px;display:grid}.teaching-material-diagram--long .teaching-material-diagram-marker{border-bottom:0;align-self:start;padding-bottom:0}.teaching-material-diagram--long .teaching-material-diagram-copy{margin-top:0}.teaching-material-diagram--long .teaching-material-diagram-arrow{inset:auto auto -22px 3px;transform:rotate(90deg)}}@container (max-width:620px){.teaching-material-diagram--comparison .teaching-material-diagram-items{grid-template-columns:minmax(0,1fr)}.teaching-material-diagram--comparison .teaching-material-diagram-item+li{border-top:.5px solid var(--color-graphite);border-left:0;padding-top:24px;padding-left:0}.teaching-material-diagram--sequence .teaching-material-diagram-items{grid-auto-flow:row;gap:28px}.teaching-material-diagram--sequence .teaching-material-diagram-item{grid-template-columns:62px minmax(0,1fr);gap:16px;display:grid}.teaching-material-diagram--sequence .teaching-material-diagram-marker{border-bottom:0;align-self:start;padding-bottom:0}.teaching-material-diagram--sequence .teaching-material-diagram-copy{margin-top:0}.teaching-material-diagram--sequence .teaching-material-diagram-arrow{inset:auto auto -22px 3px;transform:rotate(90deg)}}@media (max-width:600px){.teaching-material-camp-layer{gap:16px;padding:12px}.teaching-material-camp-heading{flex-direction:column;gap:10px}.teaching-material-detail-prose>.teaching-material-diagram,.teaching-material-detail-objective>.teaching-material-detail-prose>p{padding:20px}}