/* ==========================================================================
   Samia Kids — loaded after samia.css and books.css on the Kids site only.
   ========================================================================== */

/* Meet the star: a framed drawing beside two sentences, un-rotated and capped on wide screens */
.art.framed.star-art { max-width: 460px; transform: rotate(-1.5deg); background: var(--sky); }
@media (max-width: 980px) { .star-art { max-width: 360px; } }

/* Film tiles: the pill sits above the title with a little room */
.film .pill { align-self: flex-start; }

/* The promise list on the ink band: icons on the left, words on the right */
.promises { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s2); }
.promises li { display: flex; gap: 14px; align-items: flex-start; }
.promises .icon-tile { width: 48px; height: 48px; }
.promises .icon-tile .icon { width: 28px; height: 28px; }
.promises b { display: block; color: var(--heading); }