/* =========================================
   LATEST RESEARCH OUTPUTS - LIST VIEW
========================================= */

.preview-block .resource-list .resource{
padding:18px;
border-radius:10px;
border:1px dashed #ddd;
background:#fff;
margin-bottom:20px;
transition:all .2s ease;
}

.preview-block .resource-list .resource:hover{
border-color:#c89b2b;
box-shadow:0 3px 8px rgba(0,0,0,0.05);
}


/* =========================================
   GRID VIEW (do not break masonry layout)
========================================= */

.preview-block .resource-grid .resource{
border:none;
padding:0;
margin-bottom:20px;
background:none;
}


/* =========================================
   TITLE STYLE
========================================= */

.preview-block .resource__meta a{
font-size:18px;
font-weight:600;
color:#222;
text-decoration:none;
display:block;
margin-bottom:6px;
line-height:1.4;
}

.preview-block .resource__meta a:hover{
color:#c89b2b;
text-decoration:underline;
}


/* =========================================
   METADATA STYLE
========================================= */

.preview-block .item-meta{
font-size:13px;
color:#555;
line-height:1.6;
margin-top:6px;
}

.preview-block .item-meta div{
margin-bottom:3px;
}

.preview-block .item-meta strong{
color:#333;
font-weight:600;
}


/* =========================================
   RESOURCE TAG (Theses / Faculty Research)
========================================= */

.preview-block .resource-tags{
margin-bottom:6px;
}

.preview-block .resource-tags span{
background:#f4f4f4;
padding:4px 10px;
border-radius:20px;
font-size:12px;
font-weight:500;
color:#555;
}


/* =========================================
   GRID/LIST TOGGLE BUTTON
========================================= */

.preview-block .layout-toggle button{
background:none;
border:none;
font-size:14px;
color:#777;
cursor:pointer;
}

.preview-block .layout-toggle button:hover{
color:#c89b2b;
}


/* =========================================
   DESCRIPTION TEXT
========================================= */

.preview-block .description{
font-size:13px;
color:#666;
margin-top:8px;
line-height:1.6;
}


/* =========================================
   RESPONSIVE FIX
========================================= */

@media (max-width:768px){

.preview-block .resource-list .resource{
padding:15px;
}

.preview-block .resource__meta a{
font-size:16px;
}

}

/* ===============================
   Browse Page Search Bar
================================ */

.inline-search{
display:inline-flex;
align-items:center;
margin-left:20px;
gap:10px;
vertical-align:middle;
}

/* Search Input */

.inline-search .search-input{
width:420px;
max-width:50vw;
padding:8px 14px;
border:1px solid #ccc;
border-radius:25px;
font-size:14px;
outline:none;
transition:all .2s ease;
}

/* Focus Effect */

.inline-search .search-input:focus{
border-color:#e6b31e;
box-shadow:0 0 0 2px rgba(230,179,30,0.15);
}

/* Search Button */

.inline-search .search-button{
background:#e6b31e;
color:#fff;
border:none;
padding:8px 18px;
border-radius:20px;
font-size:14px;
cursor:pointer;
transition:all .2s ease;
}

/* Button Hover */

.inline-search .search-button:hover{
background:#d4a314;
}

/* Mobile Responsive */

@media (max-width:768px){

.inline-search{
margin-top:10px;
display:flex;
width:100%;
}

.inline-search .search-input{
width:100%;
max-width:100%;
}

}

/* Space below the search bar */

.inline-search{
display:inline-flex;
align-items:center;
margin-left:20px;
gap:10px;
margin-bottom:15px;  
}