.pillar-nav {
  margin-top: 1em;
}

.pillar-meta {
  font-size: 0.85rem;
  color: #5f6166;
}

.pillar-meta--sidebar {
  margin-top: 1.5em;
}

.pillar-meta--footer {
  margin-top: 2em;
  padding-top: 0.75em;
  border-top: 1px solid rgba(0,0,0,0.08);
}

.pillar-meta__label {
  margin: 0 0 0.25rem;
  font-size: 0.7rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #7a7d82;
}

.pillar-meta__list {
  display: grid;
  gap: 0.35rem;
}

.pillar-meta__link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: inherit;
  text-decoration: none;
}

.pillar-meta__link:hover {
  text-decoration: underline;
}

.pillar-meta .fa-icon {
  color: var(--pillar-color);
  opacity: 0.6;
}

.pillar-pill {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  font-family: ChunkFive, sans-serif;
  font-size: .85rem;
  margin: 0.2rem 0;
  padding: .25rem .5rem;
  border-radius: 9999px;
  box-shadow: 0 1px 2px rgba(0,0,0,.06);
  /* fallback colors if you need them */
  background: #fffff8;
  color: #400561;
  
  name {
    white-space: nowrap;
  }
}

.pillar-nav.sidebar {
  opacity: 1;
}

.pillar-nav.sidebar:hover {
  opacity: 1;
}

.pillar-nav .pillar-pill {
  width: 100%;
  opacity: 0.85;
  transition: opacity 0.2s ease-in-out;
}

.pillar-nav .pillar-pill:hover,
.pillar-nav .pillar-pill:focus,
.pillar-nav .pillar-pill:focus-visible {
  opacity: 1;
}



.pillar-pill--creeds-and-confessions {
  background: #a84056;
  color: #fffff8;
}

.pillar-pill--gods-character {
  background: #c2850a;
  color: #fffff8;
}

.pillar-pill--lists-and-numbers {
  background: #375a9e;
  color: #fffff8;
}

.pillar-pill--people-and-tribes {
  background: #5d168f;
  color: #fffff8;
}

.pillar-pill--prayers-and-practices {
  background: #7c3626;
  color: #fffff8;
}

.pillar-pill--reading-the-bible {
  background: #006e51;
  color: #fffff8;
}

.pillar-pill--scripture-spotlights {
  background: #ff9344;
  color: #fffff8;
}

.pillar-pill--visual-bible {
  background: #b64bc6;
  color: #fffff8;
}


.pillar-pill .fa-solid {
  font-size: 1rem;
}

.pillar-nav a.pillar-pill:visited {
  color: #fffff8;
}

.pillar-nav a.pillar-pill:hover {
  text-decoration: none;
  color: #fffff8;
}

.pillar-nav a.pillar-pill:hover .fa-icon,
.pillar-nav a.pillar-pill:focus .fa-icon,
.pillar-nav a.pillar-pill:focus-visible .fa-icon {
  color: #fffff8;
}