.projects-v3,
.blog-list-v3 {
  --list-v3-accent: #0b8f8b;
  --list-v3-chip-border: #d6e2ee;
  --list-v3-chip-text: #486177;
  --list-v3-chip-hover-border: #c5d8ea;
  --list-v3-chip-hover-text: #294a62;
  --list-v3-pill-border: #cad8ea;
  --list-v3-pill-hover-border: #b7cde7;
}

.projects-v3 {
  --list-v3-accent: var(--proj-accent);
}

.blog-list-v3 {
  --list-v3-accent: var(--blog-accent);
}

.projects-v3-topic-chip,
.blog-list-v3-topic-chip {
  display: inline-block;
  border-radius: 999px;
  padding: 0.3rem 0.68rem;
  background: rgba(255, 255, 255, 0.58);
  border: 1px solid var(--list-v3-chip-border);
  color: var(--list-v3-chip-text);
  font-size: 0.75rem;
  font-weight: 700;
  transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
}

.projects-v3-topic-chip:hover,
.blog-list-v3-topic-chip:hover {
  background: rgba(255, 255, 255, 0.82);
  color: var(--list-v3-chip-hover-text);
  border-color: var(--list-v3-chip-hover-border);
}

.projects-v3-spotlight-cta,
.projects-v3-list-cta,
.blog-list-v3-spotlight-cta,
.blog-list-v3-list-cta {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.86rem;
  text-decoration: none;
  font-weight: 700;
  color: var(--list-v3-accent);
}

.projects-v3-spotlight-cta,
.blog-list-v3-spotlight-cta {
  margin-top: 1.05rem;
  width: fit-content;
  padding: 0.56rem 0.9rem;
  border-radius: 999px;
  border: 1px solid #b9d8d5;
  background: linear-gradient(145deg, rgba(11, 143, 139, 0.1), rgba(11, 143, 139, 0.02));
}

.projects-v3-spotlight-cta:hover,
.blog-list-v3-spotlight-cta:hover {
  border-color: #97c8c4;
  background: linear-gradient(145deg, rgba(11, 143, 139, 0.18), rgba(11, 143, 139, 0.04));
}

.projects-v3-spotlight-cta i,
.projects-v3-list-cta i,
.blog-list-v3-spotlight-cta i,
.blog-list-v3-list-cta i {
  transition: transform 0.22s ease;
}

.projects-v3-spotlight-cta:hover i,
.projects-v3-list-cta:hover i,
.blog-list-v3-spotlight-cta:hover i,
.blog-list-v3-list-cta:hover i {
  transform: translateX(3px);
}

.projects-v3-page-pill,
.blog-list-v3-page-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 94px;
  padding: 0.53rem 0.9rem;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
  border: 1px solid var(--list-v3-pill-border);
  background: #ffffff;
  transition: transform 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.projects-v3-page-pill {
  color: var(--proj-ink);
}

.blog-list-v3-page-pill {
  color: var(--blog-ink);
}

.projects-v3-page-pill:hover,
.blog-list-v3-page-pill:hover {
  transform: translateY(-1px);
  border-color: var(--list-v3-pill-hover-border);
  color: var(--list-v3-accent);
}