.item-artwork,.search-artwork,.starter-artwork,.bookmark-artwork,.library-artwork {
  position:relative;
  display:block;
  overflow:hidden;
  flex:none;
  background:linear-gradient(135deg,var(--tint-cool,#eef3ff),var(--tint-warm,#fff4dd));
  border:1px solid rgb(var(--ink-rgb,17 26 75) / .14);
}
.item-artwork img,.search-artwork img,.starter-artwork img,.bookmark-artwork img,.library-artwork img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.artwork-fallback {
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:flex-start;
  gap:4px;
  padding:10px;
  color:var(--navy);
  font-family:var(--heading,var(--display));
  font-weight:700;
  background:
    radial-gradient(circle at 78% 18%, rgb(var(--ink-rgb,17 26 75) / .12) 0 18%, transparent 19%),
    linear-gradient(145deg,var(--tint-cool,#eef3ff),var(--tint-warm,#fff4dd));
}
.artwork-fallback-book { background:linear-gradient(160deg,var(--tint-warm,#fff4dd),var(--pink-soft,#f7e7ff)); }
.artwork-fallback-movie { background:linear-gradient(160deg,var(--tint-cool,#eef3ff),var(--pink-soft,#f7e7ff)); }
.artwork-fallback-tv { background:linear-gradient(160deg,var(--pink-soft,#f7e7ff),var(--tint-cool,#eef3ff)); }
.artwork-fallback-game { background:linear-gradient(160deg,var(--tint-cool,#eef3ff),var(--tint-warm,#fff4dd)); }
.artwork-fallback-type {
  font:800 9px/1 var(--body,system-ui);
  letter-spacing:.12em;
  text-transform:uppercase;
  opacity:.62;
}
.artwork-fallback-title {
  display:-webkit-box;
  width:100%;
  max-width:100%;
  max-height:4.12em;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
  font-size:clamp(10px,1.15vw,14px);
  line-height:1.03;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.artwork-fallback > * { max-width:100%; }
.artwork-fallback-meta {
  display:block;
  overflow:hidden;
  max-width:100%;
  font:700 9px/1.1 var(--body,system-ui);
  white-space:nowrap;
  text-overflow:ellipsis;
  opacity:.55;
}

.search-result { display:grid !important; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; }
.search-artwork { width:42px; height:56px; border-radius:6px; }
.starter-card.has-artwork { display:grid; grid-template-columns:76px minmax(0,1fr); column-gap:14px; }
.starter-card.has-artwork > :not(.starter-artwork) { grid-column:2; }
.starter-artwork { grid-row:1 / span 5; width:76px; aspect-ratio:2/3; border-radius:8px; }
.bookmark-card.has-artwork,.library-card.has-artwork { padding-top:16px; }
.bookmark-artwork,.library-artwork { width:88px; aspect-ratio:2/3; float:right; margin:0 0 12px 14px; border-radius:8px; }

.editorial-art-real { background:var(--navy); }
.editorial-art-real img { width:100%; height:100%; display:block; object-fit:contain; background:linear-gradient(135deg,var(--navy),rgb(var(--ink-rgb,17 26 75) / .82)); }
.editorial-art-real .art-kicker,.editorial-art-real .art-corner { text-shadow:0 1px 4px rgb(0 0 0 / .55); }

@media (max-width:620px) {
  .starter-card.has-artwork { grid-template-columns:58px minmax(0,1fr); }
  .starter-artwork { width:58px; }
  .bookmark-artwork,.library-artwork { width:68px; }
}