/* the cover's ground sits below the page: the canvas taken halfway to black
   (no stone token is darker than the canvas), so a post without a picture
   reads as a recess carrying the white mark */
.blog-cover { aspect-ratio: 16 / 10; overflow: hidden; border-radius: 12px; background: color-mix(in srgb, var(--surface-canvas), #000 50%); }
.blog-cover img { display: block; width: 100%; height: 100%; object-fit: cover; transition: scale .4s cubic-bezier(.25, .46, .45, .94); }
.blog-cover.is-mark { display: flex; align-items: center; justify-content: center; color: var(--text-primary); }
.blog-cover.is-mark svg { width: 17.5%; height: auto; }   /* the mark scales with its cover: 56 on a card, about 108 on the article */