.pitch-accent {
  display: inline-flex;
  align-items: flex-end;
  font-size: 1rem;
  line-height: 1;
  white-space: nowrap;
}

.pitch-accent > * {

  /* khoảng cách từ đường viền đến nội dung */
  padding-top: 0.15em;
}

/* low-before: mờ, không gờ */
.pitch-accent .low-before {
  display: inline-block;
  color: #444;
  opacity: 0.6;
}

/* high: gờ đen */
.pitch-accent .high {
  display: inline-block;
  border-top: 1.5px solid #000;
}

/* drop: gờ đỏ + mũi rơi */
.pitch-accent .drop {
  display: inline-block;
  border-top: 1.5px solid #c00;
  position: relative;
}
.pitch-accent .drop::after {
  content: "";
  position: absolute;
  top: -1.2px;
  right: 0px;
  height: 50%;
  border-right: 1.5px solid #c00;
  box-sizing: border-box;
}

/* low-after: bình thường */
.pitch-accent .low {
  display: inline-block;
}