.container { max-width:1100px; margin:0 auto; padding:20px; }
.person-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:16px; }
.person-card { border:1px solid #eee; padding:12px; border-radius:8px; background:#fff; }
.person-card img { width:100%; height:auto; display:block; border-radius:6px; }
.person-filters { display:flex; gap:8px; flex-wrap:wrap; margin:12px 0; }
.person-table th { text-align:left; width:180px; padding:8px 10px; }


.btn-default {
  @extend .btn-secondary; /* if using SCSS */
}
/* OR plain CSS */
.btn-default {
  background-color: #f8f9fa;
  border: 1px solid #ccc;
  color: #333;
  border-radius: 6px;
  padding: 10px 10px;
  display: inline-block;
  margin: 2px;
}