/* Belbotika art kit: clay pictures, flat, no overlay. See ART_KIT.md. */
.art-img { display: block; height: auto; object-fit: cover; border-radius: 12px; }
.art-empty-img { width: min(100%, 220px); aspect-ratio: 16 / 9; }
.art-tile { width: 56px; height: 56px; aspect-ratio: 1; object-position: 78% 60%; border-radius: 14px; }
.art-wide { width: 100%; aspect-ratio: 16 / 5; object-position: 78% 55%; }
@media (max-width: 560px) { .art-wide { aspect-ratio: 16 / 6; } }
html[data-bel-theme="dark"] .art-img { filter: brightness(.8) contrast(1.06) saturate(.95); }

/* Home's tool cards: the picture takes the icon's place, a little larger. */
.tool .ic-art { flex: none; display: block; line-height: 0; }
.tool .art-tile { width: 44px; height: 44px; border-radius: 12px; }
/* BelChat's welcome: a small picture above the heading; gone on short screens so the prompts stay in view. */
.chat-app .welcome-message .art-empty-img { width: min(100%, 180px); margin: 0 auto 10px; }
@media (max-height: 700px) { .chat-app .welcome-message .art-empty-img { display: none; } }

/* Public Solutions cards: the picture replaces the small icon square. */
.pub-bento__icon:has(.art-tile) { display: block; justify-self: start; width: auto; height: auto; background: none; border-radius: 16px; line-height: 0; }
.pub-bento__icon .art-tile { width: 72px; height: 72px; border-radius: 16px; }
/* Readers page: a picture above the note when there are no subscribers yet. */
.aud-empty .art-empty-img { margin: 0 auto 10px; }