/* --- HOME page: force list layout next to a small cover --- */
.pkp_page_index .cmp_monographs .items { display:block !important; }

/* Put all content in 2 columns: [72px cover] [stacked text] */
.pkp_page_index .obj_monograph_summary{
  display:grid !important;
  grid-template-columns:72px 1fr !important;
  column-gap:14px;
  align-items:start;
  padding:14px 0;
  border-bottom:1px solid #e6e6e6;
}

/* Left column = cover */
.pkp_page_index .obj_monograph_summary > .cover{ grid-column:1 !important; }
.pkp_page_index .obj_monograph_summary > .cover img{ width:72px; height:auto; }

/* Everything else (series, title, authors, date…) stacked in col 2 */
.pkp_page_index .obj_monograph_summary > *:not(.cover){
  grid-column:2 !important;
  float:none !important;
  width:100% !important;
  margin:0 0 6px 0;
  border:0 !important;         /* remove those vertical dividers */
}

/* Styling to match your desired format */
.pkp_page_index .obj_monograph_summary .series,
.pkp_page_index .obj_monograph_summary .series_title{
  display:block; font-weight:700; color:#6a6a6a; text-transform:uppercase; margin:0 0 4px 0;
}
.pkp_page_index .obj_monograph_summary .title{ margin:0 0 6px 0; }
.pkp_page_index .obj_monograph_summary .title a{ font-weight:700; text-decoration:none; color:#0b5ea8; }
.pkp_page_index .obj_monograph_summary .authors{ color:#555; margin:0 0 6px 0; }
.pkp_page_index .obj_monograph_summary .date,
.pkp_page_index .obj_monograph_summary .publication_date{ color:#777; margin:0; }

/* Optional: also apply to Catalog page */
.page_catalog .cmp_monographs .items{ display:block !important; }
.page_catalog .obj_monograph_summary{ display:grid !important; grid-template-columns:72px 1fr !important; column-gap:14px; align-items:start; padding:14px 0; border-bottom:1px solid #e6e6e6; }
.page_catalog .obj_monograph_summary > .cover{ grid-column:1 !important; }
.page_catalog .obj_monograph_summary > .cover img{ width:72px; height:auto; }
.page_catalog .obj_monograph_summary > *:not(.cover){ grid-column:2 !important; float:none !important; width:100% !important; margin:0 0 6px 0; border:0 !important; }
