:root {
  --accent: #C754C9;
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

.post-title a::after,
.posts .post-title a::after {
  content: "\25ae";
  color: var(--accent);
  animation: blink 1s step-end infinite;
  margin-left: 4px;
}

.post-title {
  border-bottom: none;
  padding-bottom: 5px;
}

.post-title::after {
  display: none;
}

/* Hide original meta and tags (replaced by powerline) */
.post-meta,
.post-tags {
  display: none;
}

/* Powerline bar */
.powerline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 15px;
  font-size: 0.68em;
  line-height: 1;
  gap: 0;
}

.powerline__segment {
  position: relative;
  padding: 4px 12px 4px 16px;
  color: #e0e0e0;
  font-weight: 600;
  white-space: nowrap;
  margin-right: 0;
}

.powerline__segment:first-child {
  padding-left: 12px;
  border-radius: 3px 0 0 3px;
}

.powerline__segment a {
  color: #e0e0e0;
  text-decoration: none;
}

/* Arrow separator using clip-path */
.powerline__segment::after {
  content: "";
  position: absolute;
  right: -8px;
  top: 0;
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  z-index: 1;
}

.powerline__segment:last-child::after {
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
}

/* Segment colors — muted tones */
.powerline__author {
  background: #8c6478;
}
.powerline__author::after {
  border-left: 8px solid #8c6478;
}

.powerline__date {
  background: #7a6489;
}
.powerline__date::after {
  border-left: 8px solid #7a6489;
}

.powerline__tag:nth-child(odd) {
  background: #506a85;
}
.powerline__tag:nth-child(odd)::after {
  border-left: 8px solid #506a85;
}

.powerline__tag:nth-child(even) {
  background: #4a7a72;
}
.powerline__tag:nth-child(even)::after {
  border-left: 8px solid #4a7a72;
}

/* Last segment gets a pointed end */
.powerline__segment:last-child {
  padding-right: 12px;
  margin-right: 14px;
}

/* Header — gradient-colored stripes */
.header__logo::after {
  background: linear-gradient(90deg, #e8a0bf, #d4a0e8, #7aa2d4, #6abfb0);
  -webkit-mask-image: repeating-linear-gradient(90deg, black 0px, black 2px, transparent 2px, transparent 10px);
  mask-image: repeating-linear-gradient(90deg, black 0px, black 2px, transparent 2px, transparent 10px);
}

/* Footer */
.footer .copyright {
  text-align: center;
}

.footer .copyright span {
  white-space: normal;
}