.block-categories-grid .categories {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0;
  margin-top: 42px;
  border: 2px solid var(--line); border-bottom: 0;
  max-width: 920px;
}
/* Each cell is a wrapping <div> so the editor's URL pill lands inside
   the cell (not in the next grid slot). The border rules move from the
   old <a> to this wrapper. */
.block-categories-grid .category-cell {
  border-bottom: 2px solid var(--line);
  position: relative;
}
.block-categories-grid .category-cell:nth-child(odd) { border-right: 2px solid var(--line); }
.block-categories-grid .category {
  display: block;
  padding: 24px;
  font-size: clamp(28px, 4vw, 58px); line-height: .9;
  font-weight: 900; text-transform: uppercase; letter-spacing: -.075em;
}
.block-categories-grid .category span {
  display: block; color: var(--accent);
  font-size: 12px; letter-spacing: .08em; margin-bottom: 13px; line-height: 1;
}

/* The + Add category button takes a full grid row so it stays wide
   and centred underneath the last row of cells. */
.block-categories-grid .cms-list-item-add {
  grid-column: 1 / -1;
  border-top: 2px solid var(--line);
}

@media (max-width: 820px) {
  .block-categories-grid .categories { grid-template-columns: 1fr; }
  .block-categories-grid .category-cell:nth-child(odd) { border-right: 0; }
}