/* About Page Components */

/* Quick Links Section */
.quick-links {
  padding: var(--spacing-xl) 0;
  background-color: var(--white);
}

.quick-links__feature-icon {
  font-size: 3rem;
  color: var(--bright-teal);
  margin-bottom: var(--spacing-md);
}

.quick-links__feature-title {
  font-size: 1.5rem;
  margin-bottom: var(--spacing-sm);
  color: var(--dark-teal);
}

.quick-links__feature-description {
  color: var(--text-medium);
  margin-bottom: var(--spacing-md);
}

.quick-links__feature-link {
  padding: 10px 20px;
  background-color: var(--bright-teal);
  color: var(--white);
  text-decoration: none;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}

.quick-links__feature-link:hover {
  background-color: var(--medium-teal);
}

/* Story Timeline Section */
.timeline-section {
  background-color: var(--pale-teal-light);
  padding: var(--spacing-lg);
}

.timeline-section__title {
  margin-bottom: var(--spacing-lg);
}

.timeline-section__title h2 {
  font-size: 2.5rem;
  color: var(--dark-teal);
  padding-bottom: var(--spacing-sm);
}

.timeline-section__title h2::after {
  width: 80px;
  height: 3px;
  background-color: var(--medium-teal);
}

.timeline__content-subtitle {
  font-size: 1.2rem;
  color: var(--medium-teal);
  margin-bottom: var(--spacing-sm);
}

.timeline__content-title {
  font-size: 1.5rem;
  color: var(--dark-teal);
  margin-bottom: var(--spacing-md);
}

.timeline__content-description {
  color: var(--text-medium);
  margin-bottom: var(--spacing-sm);
}