/* Compact homepage CVE Watch: a high-signal summary before the article feed. */
.cve-watch {
  padding-block: 28px 30px;
  scroll-margin-top: 88px;
}
.cve-watch-heading {
  align-items: center;
  padding-bottom: 12px;
}
.cve-watch-heading h2 {
  margin: 0;
  font-size: 24px;
  letter-spacing: -.035em;
}
.cve-watch-heading h2 span {
  display: inline-block;
  margin-left: 8px;
  padding: 4px 7px;
  border-radius: 3px;
  background: color-mix(in srgb, var(--high) 12%, transparent);
}
.cve-watch-intro {
  max-width: none;
  margin: 12px 0 15px;
  font-size: 11px;
}
.cve-watch-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  border-top: 0;
}
.cve-watch-item {
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 11px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--surface);
}
.cve-score strong { font-size: 21px; }
.cve-watch-meta { gap: 5px 10px; }
.cve-watch-meta a { font-size: 10px; }
.cve-watch-copy p {
  display: -webkit-box;
  overflow: hidden;
  margin: 6px 0 5px;
  font-size: 10px;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.cve-watch-copy small { font-size: 7px; }
.cve-watch > footer { padding-top: 10px; }

@media (max-width: 720px) {
  .cve-watch { padding-block: 22px 25px; }
  .cve-watch-heading { display: flex; align-items: center; }
  .cve-rss-link { margin-top: 0; }
  .cve-watch-intro { line-height: 1.5; }
  .cve-watch-list {
    grid-auto-flow: column;
    grid-template-columns: none;
    grid-auto-columns: min(84vw, 320px);
    overflow-x: auto;
    padding-bottom: 8px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .cve-watch-item { scroll-snap-align: start; }
  .cve-watch > footer { display: flex; }
}

@media (max-width: 470px) {
  .cve-watch-heading { align-items: flex-start; }
  .cve-watch-heading h2 { font-size: 21px; }
  .cve-watch-heading h2 span {
    display: block;
    width: max-content;
    margin: 6px 0 0;
  }
  .cve-rss-link { padding: 8px; font-size: 0; }
  .cve-rss-link span { font-size: 15px; }
  .cve-watch > footer { display: grid; }
}