/* "Run PowerShell on your Windows PC from your phone": its art on the blog
   index, in the post's row (blog-list.css). It is the post's own cover, the
   top of a phone fading out (blog.css .post-cover; the phone and its screen
   are app-ui.css and mockups.css), so the index links those two as well.
   Every selector is scoped to .post-art, so nothing reaches the post itself. */

.post-art .post-cover {
  --post-art-top: 6px;
  height: 214px;
}

.post-art .post-cover .mobile-device {
  --mobile-device-w: 196px;
}

@media (min-width: 760px) {
  .post-art .post-cover {
    --post-art-top: 10px;
    height: 340px;
  }

  .post-art .post-cover .mobile-device {
    --mobile-device-w: 232px;
  }
}