/* Shared illustrated lessons. Complete posters remain useful without JavaScript. */
.pp-edu-figure{min-width:0;margin:24px 0;color:inherit}
.pp-edu-stage{position:relative;isolation:isolate;overflow:hidden;width:100%;aspect-ratio:8/5;background:#f4f6f8;border:1px solid #dce1e5;border-radius:12px}
.pp-edu-stage>img[data-pp-animated],.pp-edu-stage>.pp-edu-live{display:block;width:100%;height:100%;object-fit:contain;margin:0;border:0;border-radius:0}
.pp-edu-stage>.pp-edu-live{position:absolute;inset:0;opacity:0;pointer-events:none}
.pp-edu-stage[data-pp-playing="true"]>.pp-edu-live{opacity:1}
.pp-edu-stage[data-pp-playing="true"]>img[data-pp-animated]{opacity:0}
.pp-edu-figure>figcaption{font:inherit;font-size:14px;line-height:1.55;letter-spacing:normal;text-transform:none;margin:12px 0 0;opacity:.85;max-width:80ch}
/* The illustration itself is the motion control. No pill, label or icon covers the art. */
.pp-edu-stage>.pp-edu-motion{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:inherit;appearance:none;background:transparent;color:transparent;box-shadow:none;outline:0;cursor:pointer;transform:none;filter:none;-webkit-tap-highlight-color:transparent}
.pp-edu-stage>.pp-edu-motion:hover,.pp-edu-stage>.pp-edu-motion:active{background:transparent;box-shadow:none;transform:none;filter:none}
.pp-edu-stage>.pp-edu-motion:focus-visible{outline:3px solid #ee151c;outline-offset:-5px}
.pp-edu-motion[hidden]{display:none}
.pp-edu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}
.pp-edu-grid>.pp-edu-figure{margin:0}
@media(max-width:700px){.pp-edu-grid{grid-template-columns:1fr;gap:24px}.pp-edu-figure{margin:20px 0}.pp-edu-figure>figcaption{font-size:14px}}
@media(prefers-reduced-motion:reduce){.pp-edu-stage>.pp-edu-live,.pp-edu-motion{display:none!important}.pp-edu-stage>img[data-pp-animated]{opacity:1!important}}