/* ROUND 76, PHASE 4: THE PAGER STANDS CLEAR OF THE LAST ROW OF TILES.
 *
 * MEASURED ON THE CANDIDATE BEFORE, on the home page: the pagination's
 * margin-top computes to 23.04px at 1440 and 27.84px at 390 -- the theme's
 * 1.44rem, so the number moves with the root font size and was never chosen
 * for this grid.
 *
 * AND THE NUMBER HAS TO ALLOW FOR THE SHADOW, which is the thing the round
 * names: "~30px between the card grid's drop-shadow and the pagination row".
 * `article.card-v2` carries `box-shadow: 0 3px 16px rgba(0,0,0,.14)`
 * (cards-v2.css), so the shadow is drawn 3 + 16 = 19px BELOW the card's own
 * box. A 30px margin would leave 11px of clear space under the shadow, not
 * 30. So a grid of card_v2 tiles gets 49px from the box, which is 30 from the
 * shadow, and a grid of the tiles captured from WordPress -- which carry no
 * shadow at all, measured `box-shadow: none` -- gets the 30 straight.
 *
 * `:has()` is how the sheet tells the two apart without the page having to
 * say which it drew. A browser too old for it lands on the 30px rule, which
 * is the old 23 improved rather than anything broken.
 */
.gt-block.kitchen-guide-list .list + .pagination,
.gt-block.kitchen-guide-list .pagination { margin-top: 30px; }

.gt-block.kitchen-guide-list .list:has(article.card-v2) + .pagination {
  margin-top: 49px;
}