.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 {
  @apply text-2xl font-bold text-gray-900 group-hover:text-pine-900 underline underline-offset-5 decoration-sand-500 hover:decoration-pine-900
  dark:text-sand-100 dark:group-hover:text-sand-500 dark:decoration-sand-900 dark:hover:decoration-sand-500;
}
.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 rounded-full border-4 bg-white border-white
  dark:bg-gray-950 dark:border-gray-950;
}

.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
  dark:bg-gray-950 dark:border-gray-950;
  aspect-ratio: 1;
}

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