/**
 * PG4 Content Hub page (templates/home.html, inc/hub-page.php; Figma 184:4111, 1440 x 2744).
 *
 * Assembly only: the hero (P1 family), chips (P12), grid + See more (P6) and newsletter band
 * (P10) keep their own partials. This file owns what the template adds: the <main> offset and
 * the vertical rhythm BETWEEN the parts. Partials sort by basename: this one loads AFTER
 * lts-global.css, lts-hero-split.css and lts-hub-cards.css, and BEFORE lts-newsletter-band.css and
 * lts-term-chips.css. Every rule here is prefixed `.lts-hub-page` (one class more than the
 * rule it beats), so specificity decides, not order.
 *
 * Drawn (1440, page y minus the 121 where the hero starts): hero 509; chips 73 below it (chip
 * 40 high); cards 55 under the chips (4 x 289 x 369, gap 20 / 32); See more 77 under the last
 * row (155 x 54, centred); newsletter card 96 under the button (331 high); footer 113 under
 * the card. P12 owns the 73 / 55, P6 the 77.
 *
 * Alignment: hero text, chips and cards all sit on the content column (theme.json contentSize) (page gutter up to 1440,
 * half of the remainder beyond); the newsletter card is centred on the same axis.
 */

/* The parent pads a <main> that has no .kd-hero-* (global.css badge clearance, 4rem): the Deep
   hero starts flush under the header. */
.wp-site-blocks > main#kd-main.lts-hub-page {
	padding-top: 0;
}

/* Hero: the Content Hub copy sits higher than the shared interior hero's (H1 top 163 vs 182 at
   1440, Figma 188:4300). The cover centres its content between the top and bottom padding, so
   a top padding of 87 (5.4375rem) lands the H1 at 163. Desktop only: < 782 stacks the panel. */
.lts-hub-page .lts-hero-split--hub.wp-block-cover {
	--lts-hero-top: 5.4375rem;
}

/* The grid group is only the content column; the chips section and Load more own their spacing. */
.lts-hub-page .lts-hub-page__grid.wp-block-group {
	margin-block: 0;
	padding-block: 0;
}

/* Newsletter band: 96 above (See more -> card), 113 below (card -> footer); the pattern's own
   72 / 80 is the Home value. */
.lts-hub-page .kd-cta-band.lts-newsletter {
	padding-block: 6rem 7.0625rem;
}

@media (max-width: 781.98px) {
	/* Derived (no mobile frame). */
	.lts-hub-page .kd-cta-band.lts-newsletter {
		padding-block: 3.5rem 4.5rem;
	}
}