/* Source-backed word clouds sit behind, and show through, the three-circle diagram. */
.interactive-venn > svg{isolation:isolate}
.interactive-venn .word-cloud{
  opacity:0;
  transform:translateY(7px);
  transform-box:view-box;
  pointer-events:none;
  transition:opacity .42s ease,transform .6s cubic-bezier(.2,.7,.2,1);
}
.interactive-venn .word-cloud.is-active{opacity:.68;transform:translateY(0)}
.interactive-venn .word-cloud text{
  font-family:var(--sans);
  font-size:var(--cloud-size);
  font-weight:var(--cloud-weight);
  font-style:normal;
  letter-spacing:-.035em;
  fill:#937328;
}
.interactive-venn .word-cloud text:nth-child(3n){fill:#80763e}
.interactive-venn .word-cloud text:nth-child(4n){fill:#a47c17}
.interactive-venn .venn-foreground{pointer-events:none}
.interactive-venn .venn-label{
  font-family:var(--serif);
  font-size:21px;
  font-weight:500;
  fill:#49412b;
  stroke:#f4efd9;
  stroke-width:6px;
  stroke-linejoin:round;
  paint-order:stroke fill;
}
.interactive-venn.has-cloud .venn-circle{fill-opacity:.06;stroke:#a18737;stroke-width:1.1}
.interactive-venn.has-cloud .venn-circle.active{fill-opacity:.14;stroke:#7b631c;stroke-width:2}
.interactive-venn.has-cloud .venn-line{opacity:.4}
.cloud-source-slot{min-height:29px;margin-top:6px}
.cloud-sources{border-top:1px solid #dfd2a7;padding-top:11px;margin-top:8px}
.cloud-sources summary{cursor:pointer;font-size:11px;line-height:1.6;color:#75612d;text-align:center;list-style:none}
.cloud-sources summary::-webkit-details-marker{display:none}
.cloud-sources summary:after{content:' +';font-size:14px;margin-left:5px}
.cloud-sources[open] summary:after{content:' −'}
.cloud-concepts{list-style:none;padding:12px 0 0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 15px}
main#main .cloud-concepts li{font-family:var(--sans);font-size:12px;line-height:1.6;margin:0;padding:0;border-bottom:1px solid #e3d9b8;color:#75612d}
.cloud-concepts a{display:flex;justify-content:space-between;align-items:baseline;gap:9px;padding:9px 0}
.cloud-concepts a:hover{color:#392f18}
.cloud-concepts a>span{font-size:11px;flex-shrink:0}
@media(max-width:800px){.interactive-venn > svg{height:auto;max-height:none;aspect-ratio:360/330}}
@media(max-width:520px){
  .research-art.interactive-venn{padding:18px}
  .interactive-venn > svg{height:auto;max-height:none;aspect-ratio:360/330}
  .cloud-concepts{gap:0 12px}
  main#main .cloud-concepts li{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.interactive-venn .word-cloud{transition:none;transform:none}}
