#lousy-outages-teaser {
  margin: 2rem auto;
}

.lo-teaser {
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
  padding: 8px 16px;
  font-family: 'Press Start 2P', monospace;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.lo-teaser h2 {
  margin: 0 0 12px;
}

.lo-teaser p {
  margin: 6px 0 12px;
  color: #a7ff9a;
}

.lo-status-line {
  font-size: 0.95rem;
  margin-bottom: 4px;
  font-weight: 700;
}

.lo-status-line--alert {
  color: #ff8299;
}

.lo-status-line--ok {
  color: #a7ff9a;
}

.lo-status-line .lo-status-link {
  color: inherit;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.lo-status-line .lo-status-link:hover {
  text-decoration: underline;
}

.lo-teaser .lo-teaser-meta,
.lo-teaser .providers,
.lo-teaser .card,
.lo-teaser .dot,
.lo-teaser .status-up,
.lo-teaser .status-warn,
.lo-teaser .status-down {
  display: none;
}

.lo-teaser .caption {
  font-size: 0.75rem;
}

.lo-teaser .lo-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

.lo-teaser .lo-link {
  font-weight: 700;
}

.lo-teaser .view-all {
  display: inline-flex;
  justify-content: center;
  margin-top: 0;
}

.lo-teaser { max-width: 820px; margin: 0 auto; text-align: center; padding: 8px 16px; }
.lo-actions { display:flex; gap:10px; align-items:center; justify-content:center; flex-wrap:wrap; margin:10px 0 16px; }
.lo-link { display:inline-flex; align-items:center; gap:8px; border:2px solid #2af200; color:#2af200; background:transparent; padding:6px 12px; border-radius:10px; text-decoration:none; font-weight:700; }
.lo-link:hover { text-decoration:underline; }
.lo-icon { width:16px; height:16px; display:inline-block; }