/*
 * G59: Delivery Information fee sections line up across each row.
 *
 * Each .bhp-sh-col holds heading, fee table and delivery note. The sections
 * sit in an auto-fit grid, so a two-line heading pushed its table below the
 * table beside it. Each column now spans three rows of the parent grid and
 * takes those tracks as a subgrid: headings share one row, tables the next,
 * notes the last, per row of sections. Config investigated: the page layout is
 * post content with an inline <style>; the Gutenberg group block has no
 * subgrid option, so this is theme CSS.
 */
@supports (grid-template-rows: subgrid) {
	.bhp-sh .bhp-sh-cols > .bhp-sh-col {
		display: grid;
		grid-row: span 3;
		grid-template-rows: subgrid;
		row-gap: 0;
		min-width: 0;
	}

	.bhp-sh .bhp-sh-cols > .bhp-sh-col > h3.bhp-sh-h3 {
		margin-bottom: 14px;
	}
}