@charset "utf-8";

/* 학교생활 > 학생활동 > 학생회 (Figma 708:31310) — 타이틀·탭은 공용(common.html + .tab-nav) */

.student-council {
  word-break: keep-all;
  max-width: 1262px;
  margin: 0 auto;
}

.student-council-photo {
  aspect-ratio: 1262 / 233;
  margin-bottom: 45px;
}

/* 사진 박스가 가로에 비해 세로가 짧아(1262/233) 빈 상태 아이콘을 폭 기준(64%)으로
 * 잡으면 세로로 넘침 → 여기서만 높이 기준으로 예외 처리 (.greeting-photo 선례와 동일) */
.student-council-photo .empty-img-board-icon {
  width: auto;
  height: 64%;
}

.student-council-intro {
  display: grid;
  grid-template-columns: auto 796px;
  gap: 80px;
  align-items: start;
}

.student-council-greeting {
  font-size: var(--font-size-heading-lg);
  font-weight: var(--font-weight-medium);
  line-height: 42px;
  color: var(--color-text-title1);
}

.student-council-greeting span {
  color: var(--color-primary);
}

.student-council-intro-body {
  display: grid;
  gap: 27px;
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-regular);
  line-height: 27px;
  color: var(--color-text-body);
}

.student-council-note {
  padding: 20px;
  background: var(--color-gray50);
  border-radius: 4px;
  font-size: var(--font-size-body-md);
  font-weight: var(--font-weight-regular);
  line-height: 27px;
  color: var(--color-text-body);
}

.board-table--roster col:first-child { width: 29%; }
.board-table--roster col:last-child { width: 71%; }

.board-table--roster tbody th {
  font-weight: var(--font-weight-regular);
}

@media (max-width: 1024px) {
  .student-council-intro {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}