/* =========================
   Security News Layout
   ========================= */

.security-news {
  margin-top: 2rem;
}

/* Security news title */
.security-news-item h3 a {
  color: #fd9d9d;          /* light gray (Tailwind gray-200) */
  text-decoration: none;
}

/* Hover state */
.security-news-item h3 a:hover {
  color: #ff0000;          /* blue highlight */
  text-decoration: underline;
}


.security-news-item {
  border-left: 4px solid transparent;
  padding-left: 1rem;
  margin-bottom: 2.5rem;
}

/* Fallback classes (important for Firefox) */
.security-news-item.critical {
  border-color: #b00020;
}

.security-news-item.exploited {
  border-color: #ff9800;
}

/* Modern browsers enhancement */
.security-news-item:has(.severity.critical) {
  border-color: #b00020;
}

.security-news-item:has(.severity.exploited) {
  border-color: #ff9800;
}

/* =========================
   Meta / Source Line
   ========================= */

.news-meta {
  font-size: 0.8rem;
  opacity: 0.85;
  margin-bottom: 0.4rem;
}

/* =========================
   News Body
   ========================= */

.news-body {
  font-size: 0.95rem;
  line-height: 1.6;
  margin-top: 0.5rem;
  overflow-wrap: anywhere;
}

/* =========================
   CVE Enrichment
   ========================= */

.cve-enrichment {
  margin-top: 0.75rem;
}

/* =========================
   Severity Badges
   ========================= */

.severity {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.2rem 0.45rem;
  border-radius: 3px;
  margin-right: 0.5rem;
}

.severity.critical {
  background: #b00020;
  color: #ffffff;
}

.severity.exploited {
  background: #ff9800;
  color: #000000;
}

/* =========================
   Vendor Tags
   ========================= */

.vendor-tags {
  margin: 0.4rem 0;
}

.vendor {
  display: inline-block;
  background: #1f2933;
  color: #ce5a5a;
  font-size: 0.75rem;
  padding: 0.2rem 0.6rem;
  border-radius: 999px;
  border: 1px solid #000000;
  margin-right: 0.3rem;
  white-space: nowrap;
}

/* =========================
   CVE List
   ========================= */

.cve-list {
  list-style: none;
  padding-left: 0;
  margin-top: 0.4rem;
}

.cve-list li {
  font-size: 0.8rem;
  line-height: 1.4;
  word-break: break-word;
}

/* =========================
   Read More Link
   ========================= */

.read-more {
  margin-top: 0.4rem;
}

.read-more a {
  font-weight: 600;
  text-decoration: none;
}

.read-more a:hover {
  text-decoration: underline;
}