/* ==========================================================================
   Newsroom — In The News (neilkelly/newsroom-in-the-news)
   Figma: newsroom-hub / Z3_In_The_News (6061:1948)
   Light band · heading · press mentions grouped by year (h4) with link rows (p).
   Token-driven; styles the wysiwyg body's h4 (year) + p (mention) markup.
   ========================================================================== */
.wp-block-neilkelly-newsroom-in-the-news.nk-in-the-news {
	background: var(--wp--preset--color--surface-subtle);
	font-family: var(--wp--preset--font-family--inter);
	box-sizing: border-box;
}

.wp-block-neilkelly-newsroom-in-the-news .nk-in-the-news__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);
}

/* Section heading — bold, sentence case (unified newsroom section-header treatment;
   all-caps is reserved for eyebrow labels). */
.wp-block-neilkelly-newsroom-in-the-news .nk-in-the-news__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);
}

/* ── Year groups: two-column grid on desktop, filled ROW-major so the years read
   left-to-right by row (2026 2025 / 2024 2023 …), not down each column. ── */
.wp-block-neilkelly-newsroom-in-the-news .nk-in-the-news__years {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: var(--wp--preset--spacing--16);
	row-gap: var(--wp--preset--spacing--8);
	align-items: start;
}
.wp-block-neilkelly-newsroom-in-the-news .nk-in-the-news__year {
	/* Divider between years — the FAQ hairline (1px neutral-200), matching the
	   "Portland Remodeling FAQs" list on the location page. */
	padding-top: var(--wp--preset--spacing--5);
	border-top: 1px solid var(--wp--preset--color--neutral-200);
}
.wp-block-neilkelly-newsroom-in-the-news .nk-in-the-news__year[hidden] {
	display: none;
}

/* Strengthened year marker. */
.wp-block-neilkelly-newsroom-in-the-news .nk-in-the-news__year-label {
	margin: 0 0 var(--wp--preset--spacing--2);
	color: var(--wp--preset--color--ink-primary);
	font-size: var(--wp--preset--font-size--md);
	font-weight: var(--wp--custom--font-weight--extrabold);
	line-height: var(--wp--custom--line-height--lg-tight);
}

/* Mentions — no per-row hairlines; just breathing room between rows. */
.wp-block-neilkelly-newsroom-in-the-news .nk-in-the-news__items {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--3);
}
.wp-block-neilkelly-newsroom-in-the-news .nk-in-the-news__item {
	margin: 0;
}

/* Article title link — standard copy size (matches the FAQ question links). */
.wp-block-neilkelly-newsroom-in-the-news .nk-in-the-news__link {
	display: inline-flex;
	align-items: baseline;
	gap: var(--wp--preset--spacing--1-5);
	font-size: var(--wp--preset--font-size--md-sm);
	font-weight: var(--wp--custom--font-weight--medium);
	line-height: var(--wp--custom--line-height--snug);
	color: var(--wp--preset--color--ink-primary);
	text-decoration: none;
}
.wp-block-neilkelly-newsroom-in-the-news .nk-in-the-news__link:hover .nk-in-the-news__title,
.wp-block-neilkelly-newsroom-in-the-news .nk-in-the-news__link:focus-visible .nk-in-the-news__title {
	color: var(--wp--preset--color--brand-red);
	text-decoration: underline;
}
.wp-block-neilkelly-newsroom-in-the-news .nk-in-the-news__link:focus-visible {
	outline: 2px solid var(--wp--preset--color--brand-red);
	outline-offset: 2px;
}
.wp-block-neilkelly-newsroom-in-the-news .nk-in-the-news__ext {
	flex-shrink: 0;
	align-self: center;
	color: var(--wp--preset--color--neutral-500);
}

/* Publication name recedes to grey, smaller. */
.wp-block-neilkelly-newsroom-in-the-news .nk-in-the-news__pub {
	display: block;
	margin-top: var(--wp--preset--spacing--0-5);
	color: var(--wp--preset--color--ink-secondary);
	font-size: var(--wp--preset--font-size--sm-md);
}

/* View full archive — outlined toggle, matches the Load More treatment. */
.wp-block-neilkelly-newsroom-in-the-news .nk-in-the-news__archive-toggle {
	align-self: flex-start;
	display: inline-flex;
	align-items: center;
	gap: var(--wp--preset--spacing--2);
	padding: var(--wp--preset--spacing--3-5) var(--wp--preset--spacing--8);
	background: transparent;
	border: 1.5px solid var(--wp--preset--color--ink-primary);
	border-radius: var(--wp--custom--radius--default);
	color: var(--wp--preset--color--ink-primary);
	font-family: inherit;
	font-size: var(--wp--preset--font-size--ui-nav);
	font-weight: var(--wp--custom--font-weight--medium);
	cursor: pointer;
	transition: background-color 0.15s ease, color 0.15s ease;
}
.wp-block-neilkelly-newsroom-in-the-news .nk-in-the-news__archive-toggle:hover {
	background: var(--wp--preset--color--ink-primary);
	color: var(--wp--preset--color--brand-white);
}
.wp-block-neilkelly-newsroom-in-the-news .nk-in-the-news__archive-toggle:focus-visible {
	outline: 2px solid var(--wp--preset--color--brand-red);
	outline-offset: 2px;
}

@media (max-width: 767px) {
	.wp-block-neilkelly-newsroom-in-the-news .nk-in-the-news__inner {
		padding: var(--wp--preset--spacing--12) var(--wp--preset--spacing--6);
	}
	/* Single column on mobile. */
	.wp-block-neilkelly-newsroom-in-the-news .nk-in-the-news__years {
		column-count: 1;
	}
}