/* a slightly smaller board on the Analyze page, so the explanation fits next to it */
#screen-analyze{--sq:clamp(30px, calc((100vw - 460px) / 8), 62px);}
@media (max-width:819px){
  /* phones and narrow windows: stacked, like before */
  #screen-analyze{--sq:clamp(30px, 9vw, 84px);}
}
@media (min-width:820px){
  #anBoardTab .an-main{flex-wrap:nowrap;align-items:flex-start;}
  #anBoardTab .an-main > div:first-child{flex:0 0 auto;}
  /* the side column is as tall as the board; the coach text scrolls inside it */
  #anBoardTab .an-side{display:flex;flex-direction:column;flex:1 1 0;min-width:0;max-width:none;height:calc(var(--sq) * 8 + 92px);}
  #anPanel{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:8px;}
  #anBoardTab .an-moves{flex:0 0 auto;max-height:132px;margin-top:10px;}
}