.mpt-directory{

display:grid;

grid-template-columns:repeat(auto-fill,minmax(260px,1fr));

gap:20px;

margin:30px 0;

}

.mpt-card{

border:1px solid #ddd;

padding:20px;

border-radius:8px;

background:#fff;

text-align:center;

}

.mpt-card img{

max-width:120px;

max-height:120px;

margin-bottom:15px;

}

.mpt-card audio{

width:100%;

margin-top:15px;

}

.mpt-single{

max-width:900px;

margin:auto;

}

.mpt-single img{

margin-bottom:20px;

}
.mpt-search-box{

margin:25px 0;

}

#mpt-search{

width:100%;

max-width:500px;

padding:12px;

font-size:16px;

}

#mpt-search-results{

border:1px solid #ddd;

margin-top:5px;

max-width:500px;

background:#fff;

}

.mpt-result{

padding:10px;

border-bottom:1px solid #eee;

}

.mpt-result:hover{

background:#f7f7f7;

}

.mpt-result a{

display:block;

text-decoration:none;

}