/* Small semantic icons and three distinct pearl-object illustrations. */
.muse-icon { width: 24px; height: 24px; flex: 0 0 24px; color: #9552b9; }
.icon-soft { fill: #e8d6fa; }
.icon-pink { fill: #e99dce; }
.overview-facts dt { display: flex; align-items: center; gap: 8px; }
.overview-facts dt .muse-icon { width: 19px; height: 19px; flex-basis: 19px; }
.experience-index { display: inline-flex; align-items: center; gap: 7px; width: 46px; }
.experience-index .muse-icon { width: 25px; height: 25px; flex-basis: 25px; }
.experience-details summary { gap: 13px; }
.experience-details h3 { min-width: 0; flex: 1; text-wrap: balance; }
.detail-body { padding-left: 59px; }
.object-illustration { pointer-events: none; user-select: none; }
.object-illustration img { width: 100%; height: auto; object-fit: contain; }
.about-object { width: min(270px, 68%); margin-top: 25px; }
.about-text { align-self: center; padding-top: 0; }
.learning-object { width: min(265px, 68%); margin: 24px 0 0 12px; }
.speaker-object { width: min(235px, 72%); margin: 22px 0 0 auto; }
@media(max-width:1079px) {
  .about-object { width: 230px; }
  .learning-object { width: 235px; margin-left: 0; }
  .speaker-object { width: 210px; }
}
@media(max-width:760px) {
  .overview-facts dt { gap: 6px; }
  .overview-facts dt .muse-icon { width: 17px; height: 17px; flex-basis: 17px; }
  .about-object { width: min(230px, 70%); margin-top: 20px; }
  .learning-object { width: min(235px, 72%); margin-top: 22px; }
  .speaker-object { width: min(210px, 70%); margin-top: 17px; }
  .experience-index { width: 43px; gap: 6px; }
  .experience-index .muse-icon { width: 23px; height: 23px; flex-basis: 23px; }
  .experience-details summary { gap: 10px; }
  .detail-body { padding-left: 53px; padding-right: 8px; }
}
@media(max-width:390px) {
  .overview-facts > div { grid-template-columns: 92px minmax(0,1fr); gap: 10px; }
}
@media print { .object-illustration { display: none; } }