/* Recap excerpt on /watch/<id> — the site's own write-up of the fight.
   Kept separate from the hash-pinned inline page CSS so it can be edited
   without touching the CSP hashes. Only rendered when a blog post links
   the fight (functions/_shared/blog-recaps.js). */

.recap {
  margin: 22px 0 0;
  padding: 18px 20px;
  border: 1px solid var(--line);
  border-left: 4px solid var(--yellow);
  border-radius: 10px;
  background: var(--panel2);
}

.recap-title {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .2px;
  color: var(--text);
}

.recap-lede {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--text);
}

.recap-more {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
}

.recap-more a {
  color: var(--yellow);
  text-decoration: none;
}

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