/* ---------------------------------------------------------------------------
   Specialty — industries grid + featured construction panel
   Ports the mockup's .specialty / .industry-grid / .industry / .construction
   rules from "marketing docs/index.html". Scoped to .agenda-specialty.
--------------------------------------------------------------------------- */
/* Section rhythm comes from the section's 42px blockGap; the mockup tightens
   the gap between the industry grid and the construction panel to 28px. */
.agenda-specialty > .construction {
	margin-block-start: 28px;
}

/* Industry cards — .agenda-card supplies the border, hover lift and reveal;
   these rules bring it back to the mockup's industry card. The grid is 6 columns
   with each card spanning 2 (the last two span 3), set per card as a block
   layout "columnSpan" so the editor shows the same arrangement.
   The whole card is clickable: the "Explore …" link is stretched over it. */
.agenda-specialty .industry-grid.is-layout-grid { gap: 16px; }
.agenda-specialty .industry {
	position: relative;
	border-radius: 14px;
	padding: 26px;
}
.agenda-specialty .industry > * {
	margin-block-start: 0;
	margin-block-end: 0;
}
.agenda-specialty .industry .card-icon {
	width: 44px;
	height: 44px;
	margin-bottom: 12px;
	border-radius: 12px;
	display: inline-grid;
	place-items: center;
	background: var(--green-soft);
	color: var(--green-dark);
	font-size: 1.25rem;
	font-weight: 700;
}
.agenda-specialty .industry h3 {
	margin: 0 0 7px;
	font-size: 1.12rem;
}
.agenda-specialty .industry p {
	font-size: .9rem;
	margin: 0 0 12px;
}
.agenda-specialty .industry > :last-child { margin-bottom: 0; }
.agenda-specialty .industry-link a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.agenda-specialty .industry-link a:focus-visible { outline: none; }
.agenda-specialty .industry:focus-within { outline: 3px solid #8fc875; outline-offset: 3px; }

/* Featured construction panel */
.agenda-specialty .construction {
	position: relative;
	gap: 0;
	overflow: hidden;
	border: 2px solid var(--green);
	border-radius: 22px;
	background: #fff;
	box-shadow: var(--shadow);
}
.agenda-specialty .construction::before {
	content: "FEATURED SPECIALIZATION";
	position: absolute;
	right: 20px;
	top: 18px;
	z-index: 2;
	background: var(--green);
	color: #fff;
	border-radius: 999px;
	padding: 6px 10px;
	font-size: .68rem;
	letter-spacing: .1em;
	font-weight: 700;
}
.agenda-specialty .construction-visual {
	min-height: 360px;
	padding: 28px;
	justify-content: flex-end;
	color: #fff;
	background:
		linear-gradient(145deg, rgba(23, 72, 6, .88), rgba(47, 127, 11, .72)),
		url("../../img/agenda-logo.webp") center / 74% auto no-repeat;
}
.agenda-specialty .construction-visual .visual-label {
	margin: 0;
	font-size: .78rem;
	letter-spacing: .13em;
	text-transform: uppercase;
	font-weight: 700;
}
.agenda-specialty .construction-copy {
	padding: 58px 46px 46px;
}
.agenda-specialty .construction-copy > * {
	margin-block-start: 0;
}
.agenda-specialty .construction-copy h2 {
	font-size: 2.5rem;
	line-height: 1.1;
	margin: 10px 0 16px;
}
.agenda-specialty .construction-copy p {
	color: var(--muted);
	margin: 0;
}
.agenda-specialty .construction-copy .wp-block-buttons {
	margin-top: 26px;
}
.agenda-specialty .construction-copy .construction-link { margin-top: 16px; }

@media (max-width: 900px) {
	.agenda-specialty .industry-grid.is-layout-grid {
		grid-template-columns: 1fr 1fr;
	}
	.agenda-specialty .industry-grid > .industry {
		grid-column: auto;
	}
	.agenda-specialty .construction {
		flex-wrap: wrap;
	}
	.agenda-specialty .construction > .wp-block-column {
		flex-basis: 100% !important;
	}
	.agenda-specialty .construction-visual {
		min-height: 230px;
	}
}

@media (max-width: 720px) {
	.agenda-specialty .construction-copy {
		padding: 32px;
	}
}

@media (max-width: 560px) {
	.agenda-specialty .industry-grid.is-layout-grid {
		grid-template-columns: 1fr;
	}
}