/* Learning article hero (templates/single.html, ticket #1078, 27 Oct 2026): the featured image
 * is the BACKGROUND of the head — category, title, date — under a darker wash than the product
 * hero's, and the white paper rises over its foot the way the product card does (Clare + Meg:
 * "more like the individual product pages … a darker overlay to allow the heading to be clear
 * … the copy closer to the heading"). It was the top band of the paper, 21:9 and notched, with
 * the head on the bare ground above it.
 *
 * `:root` + doubled classes (0,3,0+): WP's layout margins are `:root :where(.is-layout-*) > *`
 * at 0,2,0 and print after this file, so a single class would lose the pull-up silently (the
 * same trap as the product card's fusion in blocks.css). */

/* The cover's own 430px minimum and 1em padding go: the head sizes the band, plus the pull. */
:root .pwr-b-posthero-cover.pwr-b-posthero-cover {
	--pwr-post-pull: var(--wp--preset--spacing--xxl); /* how far the paper rises over the photo */
	min-height: 0;
	padding: 0 0 calc(var(--pwr-post-pull) + var(--wp--preset--spacing--l));
	margin-block: 0;
}
.pwr-b-posthero-cover .wp-block-cover__image-background {
	object-position: center 35%;
}

/* The paper rises over the photo's foot. */
:root .pwr-b-posthero-cover + .pwr-b-paper.pwr-b-paper {
	position: relative;
	z-index: 1;
	margin-top: calc(-1 * var(--pwr-post-pull, var(--wp--preset--spacing--xxl)));
}

/* An article that OPENS with a full-width coloured band (two of them do, on fse-build) starts
   the band at the paper's top edge: the content's own top padding would leave a white strip
   over the band, which now sits right where the paper meets the photo. */
.pwr-b-paper .wp-block-post-content:has(> .alignfull.has-background:first-child) {
	padding-top: 0 !important;
}

/* The article's lead line — the first heading of the content, orange — reads in sentence case,
   not the house capitals (ticket #1078: "remain orange but just in sentence case — it's a lot
   of copy to be in all caps"). Every other H2 in the paper keeps the house voice. Matched as the
   content's first block, or the first block of the group it opens with, which is how
   `wp powershift articles` laid them out. */
.pwr-b-paper .wp-block-post-content > h2:first-child,
.pwr-b-paper .wp-block-post-content > .wp-block-group:first-child > h2:first-child {
	text-transform: none;
	letter-spacing: 0;
}

/* The paper lifts off the dark ground the way every white card does. */
.pwr-b-paper {
	box-shadow: var(--wp--preset--shadow--m-dark);
}

/* The article's own heading scale (20 Oct 2026). `wp powershift articles` gave the Learning
   articles a real outline — section heads H2, heads inside a media-text / feature / scenario
   H3, the boxes under a scenario H4 — and the site's H2 is the 48px display size, which turns a
   twelve-word article head into a wall. Inside the paper only, one step down: H2 at the
   sub-heading size (still 900, uppercase, the house voice), H3 at xl, H4 at l. The page title
   above the paper keeps the H1. Same type tokens, only the step changes. */
.pwr-b-paper .wp-block-post-content h2 {
	font-size: var(--wp--custom--type--subheading);
	line-height: 1.15;
}
.pwr-b-paper .wp-block-post-content h3 {
	font-size: var(--wp--preset--font-size--xl);
	line-height: 1.2;
}
.pwr-b-paper .wp-block-post-content h4 {
	font-size: var(--wp--preset--font-size--l);
}