/* Stack logos (stack-logos-02, October 5). Cody picked D from the four styles: every logo redrawn on a pixel grid in
   black, like the craft icons on About, in an outlined box that flips on hover. Written by _source/build-stack-logos.py. */
body.page-about .stack-item.has-logo{grid-template-columns:44px minmax(0,1fr);column-gap:14px;row-gap:2px;align-items:center}
body.page-about .stack-item.has-logo .stack-logo{grid-row:1/3;width:44px;height:44px;position:relative;align-self:center}
body.page-about .stack-item.has-logo>strong,body.page-about .stack-item.has-logo>span:not(.stack-logo){grid-column:2}
body.page-about .stack-item.has-logo>strong{align-self:end}
body.page-about .stack-item.has-logo>span:not(.stack-logo){align-self:start}
body.page-about .stack-tile{display:block;box-sizing:border-box;width:44px;height:44px;padding:4px;border:1px solid currentColor;background:#fff;image-rendering:pixelated}
/* two tools on one line: two boxes, corner to corner */
body.page-about .stack-logo-pair .stack-tile{position:absolute;width:31px;height:31px;padding:3px}
body.page-about .stack-logo-pair .stack-tile:first-child{left:0;top:0}
body.page-about .stack-logo-pair .stack-tile:last-child{right:0;bottom:0;box-shadow:0 0 0 2px #fff}
/* hover flips the box, like the pick page */
body.page-about .stack-item.has-logo:hover .stack-tile{filter:invert(1)}
/* the closed group shows its marks, so the Stack reads at a glance before anything is opened */
body.page-about .stack-group>summary .stack-strip{display:flex;gap:2px;flex:none}
body.page-about .stack-mini{display:block;width:22px;height:22px;image-rendering:pixelated}
@media (max-width:860px){body.page-about .stack-group>summary .stack-strip{display:none}}