.hierarchy-chart .stem > article.christ-bubble {
  box-sizing: border-box;
  position: relative;
  width: min(100%, 23rem);
  margin: 1.1rem auto .65rem;
  padding: .5rem 1.4rem .95rem;
  border: 1px solid #c7a347;
  border-radius: 3rem;
  text-align: center;
  color: #33294b;
  background: radial-gradient(ellipse at 15% 110%, white 0 22%, transparent 44%),
              radial-gradient(ellipse at 88% 112%, #fff 0 25%, transparent 47%),
              radial-gradient(ellipse at 50% 0%, #fff5c8, transparent 68%), #e4edf9;
  box-shadow: 0 0 0 3px #fff9e7, 0 0 17px 5px #e5c26485;
}
.hierarchy-chart .christ-bubble::before {
  content: "";
  position: absolute;
  width: 2.9rem;
  height: .55rem;
  left: 50%;
  top: -.8rem;
  transform: translateX(-50%);
  border: 2px solid #c69f40;
  border-radius: 50%;
  background: #fff9df;
  box-shadow: 0 0 9px #ebcb6f;
  pointer-events: none;
}
.hierarchy-chart .christ-bubble > h3 { color: #33294b; font-family: Georgia, serif; font-size: 1.55rem; }
.hierarchy-chart .christ-bubble > small { color: #484055; }
.hierarchy-chart .christ-bubble .role-links { display:flex; justify-content:space-between; }
.hierarchy-chart .christ-bubble .role-links button { color:#45385c; }
.hierarchy-chart .stem > .service-heading { text-align:center; width:100%; max-width:none; font-size:clamp(1.45rem,3vw,2.25rem); margin:.25rem auto; }