@import url("./seo-pages.min.css");

.article-hero {
  --seo-hero-image: url("/assets/images/project-hero.webp");
}

.article-hero time {
  color: rgba(255, 255, 255, .82);
}

.article-content figure {
  margin: 2.5rem 0;
}

.article-content figure img {
  width: 100%;
  max-height: 520px;
  border-radius: 18px;
  object-fit: cover;
}

.article-content figcaption {
  margin-top: .65rem;
  color: #64748b;
  font-size: .9rem;
  text-align: center;
}

.article-toc a {
  display: block;
  padding: .35rem 0;
}

.article-tags {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin-top: 2rem;
}

.article-tags span {
  padding: .45rem .75rem;
  border-radius: 999px;
  background: #f1f5f9;
  color: #475569;
  font-size: .86rem;
  font-weight: 650;
}