/* Governance — Figma 198:659. Shared sections in sections.css. */

/* Steering Committees table — 198:1212 */
.sc-table {
  margin-top: var(--spacing-2xl); background: #fff; border-radius: var(--radius-lg); box-shadow: var(--shadow-medium);
  padding: 28px 28px 12px;
}
.sc-table__caption { display: flex; flex-direction: column; gap: 6px; padding-bottom: 20px; }
.sc-table__caption p:not(.label) { font-size: 15px; line-height: 22px; }
.sc-table table { width: 100%; border-collapse: collapse; }
.sc-table th, .sc-table td { text-align: left; vertical-align: top; padding: 14px 0; border-top: 1px solid rgba(74, 84, 105, 0.15); }
.sc-table thead th {
  font-family: var(--font-mono); font-weight: 500; font-size: 13px; line-height: 18px; letter-spacing: 1px; text-transform: uppercase;
  color: var(--color-text-muted);
}
.sc-table thead th:first-child, .sc-table tbody th { width: 224px; padding-right: var(--spacing-lg); }
.sc-table tbody th {
  font-family: var(--font-display); font-variation-settings: "SOFT" 0, "WONK" 1; font-weight: 600;
  font-size: 18px; line-height: 24px; color: var(--color-text-heading); white-space: nowrap;
}
.sc-table td { font-size: 15px; line-height: 22px; color: var(--color-text-body); }
.sc-table td.is-pending { opacity: .6; }

/* Steering Committee + Secretariat — 198:725 / 198:1311 */
.about-page--governance #steering-committee .section-head { margin-bottom: var(--spacing-xl); }
.secretariat { display: flex; flex-direction: column; gap: var(--spacing-md); margin-top: var(--spacing-xl); padding-top: var(--spacing-md); }

@media (max-width: 640px) {
  .sc-table { padding: var(--spacing-lg) var(--spacing-md) 4px; }
  .sc-table thead { display: none; }
  .sc-table tr { display: block; border-top: 1px solid rgba(74, 84, 105, 0.15); padding: 12px 0; }
  .sc-table tbody th, .sc-table td { display: block; width: auto; border: 0; padding: 0; }
  .sc-table tbody th { margin-bottom: 4px; }
}