/* ==========================================================================
   Newsroom — Media Inquiries (neilkelly/newsroom-media-inquiries)
   Figma: newsroom-hub / Z5_Media_Inquiries (6061:2049)
   Heading + intro + regional PR contact cards. Token-driven.
   ========================================================================== */
.wp-block-neilkelly-newsroom-media-inquiries.nk-media-inquiries {
	background: var(--wp--preset--color--surface-page);
	font-family: var(--wp--preset--font-family--inter);
	box-sizing: border-box;
}

.wp-block-neilkelly-newsroom-media-inquiries .nk-media-inquiries__inner {
	width: 100%;
	max-width: var(--wp--custom--layout--max-width);
	margin-inline: auto;
	padding: var(--wp--preset--spacing--16) var(--wp--preset--spacing--gutter);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--8);
}

.wp-block-neilkelly-newsroom-media-inquiries .nk-media-inquiries__heading {
	margin: 0;
	color: var(--wp--preset--color--ink-primary);
	font-size: var(--wp--preset--font-size--xl-sm);
	font-weight: var(--wp--custom--font-weight--bold);
	line-height: var(--wp--custom--line-height--lg-tight);
	/* Page-specific section header: CAPS (Shawn, 2026-08-19). Title case at this size and
	   weight read as a card label rather than a section header — the card titles below are
	   md/semibold, close enough that the two flattened together.
	   SIZE IS UNCHANGED at 28px, which is already the size asked for. The theme's shared
	   caps class, nk-headline--content, is not used here because it is 50px — larger than
	   this page's own h1 (nk-newsroom-hero__title, nk-headline--structural, 36px), so it
	   would invert the hierarchy. 28 caps under a 36 title-case h1 keeps it.
	   Tracking follows nk-faq-hero's uppercase heading: snug is em-based, so it holds at
	   any size, where the 50px --content headings use the px-based neg-102. */
	text-transform: uppercase;
	letter-spacing: var(--wp--custom--letter-spacing--snug);
}

.wp-block-neilkelly-newsroom-media-inquiries .nk-media-inquiries__intro {
	margin: calc(-1 * var(--wp--preset--spacing--6)) 0 0; /* tighten to the heading (Figma gap) */
	max-width: var(--wp--custom--components--project-finder--subhead-max-width);
	color: var(--wp--preset--color--ink-secondary);
	font-size: var(--wp--preset--font-size--base);
	line-height: var(--wp--custom--line-height--base);
}
/* WYSIWYG intro: font/colour inherit to the inner paragraphs; strip their outer margins so
   the band spacing above stays exact, and keep an even gap between multiple paragraphs. */
.wp-block-neilkelly-newsroom-media-inquiries .nk-media-inquiries__intro > * {
	margin-block: 0;
}
.wp-block-neilkelly-newsroom-media-inquiries .nk-media-inquiries__intro > * + * {
	margin-top: var(--wp--preset--spacing--3);
}

/* Contact cards */
.wp-block-neilkelly-newsroom-media-inquiries .nk-media-inquiries__cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--8);
	max-width: var(--wp--custom--layout--content-width);
}
.wp-block-neilkelly-newsroom-media-inquiries .nk-media-inquiries__card {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--4);
	padding: var(--wp--preset--spacing--8);
	background: var(--wp--preset--color--surface-page);
	border: 1px solid var(--wp--preset--color--border-default);
	border-radius: var(--wp--custom--radius--lg);
}
.wp-block-neilkelly-newsroom-media-inquiries .nk-media-inquiries__region {
	margin: 0;
	color: var(--wp--preset--color--ink-secondary);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: var(--wp--custom--font-weight--bold);
	letter-spacing: var(--wp--custom--letter-spacing--wide);
	text-transform: uppercase;
}
.wp-block-neilkelly-newsroom-media-inquiries .nk-media-inquiries__name {
	margin: 0;
	color: var(--wp--preset--color--ink-primary);
	font-size: var(--wp--preset--font-size--md-base);
	font-weight: var(--wp--custom--font-weight--bold);
}
.wp-block-neilkelly-newsroom-media-inquiries .nk-media-inquiries__contact {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--0-5);
	margin: 0;
	color: var(--wp--preset--color--ink-secondary);
	font-size: var(--wp--preset--font-size--ui-nav);
	line-height: var(--wp--custom--line-height--md);
}
.wp-block-neilkelly-newsroom-media-inquiries .nk-media-inquiries__contact a {
	color: var(--wp--preset--color--ink-secondary);
	text-decoration: none;
	width: fit-content;
}
.wp-block-neilkelly-newsroom-media-inquiries .nk-media-inquiries__contact a:hover {
	color: var(--wp--preset--color--brand-red);
	text-decoration: underline;
}
.wp-block-neilkelly-newsroom-media-inquiries .nk-media-inquiries__contact a:focus-visible {
	outline: 2px solid var(--wp--preset--color--brand-red);
	outline-offset: 2px;
}

@media (max-width: 767px) {
	.wp-block-neilkelly-newsroom-media-inquiries .nk-media-inquiries__inner {
		padding: var(--wp--preset--spacing--12) var(--wp--preset--spacing--6);
	}
	.wp-block-neilkelly-newsroom-media-inquiries .nk-media-inquiries__cards {
		grid-template-columns: minmax(0, 1fr);
	}
}