/* Exact legacy catalog tokens plus semantic hooks for newly created cards.
   Scope to thumbnail badges so story titles and metadata retain their colors. */
.story-card .absolute.top-2.left-2>span[class~="bg-[#10b981]"],
html.light .story-card .absolute.top-2.left-2>span[class~="bg-[#10b981]"],
.story-card .story-badge-full,
html.light .story-card .story-badge-full{background:#067647!important;color:#fff!important}
.story-card .absolute.top-2.left-2>span.bg-red-500,
html.light .story-card .absolute.top-2.left-2>span.bg-red-500,
.story-card .story-badge-new,
html.light .story-card .story-badge-new{background:#be123c!important;color:#fff!important}
.story-card .absolute.top-2.left-2>span[class~="bg-[#10b981]"],
.story-card .absolute.top-2.left-2>span.bg-red-500,
.story-card .story-badge-full,
.story-card .story-badge-new{display:inline-flex!important;align-items:center;gap:.2rem;padding:.2rem .4rem!important;font-size:10px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:.025em;white-space:nowrap;border:1px solid rgb(255 255 255 / .24);border-radius:5px;box-shadow:0 2px 5px rgb(0 0 0 / .3);opacity:1!important;isolation:isolate}
.story-card .absolute.top-2.left-2{z-index:2;pointer-events:none}