/* =========================================
   CONTAINER
========================================= */
.bsc-msc-widget-container {
  font-family: Arial, sans-serif;
  color: #333;
  max-width: 100%; 
  box-sizing: border-box !important; 
  margin: 0 !important; 
  padding: 0 !important;
  overflow-x: hidden !important; 
}

/* =========================================
   THESIS FILTERS
========================================= */
.pub-filters-wrapper { background-color: #f9f9f9; border: 1px solid #dcdede; border-radius: 8px; padding: 20px; margin-bottom: 30px; }
.pub-filter-row { display: flex; align-items: flex-start; margin-bottom: 15px; }
.pub-filter-row:last-child { margin-bottom: 0; }
.pub-filter-label { font-weight: 700; color: #1e2328; width: 70px; flex-shrink: 0; margin-top: 6px; }

/* Let pills wrap to a new line */
.pub-filter-container { display: flex; gap: 10px; flex-wrap: wrap; }
.pub-filter-pill { background-color: #ffffff; border: 1px solid #dadce0; border-radius: 16px; padding: 6px 14px; font-size: 14px; color: #3c4043; cursor: pointer; white-space: nowrap; transition: all 0.2s ease; }
.pub-filter-pill:hover { background-color: #f1f3f4; }
.pub-filter-pill.active { background-color: #002c5f; color: #ffffff; border-color: #002c5f; }

/* =========================================
   THESIS LIST CARDS
========================================= */
.publications-list-layout { display: flex; flex-direction: column; gap: 12px; margin-bottom: 60px; padding-right: 8px; }
.pub-card { background-color: #ffffff; border: 1px solid #dcdede; border-left: 5px solid #002c5f; border-radius: 4px; padding: 16px 20px; transition: box-shadow 0.2s ease, transform 0.2s ease; }
.pub-card:hover { box-shadow: 0 4px 15px rgba(0,0,0,0.08); transform: translateX(4px); }
.pub-title { font-family: "Univers Next W02", Arial, sans-serif; font-size: 20px; font-weight: 700; color: #002c5f; text-decoration: none; margin-bottom: 4px; line-height: 1.2; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pub-title:hover { text-decoration: underline; }

/* Forced narrow font for authors */
.pub-authors { font-family: "Univers Next W02", Arial, sans-serif !important; font-size: 14px !important; color: #1e2328; margin-bottom: 4px; font-weight: 500; }
.pub-author-link { color: #822433; text-decoration: none; font-weight: 500; }
.pub-author-link:hover { text-decoration: underline; }

/* Split gaps to prevent huge vertical spacing */
.pub-meta { font-size: 13px; color: #686b6e; margin-bottom: 10px; display: flex; flex-wrap: wrap; column-gap: 12px; row-gap: 4px; line-height: 1.4; }
.pub-venue { font-style: italic; }
.pub-type { font-weight: 700; color: #1e2328; }
.pub-date { font-weight: 500; color: #1e2328; }

.pub-tags { display: flex; gap: 6px; flex-wrap: wrap; }
.pub-tags span { font-size: 10px; font-weight: 700; padding: 3px 8px; border-radius: 2px; color: #ffffff; }

.tag-black  { background-color: #2D3748 !important; } 
.tag-blue   { background-color: #2B6CB0 !important; } 
.tag-purple { background-color: #6B46C1 !important; } 
.tag-green  { background-color: #2F855A !important; } 
.tag-red    { background-color: #C53030 !important; } 
.tag-teal   { background-color: #2C7A7B !important; } 
.tag-orange { background-color: #C05621 !important; } 
.tag-yellow { background-color: #975A16 !important; } 
.tag-cyan   { background-color: #086F83 !important; } 
.tag-gray   { background-color: #4A5568 !important; }

/* Mobile */
@media screen and (max-width: 768px) {
  .pub-card { padding: 15px; }
  .pub-title { font-size: 18px; margin-bottom: 8px; }
  .pub-authors { font-size: 14px !important; }
  .pub-meta { font-size: 12px; column-gap: 10px; margin-bottom: 12px; }
  .pub-tags span { font-size: 10px; padding: 3px 8px; }
  .pub-filter-pill { font-size: 13px; padding: 5px 12px; }
}