.board-tier { display: flex; justify-content: center; }
.board-connector { width: 3px; height: 34px; background: var(--gold, #F2B705); margin: 0 auto; }
.board-card { background: #fff; border: 1px solid var(--line, #e5e2da); border-radius: 16px; overflow: hidden;
  text-align: center; transition: all .2s; }
.board-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,0.10); border-color: var(--gold, #F2B705); }
.board-card img { width: 100%; aspect-ratio: 1/1; object-fit: cover; display: block; }
.board-card-body { padding: 14px 12px 16px; }
.board-name { font-weight: 700; color: var(--navy, #14305C); font-size: 0.95rem; }
.board-role { font-size: 0.8rem; color: var(--muted, #666); margin-top: 3px; }
.board-card-chair { width: 250px; border: 2px solid var(--gold, #F2B705); box-shadow: 0 8px 24px rgba(20,48,92,0.12); }
.board-card-chair .board-name { font-size: 1.05rem; }
.board-role-chair { color: #8A6100; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; }
.board-card-deputy { width: 230px; border: 2px solid var(--navy, #14305C); }
.board-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; max-width: 980px; margin: 0 auto; }
@media (max-width: 1000px) { .board-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 640px) {
  .board-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .board-card-chair { width: 200px; } .board-card-deputy { width: 185px; }
  .board-connector { height: 24px; }
}
.exec-tier-label { text-align: center; font-family: 'IBM Plex Mono', monospace; font-size: 0.74rem;
  text-transform: uppercase; letter-spacing: 0.12em; color: var(--leaf, #1C7A34); font-weight: 700; margin: 6px 0 16px; }
.exec-grid { margin-bottom: 6px; }
@media (max-width: 640px) { .exec-grid { grid-template-columns: repeat(2, 1fr); } }
.board-members-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; }
.board-members-row .board-card { flex: 0 0 calc(14.28% - 14px); min-width: 128px; }
.board-members-row .board-name { font-size: 0.85rem; }
.board-members-row .board-role { font-size: 0.72rem; }
@media (max-width: 1000px) { .board-members-row .board-card { flex-basis: calc(33.33% - 12px); } }
@media (max-width: 640px) { .board-members-row .board-card { flex-basis: calc(50% - 8px); } }