html.latest-activities-frame-document,
body.latest-activities-frame-document {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #fff;
}

.latest-activities-carousel {
  position: relative;
  box-sizing: border-box;
  width: 630px;
  height: 500px;
  overflow: hidden;
  background: #fff;
}

.activity-stage {
  position: absolute;
  top: 10px;
  left: 50%;
  width: 600px;
  height: 480px;
  transform: translateX(-50%);
  overflow: hidden;
  background: #fff;
}

.activity-slide {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 600px;
  height: 480px;
  margin: 0;
  opacity: 0;
  animation: latest-activity-fade 20s linear infinite both;
}

.activity-slide-1 { animation-delay: 0s; }
.activity-slide-2 { animation-delay: -15s; }
.activity-slide-3 { animation-delay: -10s; }
.activity-slide-4 { animation-delay: -5s; }

.activity-slide-default {
  z-index: 2;
  opacity: 1;
}

.activity-slide > img {
  display: block;
  width: 600px;
  height: 400px;
  object-fit: contain;
}

.activity-slide figcaption {
  display: flex;
  position: absolute;
  top: 400px;
  right: 0;
  left: 0;
  box-sizing: border-box;
  height: 80px;
  padding: 9px 12px;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  color: #222;
  border-top: 1px solid #d9e0e5;
  background: #fff;
  font: 15px/1.3 Arial, sans-serif;
}

.activity-slide figcaption a {
  color: #222;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

.activity-slide figcaption a:hover,
.activity-slide figcaption a:focus-visible {
  color: #1677bf;
  text-decoration: underline;
}

.activity-slide figcaption a:focus-visible {
  outline: 2px solid #1677bf;
  outline-offset: 2px;
}

.activity-slide figcaption time {
  color: #5d6870;
  font-size: 12px;
}

@keyframes latest-activity-fade {
  0%, 22% { z-index: 2; opacity: 1; }
  25%, 100% { z-index: 1; opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .activity-slide {
    z-index: 1;
    opacity: 0;
    animation: none;
  }

  .activity-slide-default {
    z-index: 2;
    opacity: 1;
  }
}