.interviewer-question {
  font-style: italic;
  color: #444;
  margin-left: -1rem;
}

.article-title--single .article-title__narrator {
  @apply mb-2 block font-light;
}

.article-title--single .article-title__subject {
  font-size: 1.5em;
}

.article-title--list .article-title__narrator::after {
  content: ":";
}

.article-title--list .article-title__subject {
  @apply font-light;
}

.wompum-radial-grid {
  @apply absolute w-full h-full top-0 left-0;
}

/* Narrator headshot */

.narrator__container {
  @apply relative w-48 mb-2 mx-auto md:mx-0 bg-white rounded-full border-4 border-white;
}

.narrator__frame {
  @apply relative p-4;
}

.narrator__frame img {
  @apply w-full rounded-full object-cover relative z-10 bg-white text-center border-4 border-white grid place-items-center;
  aspect-ratio: 1;
}

.narrator__wompum {
  @apply absolute inset-0 w-full h-full;
}