.article-body{container-type:inline-size}
.solution-illustration{margin:14px auto 28px;max-width:500px}
.solution-illustration img{width:100%;height:auto;display:block}
.solution-reading{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start;margin-top:22px}
.solution-video{min-width:0;margin:0;position:sticky;top:24px;align-self:start}
.solution-video video{display:block;width:100%;height:auto;aspect-ratio:9/16;background:#22355b;border-radius:4px}
.solution-video .video-note{font-size:14px;line-height:1.5;color:var(--muted);margin:12px 0 0}
.solution-text{min-width:0}
.solution-text>.solution-toc{margin-top:0}
.article-copy blockquote{margin:0;white-space:normal}
.solution-toc a{overflow-wrap:anywhere}
@container (max-width:640px){
.solution-reading{grid-template-columns:minmax(0,1fr);gap:24px}
.solution-video{position:static}
.solution-video video{max-width:300px;max-height:64svh;object-fit:contain;margin:0 auto}
.solution-illustration{margin:12px auto 24px}
}
@media(max-width:600px){.solution-reading{margin-top:16px}}
/* Comics integrated 2026-10-16: two original panels stay together on desktop and stack on narrow articles. */
.solution-illustration{max-width:100%;margin:14px 0 28px}
.comic-full-link{display:block;color:inherit}
.comic-mobile{display:none}
.solution-illustration figcaption{font-size:11px;line-height:1.4;color:var(--muted);margin-top:6px;text-align:right}
@container(max-width:640px){
 .solution-illustration .comic-wide{display:none}
 .comic-mobile{display:grid;gap:12px}
 .comic-panel{display:block;position:relative;overflow:hidden;aspect-ratio:1/1}
 .solution-illustration .comic-panel img{display:block;width:200%;max-width:none;height:auto}
 .comic-panel-after img{transform:translateX(-50%)}
}