/* A post's width on desktop follows the window's height, so it stays taller than it is wide: its photo is 4:5, so
   the photo is as tall as the window leaves once the top bars and the card's own header, actions and caption (17rem)
   are taken off, and the post is 0.8 of that wide. Never narrower than 22rem or wider than the 600px column. */
.post-w {
  --post-w: clamp(22rem, calc((var(--app-height, 1vh) * 100 - var(--top-menu-height, 2rem) - var(--sub-menu-height, 0px) - 17rem) * 0.8), 37.5rem);
}
@media (min-width: 640px) {
  .post-w {
    width: var(--post-w);
    max-width: 100%;
    margin-inline: auto;
  }
  /* The box a themed post's frame hangs in: padded 14px a side (`px-3.5`), the post itself --post-w */
  .post-w[data-framed] {
    width: calc(var(--post-w) + 1.75rem);
  }
}