/* 1) Default: Two‐column grid for all items except the first */
.wpra-grid-item__content {
  display: grid !important;
  grid-template-columns: 120px 1fr !important;  /* col-1: image (120px), col-2: text */
  grid-template-rows: auto auto !important;      /* row-1: title, row-2: info */
  grid-template-areas:
    "image title"
    "image info" !important;
  column-gap: 12px !important;                   /* gap between image and text */
  align-items: start !important;
}

.wpra-grid-item__image {
  grid-area: image;
  width: 120px !important;
  height: 97px !important;           /* matches the original inline height */
  background-size: cover !important;
  background-position: center !important;
  display: block !important;         /* ensure it’s visible even if parent has height auto */
}

.wpra-grid-item__title {
  grid-area: title;
  margin: 0 !important;
}

.wpra-grid-item__information {
  grid-area: info;
  margin-top: 4px !important;
  font-size: 0.9em !important;
  color: #666 !important;
}

/* 2) First item override: full-width image above text */
/* Use both selectors (.feed-item:first-child and :first-of-type) to ensure matching */
.wpra-item.feed-item:first-child .wpra-grid-item__content,
.wpra-item.feed-item:first-of-type .wpra-grid-item__content {
  display: grid !important;
  grid-template-columns: 1fr !important;         /* single column */
  grid-template-rows: auto auto auto !important;  /* row-1: image, row-2: title, row-3: info */
  grid-template-areas:
    "image"
    "title"
    "info" !important;
  column-gap: 0 !important;
}

.wpra-item.feed-item:first-child .wpra-grid-item__image,
.wpra-item.feed-item:first-of-type .wpra-grid-item__image {
  grid-area: image;
  width: 100% !important;           /* span the full container width */
  height: 242px !important;         /* fixed height so background is visible */
  min-height: 242px !important;     /* prevent any height:auto from collapsing it */
  display: block !important;        /* override any display:none or inline defaults */
  background-size: cover !important;
  background-position: center !important;
  margin: 0 0 12px 0 !important;    /* space under the full-width image */
}

.wpra-item.feed-item:first-child .wpra-grid-item__title,
.wpra-item.feed-item:first-of-type .wpra-grid-item__title {
  grid-area: title;
  margin: 0 0 4px 0 !important;
}

.wpra-item.feed-item:first-child .wpra-grid-item__information,
.wpra-item.feed-item:first-of-type .wpra-grid-item__information {
  grid-area: info;
  margin: 0 !important;
  font-size: 0.9em !important;
  color: #666 !important;
}