/* Shared look for the article's figures: a Peer conversation on its black ground.
   Each figure is a fixed stage scaled to the column by /assets/motion/motion.js. */
@font-face{font-family:"ChouMono5";src:url(/assets/choumono/ChouMono5-Regular.otf) format("opentype");font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(/assets/choumono/InstrumentSans.ttf) format("truetype");font-display:swap}
:root{--p1:rgb(255 255 255/.92);--p2:rgb(255 255 255/.6);--p3:rgb(255 255 255/.4);--fill:rgb(255 255 255/.08);--fill2:rgb(255 255 255/.14);--raised:#121212;--added:#5CCC78;--removed:#F26B66}
html,body{margin:0;background:#000;overflow:hidden;-webkit-font-smoothing:antialiased}
.fit{position:relative;width:100%;overflow:hidden}
.stage{position:absolute;left:0;top:0;transform-origin:0 0;font:22px/1.4 "Instrument Sans",sans-serif;color:var(--p1);font-variant-ligatures:none}
.stage *{box-sizing:border-box}
.dm{font-family:"ChouMono5";text-transform:uppercase;letter-spacing:0;line-height:1;font-variant-ligatures:none;font-weight:400}
.me{position:absolute;right:40px;background:var(--fill2);border-radius:27px;padding:12px 22px;white-space:nowrap}
.tool{position:absolute;left:40px;font-size:18px;color:var(--p3)}
.tool b{font-weight:400;color:var(--p2)}
.panel{position:absolute;background:var(--raised);border-radius:18px;box-shadow:inset 0 0 0 1px var(--fill)}
.added{color:var(--added)}.removed{color:var(--removed)}
chou-icon{display:inline-flex;color:currentColor;flex:none}
chou-icon svg{display:block}
.pointer{position:absolute;left:0;top:0;width:34px;height:34px;opacity:0;z-index:5;pointer-events:none}
.pointer svg{display:block;width:100%;height:100%;margin:-3px 0 0 -5px}