.mrmaid-directory{margin:40px 0}
.mrmaid-search{
  position:sticky;
  top:10px;
  background:#fff;
  padding:10px;
  z-index:10;
  display:flex;
  gap:10px;
}
.mrmaid-search select,
.mrmaid-search input{
  width:100%;
  padding:10px 12px;
  border-radius:10px;
  border:1px solid #ccc;
  font-size:14px;
}
.mrmaid-region{margin-top:32px}
.mrmaid-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.mrmaid-card{
  display:flex;
  gap:14px;
  padding:16px;
  background:#fff;
  border-radius:16px;
  text-decoration:none;
  color:#000;
  box-shadow:0 8px 18px rgba(0,0,0,.12);
  border:3px solid transparent;
}

.mrmaid-thumb{
  width:90px;
  height:90px;
  flex-shrink:0;
  border-radius:12px;
  overflow:hidden;
  background:#eee;
}
.mrmaid-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.mrmaid-card-info strong{
  display:block;
  margin-bottom:6px;
  font-size:15px;
}
.mrmaid-rating{
  font-size:13px;
  color:#333;
  margin-bottom:6px;
}
.mrmaid-excerpt{
  font-size:13px;
  color:#666;
}

/* Rating tiers */
.tier-top{border-color:#1f8f3a;background:#f3fbf6}
.tier-mid{border-color:#f0b429;background:#fffaf0}
.tier-low{border-color:#ddd;background:#fafafa}

@media(max-width:1024px){
  .mrmaid-cards{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .mrmaid-search{flex-direction:column}
  .mrmaid-cards{grid-template-columns:1fr}
  .mrmaid-thumb{width:80px;height:80px}
}