/* Blog index only: each card opens with its post's illustration, bled to the
   card's edges. The negative margin is the .qa padding clamp in rs.css; keep
   the two in step. */
.qa__cover {
  display: block;
  width: calc(100% + 2 * clamp(20px, 2.2vw, 28px));
  max-width: none;
  height: auto;
  aspect-ratio: 640 / 357;
  margin: calc(-1 * clamp(20px, 2.2vw, 28px)) calc(-1 * clamp(20px, 2.2vw, 28px)) 18px;
  border-radius: var(--r-md) var(--r-md) 0 0;
  object-fit: cover;
  /* The art is drawn on white; multiply lets the card's own tint show
     through the white so the picture belongs to the card it sits in. */
  mix-blend-mode: multiply;
}