/* What Happens When Access to Information Becomes a Commodity?: the sketches are diagrams with small handwriting, so they break out of
   the 640px text column (up to 1000px) and skip the soft edge fade that would eat labels near the edge */
html,body{overflow-x:clip}
.abody .afig{--fig:min(calc(100vw - 32px),1000px);width:var(--fig);margin-inline:calc((100% - var(--fig)) / 2)}
.abody .afig img{width:100%;-webkit-mask:none;mask:none}
/* the rep's agent clip: plays once when it comes into view, rests on its last frame, tap to replay */
.abody .avid video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:10px;background:var(--paper,#F6F2EA);cursor:pointer}
.abody .avid .replay{display:block;margin:.5em auto 0;font:700 20px/1 var(--hand);color:var(--pen);background:none;border:0;padding:6px 10px;cursor:pointer;opacity:0;transition:opacity 200ms ease}
.abody .avid.done .replay{opacity:1}
.abody .avid .replay:focus-visible{outline:2px solid var(--pen);outline-offset:3px;border-radius:6px}
.abody .avid.sq video{aspect-ratio:1/1}