.jci-members-wrap { max-width: 1200px; margin: 0 auto; }
.jci-members-topbar { display:flex; justify-content: flex-end; margin: 0 0 18px; }
.jci-members-search { position: relative; width: 320px; max-width: 100%; }
.jci-members-search input{
  width:100%; padding: 10px 12px 10px 36px; border:1px solid #d9d9d9; border-radius: 6px;
  font-size: 14px;
}
.jci-members-search .icon { position:absolute; left:10px; top:50%; transform: translateY(-50%); opacity: .55; }

.jci-members-layout { display:grid; grid-template-columns: 280px 1fr; gap: 28px; }
@media (max-width: 900px){
  .jci-members-layout { grid-template-columns: 1fr; }
  .jci-members-topbar { justify-content: flex-start; }
}

.jci-filter-box { }
.jci-filter-group { margin-bottom: 18px; }
.jci-filter-group label { display:block; font-weight: 800; margin: 0 0 8px; }
.jci-filter-group select{
  width:100%; padding: 10px 12px; border:1px solid #cfcfcf; border-radius: 6px;
  background: #fff; font-size: 14px;
}

.jci-alpha { display:flex; flex-wrap:wrap; gap: 8px; }
.jci-alpha .jci-letter{
  background: transparent; border: none; padding: 0; font-weight: 800; cursor: pointer; color:#222;
}
.jci-alpha .jci-letter.active{ text-decoration: underline; }

.jci-reset{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;

  padding: 10px 14px;
  border-radius: 8px;

  background: #111;
  color: #fff;

  border: 1px solid #111;
  cursor: pointer;

  font-weight: 800;
  font-size: 14px;
  line-height: 1;

  text-decoration: none;
}

.jci-reset:hover{
  opacity: 0.9;
}

.jci-reset:active{
  transform: translateY(1px);
}


.jci-cards { display:grid; grid-template-columns: 1fr 1fr; gap: 22px; }
@media (max-width: 900px){
  .jci-cards { grid-template-columns: 1fr; }
}

.jci-card { display:flex; background:#f3f3f3; border-radius: 6px; overflow:hidden; min-height: 170px; }
.jci-card-photo { width: 170px; background:#e9e9e9; flex: 0 0 170px; }
.jci-card-photo img{ width:100%; height:100%; object-fit: cover; display:block; }
.jci-photo-placeholder{
  width:100%; height:100%; display:flex; align-items:center; justify-content:center;
  color:#888; font-weight:800;
}
.jci-card-body { padding: 18px; display:flex; flex-direction: column; gap: 10px; flex:1; }
.jci-card-name { font-size: 22px; font-weight: 900; margin: 0; line-height: 1.2; }
.jci-card-name a { color:#222; text-decoration:none; }
.jci-card-name a:hover { text-decoration: underline; }
.jci-card-sub { font-weight: 800; margin: 0; color:#444; }
.jci-card-meta { margin: 0; color:#555; font-style: italic; font-size: 13px; }
.jci-card-since { margin: 0; color:#555; font-size: 14px; font-weight: 800; }

.jci-pagination { margin-top: 18px; display:flex; gap: 10px; flex-wrap: wrap; }
.jci-pagination .jci-page{
  background:#fff; border:1px solid #ddd; border-radius: 6px; padding: 6px 10px; font-weight: 800; cursor:pointer;
}
.jci-pagination .jci-page.active{ border-color:#111; text-decoration: underline; }

.jci-empty { margin: 0; }