/* CSS Document */
  .people-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 16px;
    table-layout: fixed;
  }

  .people-table td {
    vertical-align: top;
    text-align: center;
    border-radius: 10px;
    padding: 10px;
    overflow: hidden;
  }

  /* Obrázek se stejným poměrem stran – bez wrapperu */
  .people-table td img {
    width: 100%;
    object-fit: cover;
    display: block;
    border-radius: 8px;
    background: #ddd;      /* fallback pozadí před načtením */
    margin: 0 auto 10px auto;
  }

  .people-table .name { margin: 6px 0 2px 0; font-weight: 700; }
  .people-table .role { margin: 0; color: #555; }

  /* Responsivní skládání do 2 a 1 sloupce (jako dřív) */
  @media (max-width: 900px) {
    .people-table, .people-table thead, .people-table tbody, .people-table tr {
      display: block; width: 100%;
    }
    .people-table tr {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 16px;
    }
    .people-table td { margin: 0; }
  }
  @media (max-width: 560px) {
    .people-table tr { grid-template-columns: repeat(2, 1fr); }
  }