/* Eski Başkanlarımız — foto + isim kart ızgarası */
.eb-hero { padding: 56px 0 30px; border-bottom: 1px solid var(--paper-edge, #e7dfcf); }
.eb-crumbs { display: flex; align-items: center; gap: 8px; font-family: var(--f-body); font-size: 12.5px; color: var(--ink-3); }
.eb-crumbs a { color: var(--ink-3); text-decoration: none; }
.eb-crumbs a:hover { color: var(--accent); }
.eb-crumbs .sep { color: var(--ink-4, #b7b0a4); }
.eb-crumbs .here { color: var(--ink); font-weight: 600; }
.eb-hero h1 {
  font-family: var(--f-disp); font-weight: 500; letter-spacing: -0.02em;
  font-size: clamp(34px, 5vw, 54px); color: var(--ink); margin: 16px 0 0;
}
.eb-deck { font-family: var(--f-disp); font-size: 18px; color: var(--ink-3); margin: 12px 0 0; max-width: 620px; }

.eb-section { padding: 44px 0 84px; }
.eb-group { margin-bottom: 48px; }
.eb-group:last-child { margin-bottom: 0; }
.eb-grouphead {
  font-family: var(--f-disp, Georgia, serif); font-weight: 500;
  font-size: clamp(20px, 2.6vw, 26px); letter-spacing: -0.01em; color: var(--ink, #1a1a1a);
  margin: 0 0 22px; padding-bottom: 12px; border-bottom: 1px solid var(--paper-edge, #e7dfcf);
}
.eb-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 22px; }
.eb-card {
  display: flex; flex-direction: column; align-items: center; text-align: center; gap: 14px;
  padding: 30px 22px; background: var(--paper, #fff); border: 1px solid var(--paper-edge, #e7dfcf);
  border-radius: 12px; text-decoration: none;
}
.eb-card.is-link { transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; }
.eb-card.is-link:hover { border-color: var(--accent, #C8341E); box-shadow: 0 12px 30px rgba(76,16,16,0.08); transform: translateY(-2px); }
.eb-photo {
  width: 128px; height: 128px; border-radius: 50%; overflow: hidden;
  display: flex; align-items: center; justify-content: center;
  background: var(--paper-2, #efe9dd); flex-shrink: 0;
}
.eb-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.eb-ini { font-family: var(--f-disp); font-size: 34px; color: var(--ink-3); }
.eb-name { font-family: var(--f-disp); font-weight: 600; font-size: 19px; color: var(--ink); line-height: 1.25; }
.eb-card.is-link:hover .eb-name { color: var(--accent, #C8341E); }
.eb-role { font-family: var(--f-body); font-size: 12px; letter-spacing: 0.03em; color: var(--ink-3); }
.eb-empty { font-family: var(--f-disp); font-size: 18px; color: var(--ink-3); padding: 48px 0; }