/* Geometry, palette, shape and containment reuse the released Situations CSS.
   Desktop96x128; <=600px82x109; one component for cards and panels. */
.words-artwork.sc-character{isolation:isolate}
.words-artwork.has-art .words-artwork-fallback{display:none}
.words-artwork.has-error img{display:none}
.words-artwork.has-error .words-artwork-fallback{display:block}

/* Reuse the released Situations anatomy inside the existing Words lifecycle.
   These selectors override the older Words card skin without changing it. */
.words-artwork-catalog.sc-catalog{padding:1rem 0 2rem;max-width:80rem}
.words-artwork-catalog .section-top h2{min-width:0;max-width:100%;overflow-wrap:anywhere}
.words-artwork-catalog .packs-grid.sc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}
.words-artwork-catalog .pack-card.sc-topic{background:var(--sc-panel);border:1.5px solid var(--sc-ink);border-radius:1.25rem;box-shadow:0 3px 0 var(--sc-ink);padding:1.2rem;min-height:0;gap:.8rem;transition:transform .15s}
.words-artwork-catalog .pack-card.sc-topic:hover{transform:translateY(-3px);box-shadow:0 3px 0 var(--sc-ink)}
.words-artwork-catalog .sc-topic:focus-visible{outline:3px solid var(--sc-blue);outline-offset:3px}
.words-artwork-catalog .card-head.sc-topic-top{align-items:stretch;margin:0;min-height:8rem;gap:.75rem;flex:1;flex-wrap:wrap}
.words-artwork-catalog .pack-card-title.sc-topic-title{font-size:1.5rem;line-height:1.2;letter-spacing:-.03em;margin-bottom:.5rem}
.words-artwork-catalog .pack-card-goal.sc-description{font-size:.875rem;line-height:1.5;margin-bottom:0;color:var(--sc-muted)}
.words-artwork-catalog .card-footer.sc-meta{position:static;margin:0;padding:.8rem 1.8rem 0 0;min-height:0;font-size:.75rem;line-height:1.5;color:var(--sc-muted);border-top:1px solid #e2e2d4;flex-wrap:wrap}
.words-artwork-catalog .card-footer.sc-meta .muted{color:inherit}
.words-artwork-catalog .sc-arrow{color:var(--sc-ink);font-size:1rem;line-height:1.5;background:transparent}
.words-artwork-catalog .sc-topic :is(.sc-number,.sc-topic-title,.sc-description){overflow-wrap:anywhere}
.words-artwork-detail .pack-hero-left.sc-panel-hero{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:0;min-width:0}
.words-artwork-detail .pack-heading{flex:1;min-width:0}
.words-artwork-detail .pack-heading h1{font-size:2rem;line-height:1.15;margin:0 0 .75rem;overflow-wrap:anywhere}
.words-artwork-detail .pack-heading .goal{font-size:.875rem;line-height:1.5;margin:0;color:#66756b}
.words-artwork-detail .pack-meta{flex-wrap:wrap;margin-bottom:.75rem}
.words-artwork-detail .pack-hero .words-artwork{flex:0 0 auto}
@media(max-width:1230px){.words-artwork-catalog .packs-grid.sc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.words-artwork-catalog .packs-grid.sc-grid{grid-template-columns:minmax(0,1fr);gap:1rem}.words-artwork-catalog .card-head.sc-topic-top{min-height:6.7rem}.words-artwork-catalog .pack-card-title.sc-topic-title{font-size:1.55rem}}
@media(prefers-reduced-motion:reduce){.words-artwork-catalog .pack-card.sc-topic{transition:none}}