/**
 * Sugar Hill Hop - Pedagogy: the provenance card.
 *
 * Unstyled, this block rendered as full-weight page content: an h2 the same size
 * as the page's real headings, full-bleed, with nothing marking it as a credit
 * rather than another section. It read as if the page had gained a chapter.
 *
 * So it is deliberately made SUBORDINATE. The "Provenance" title becomes a small
 * uppercase label rather than a heading, the body sits a notch below the page's
 * text size, and the whole thing is contained in a card that is visibly an aside.
 * The heading levels are untouched - h2/h3 are correct for the document outline,
 * and it is only their visual weight that was wrong.
 *
 * Colours come from the theme's own palette custom properties, with the literal
 * hex as a fallback so the card still looks deliberate if it is ever rendered
 * outside this theme. Body background is cream, so the card is warm-white with a
 * gold edge to lift it off the page.
 *
 * Selectors are doubled (.shh-provenance .shh-provenance__x) purely to out-weigh
 * theme.json's generated `:root :where(h2)` element styles, which land at the
 * same specificity as a single class. That is cheaper than !important and does
 * not stop anyone overriding this from a child theme.
 */

.shh-provenance {
	margin-block-start: 3rem;
	padding: clamp( 1.25rem, 3vw, 2rem );
	border: 1px solid var( --wp--preset--color--shh-gold-light, #e8d9a0 );
	border-top: 3px solid var( --wp--preset--color--shh-gold, #c8a951 );
	border-radius: 6px;
	background: var( --wp--preset--color--shh-warm-white, #fffcf7 );
	color: var( --wp--preset--color--shh-text-body, #4a3f35 );
	font-size: .9375rem;
	line-height: 1.65;
}

.shh-provenance .shh-provenance__heading {
	margin: 0 0 1.25rem;
	padding: 0;
	color: var( --wp--preset--color--shh-text-light, #8a7e72 );
	font-family: var( --wp--preset--font-family--body, inherit );
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .14em;
	line-height: 1.2;
	text-transform: uppercase;
}

.shh-provenance__groups {
	display: grid;
	gap: 1.75rem;
}

/* Two columns only when both halves are present - a lone group stays full width
   rather than rendering as a half-empty grid. */
@media ( min-width: 48em ) {
	.shh-provenance__groups.has-two {
		grid-template-columns: 1fr 1fr;
		gap: 2.5rem;
	}
}

.shh-provenance .shh-provenance__subheading {
	margin: 0 0 .6rem;
	padding: 0;
	color: var( --wp--preset--color--shh-deep-burgundy, #6b2d3e );
	font-family: var( --wp--preset--font-family--body, inherit );
	font-size: .8125rem;
	font-weight: 700;
	letter-spacing: .06em;
	line-height: 1.3;
	text-transform: uppercase;
}

.shh-provenance .shh-provenance__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.shh-provenance .shh-provenance__list li + li {
	margin-top: .9rem;
}

.shh-provenance .shh-provenance__list strong {
	color: var( --wp--preset--color--shh-rich-brown, #3d2b1f );
	font-weight: 700;
}

.shh-provenance .shh-provenance__citation {
	margin: 1.75rem 0 0;
	padding-top: 1rem;
	border-top: 1px solid var( --wp--preset--color--shh-gold-light, #e8d9a0 );
	color: var( --wp--preset--color--shh-text-light, #8a7e72 );
	font-size: .8125rem;
	line-height: 1.55;
}

.shh-provenance .shh-provenance__citation cite {
	font-style: italic;
}

/* A DOI is long and unbreakable; without this it overflows the card on a phone. */
.shh-provenance .shh-provenance__citation a {
	overflow-wrap: anywhere;
	word-break: break-word;
}