/* Wrapper */
.aac-directory { background: transparent; }
.aac-title { margin: 0 0 12px; font-size: 22px; font-weight: 800; }

/* Search */
.aac-search { display:flex; gap:10px; margin:0 0 16px; }
.aac-search input { flex:1; padding:12px 14px; border:1px solid #e6e6e6; border-radius:999px; }
.aac-search button { padding:12px 16px; border:0; border-radius:999px; cursor:pointer; }

/* Card Grid (like listings) */
.aac-cards{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap:18px;
}

@media (max-width: 1200px){
  .aac-cards{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px){
  .aac-cards{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px){
  .aac-cards{ grid-template-columns: 1fr; }
}

.aac-card{
  background:#fff;
  border:1px solid #eee;
  border-radius:22px;
  overflow:hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,.04);
}

.aac-card-link{ display:block; text-decoration:none; color:inherit; }

/* Media area */
.aac-card-media{
  position:relative;
  aspect-ratio: 1 / 1;
  background:#f6f6f6;
  overflow:hidden;
}

.aac-card-img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* Avatar fallback */
.aac-avatar-fallback{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:64px;
  font-weight:800;
  color:#222;
  background: radial-gradient(circle at 30% 20%, #fff, #ececec);
}

/* Body */
.aac-card-body{ padding:14px 16px 18px; }
.aac-card-title{ font-size:18px; font-weight:800; line-height:1.2; margin-bottom:8px; }

.aac-card-meta{
  display:flex;
  gap:8px;
  align-items:flex-start;
  font-size:14px;
  line-height:1.4;
  opacity:.85;
  margin-top:6px;
}

.aac-ico{ width:18px; flex:0 0 18px; }

/* Pagination */
.aac-pagination { display:flex; gap:8px; margin-top:16px; flex-wrap:wrap; }
.aac-page { padding:8px 12px; border:1px solid #ddd; border-radius:999px; text-decoration:none; }
.aac-page.is-active { border-color:#000; font-weight:800; }

.aac-login-note, .aac-note { margin-top:12px; padding:12px; background:#fafafa; border:1px solid #eee; border-radius:14px; }
.aac-empty { padding:12px; background:#fff; border:1px solid #eee; border-radius:14px; }
/* Grid same feel like listings */
.aac-team-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap:24px;
}

@media (max-width: 1200px){
  .aac-team-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px){
  .aac-team-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px){
  .aac-team-grid{ grid-template-columns: 1fr; }
}

/* Ensure image area looks perfect */
.aac-team-card .member-photo{
  position:relative;
  overflow:hidden;
  border-radius: 22px;
}

.aac-team-card .member-photo img{
  width:100%;
  height:auto;
  display:block;
  object-fit:cover;
}

/* Avatar fallback if no image */
.aac-avatar-fallback{
  width:100%;
  aspect-ratio: 3/4;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:72px;
  font-weight:800;
  background: radial-gradient(circle at 30% 20%, #fff, #eaeaea);
  color:#222;
}
.aac-search{
display:flex;
align-items:center;
gap:10px;
max-width:900px;
margin:auto;
}

.aac-search-input{
flex:1;
padding:16px 20px;
border-radius:40px;
border:1px solid #ddd;
font-size:16px;
	height: 3.75rem;
	    background-color: white;
}

.aac-search-btn{
background:#5f6f3e;
color:#fff;
border:none;
padding:14px 24px;
border-radius:40px;
font-weight:600;
cursor:pointer;
}