/* COMMITTEE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.committee-section { padding: 5rem 0 6rem; background-color: var(--color-white); }
.committee-heading { max-width: 760px; margin-bottom: 3rem; }
.committee-heading .section-title { margin-bottom: 1rem; }
.committee-heading p { margin: 0; color: var(--color-text-muted); }

@media (max-width: 991.98px) {
   .committee-section { padding: 4rem 0 5rem; }
}

@media (max-width: 575.98px) {
   .committee-section { padding: 3.5rem 0 4rem; }
}


/* COUNCIL CARDS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.committee-card { height: 100%; padding: 1.75rem; }

.committee-position {
   position: relative;
   z-index: 1;
   margin-bottom: 0.55rem;
   font-weight: var(--font-weight-bold);
   letter-spacing: 0.04em;
   text-transform: uppercase;
   color: var(--color-secondary);
}

.committee-card h5 {
   position: relative;
   z-index: 1;
   margin: 0;
   color: var(--color-primary-deep);
}


/* SECONDARY COMMITTEE LISTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.committee-secondary { margin-top: 3.5rem; }
.committee-list-card { padding: 2rem; overflow: hidden; }

.committee-list-heading {
   display: flex;
   align-items: center;
   gap: 1rem;
   margin-bottom: 1.5rem;
   padding-bottom: 1.25rem;
   border-bottom: var(--border-width) solid var(--color-border-light);
}

.committee-list-heading > div > span {
   display: block;
   margin-bottom: 0.15rem;
   font-weight: var(--font-weight-bold);
   color: var(--color-accent);
   text-transform: uppercase;
   letter-spacing: 0.06em;
}

.committee-list-heading h4 { margin: 0; color: var(--color-primary-deep); }

.committee-list-icon {
   display: flex;
   align-items: center;
   justify-content: center;
   flex: 0 0 52px;
   width: 52px;
   height: 52px;
   border-radius: 50%;
   color: var(--color-white);
   background: linear-gradient(135deg, var(--color-primary), var(--color-teal));
}

.committee-list { display: flex; flex-direction: column; }

.committee-list-item {
   display: flex;
   align-items: flex-start;
   gap: 0.8rem;
   padding: 0.85rem 0;
   border-bottom: var(--border-width) solid var(--color-border-light);
}

.committee-list-item:last-child { padding-bottom: 0; border-bottom: 0; }
.committee-list-item i { margin-top: 0.3rem; color: var(--color-secondary); }
.committee-list-item span { color: var(--color-text-dark); }

@media (max-width: 575.98px) {
   .committee-secondary { margin-top: 2.5rem; }
   .committee-list-card { padding: 1.5rem; }
}