/* Common Style for both Latest Update and Scroll */
.latest-update,
.objective-scroll {
  font-family: 'Work Sans', sans-serif;
  color: #333; /* same color for text */
}

/* Latest Update Section */
.latest-update {
  margin-bottom: 20px;
}

.latest-update h3 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #222; /* heading slightly darker */
}

.latest-update ul {
  list-style: none;
  padding-left: 0;
}

.latest-update li {
  margin-bottom: 8px;
  font-size: 16px;
}

/* Scrolling Objectives Section */
.objective-scroll {
  height: 220px; /* Visible height for scroll */
  overflow: hidden;
  position: relative;
  border-top: 2px solid #ddd;
  padding-top: 10px;
}

.objective-scroll ol {
  position: absolute;
  margin: 0;
  padding-left: 20px;
  animation: scroll-up 25s linear infinite;
}

.objective-scroll li {
  margin-bottom: 15px;
  font-size: 16px; /* same as latest update */
}

/* Scroll Animation */
@keyframes scroll-up {
  0%   { top: 100%; }
  100% { top: -100%; }
}