/* =========================================================
   Publications + Portfolio list rows with left thumbnails
   (fixed, consistent height across all items)
   ========================================================= */

/* One row */
.pubrow {
  display: grid;
  grid-template-columns: 150px 1fr; /* thumbnail column + content */
  column-gap: 1.05rem;
  align-items: start;
  margin-bottom: 1.4rem;
}

/* Fixed thumbnail size for consistency */
.pubrow__thumb,
.pubrow__thumb--empty {
  width: 150px;
  height: 96px;                 /* <<< consistent height for every item */
  border-radius: 12px;
  overflow: hidden;
  background: rgba(0,0,0,0.04);
  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
  display: block;
}

/* Image fills the box */
.pubrow__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Main text block */
.pubrow__main {
  min-width: 0;
}

/* Title spacing so thumb visually matches "title + links" block height */
.pubrow__title {
  margin: 0 0 0.35rem 0;
  line-height: 1.15;
}

/* Links directly under title */
.pub__links {
  margin: 0 0 0.45rem 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  line-height: 1.15;
}

/* Link styling */
.pub__link {
  font-size: 0.92rem;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  padding-bottom: 1px;
  opacity: 0.9;
}
.pub__link:hover {
  border-bottom-width: 2px;
  opacity: 1;
}

/* Meta line: subdued + aligned */
.pub__meta {
  float: none !important;
  text-align: left !important;
  margin: 0 0 0.9rem 0 !important;
  padding: 0 !important;
  opacity: 0.7;
  font-size: 0.92rem;
}

/* Mobile: stack thumbnail above text */
@media (max-width: 600px) {
  .pubrow {
    grid-template-columns: 1fr;
    row-gap: 0.65rem;
  }
  .pubrow__thumb,
  .pubrow__thumb--empty {
    width: 100%;
    height: 180px;
  }
}

/* =========================================================
   Constrain HERO image width on single publication pages
   (Academic Pages / Minimal Mistakes)
   ========================================================= */

/* Applies to single pages (publication + portfolio items) */
.layout--single .page__hero,
.layout--single .page__hero--overlay {
  max-width: 52rem !important;        /* same width as title/content column */
  margin-left: auto !important;
  margin-right: auto !important;
  transform: none !important;         /* kill any weird 3D/tilt transforms */
}

/* If hero is an <img> */
.layout--single .page__hero img,
.layout--single .page__hero--overlay img {
  width: 100% !important;
  height: auto !important;
  max-height: 420px !important;       /* optional cap */
  object-fit: cover !important;
  border-radius: 14px;
  transform: none !important;
}

/* If hero is a background-image on overlay */
.layout--single .page__hero--overlay {
  background-size: cover !important;
  background-position: center !important;
}

/* Also ensure the main content is the same width */
.layout--single .page__content,
.layout--single .page__inner-wrap {
  max-width: 52rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
}