/* Our Mission homepage box (scb-kc academy, /academy) — compact accordion layout
   2026-08-11: box was growing taller than the hero photo beside it with full text.
   Fix: smaller font, capped height with scroll as a safety net, and the 4 belief
   statements collapse into click-to-expand accordion rows so the resting state
   stays short. Content is vertically centered in the box.
   Article: id 331 "Our Mission". Particle: contentarray-7235 on outline 72. */

@media only screen and (min-width: 50.99rem) {
  .mission-wrapper {
    justify-content: center !important;
  }
  .mission-wrapper .mission-content {
    max-height: 440px;
    overflow-y: auto;
    padding-right: 0.5rem;
  }
}

.mission-wrapper .mission-content {
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, .5) transparent;
}
.mission-wrapper .mission-content::-webkit-scrollbar {
  width: 6px;
}
.mission-wrapper .mission-content::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, .4);
  border-radius: 3px;
}

.mission-wrapper .mission-content p {
  font-size: 0.95rem !important;
  line-height: 1.4 !important;
}

.mission-beliefs {
  margin-top: 0.25rem;
}
.mission-belief-item {
  border-top: 1px solid rgba(255, 255, 255, .25);
}
.mission-belief-item:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, .25);
}
.mission-belief-toggle {
  margin: 0 !important;
  padding: 0.6rem 1.6rem 0.6rem 0 !important;
  font-size: 0.9rem !important;
  font-weight: 700;
  color: var(--default-white);
  cursor: pointer;
  position: relative;
}
.mission-belief-toggle::after {
  content: '\f078';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.7rem;
  transition: transform .2s ease;
}
.mission-belief-item.active .mission-belief-toggle::after {
  transform: translateY(-50%) rotate(180deg);
}
.mission-belief-panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height .25s ease;
}
.mission-belief-item.active .mission-belief-panel {
  max-height: 220px;
}
.mission-belief-panel p {
  margin: 0 0 0.6rem !important;
  font-size: 0.85rem !important;
  line-height: 1.35 !important;
  opacity: .92;
}