/* Usecases are largely using global utilities + .usecase tag */
.usecase{ position:relative; overflow:hidden }
.usecase .tag{
  position:absolute; top:12px; left:12px;
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 10px;
  border-radius:999px;
  background:var(--green);
  border:1px solid var(--line);
  color:white;
  font-weight:800; font-size:13px;
  box-shadow:var(--shadow-1);
}
[data-theme="outage"] .usecase .tag{ background:rgba(16,22,31,.55); color:#e7f1f8; border-color:#25344a }