/*
 * Live FS editorial-reference calibration.
 *
 * These rules deliberately affect the private Dynamic Pages renderer only.
 * They do not target WooCommerce, Header, Footer, Home, Bricks editor canvas
 * or pre-existing WordPress page content.
 */

.jico-fs-page-section--hero {
	padding-top: 80px;
	padding-bottom: 80px;
	color: #fff;
	background: #19191a;
}

.jico-fs-page-section--hero .jico-fs-page-section__title {
	max-width: 620px;
	margin-bottom: 16px;
	color: inherit;
	font-size: 32px;
	line-height: 40px;
	font-weight: 600;
}

/* All audited editorial section headings use the same medium-bold weight. */
.jico-fs-page-section__title {
	font-weight: 600;
}

.jico-fs-page-section--hero .jico-fs-page-section__eyebrow,
.jico-fs-page-section--hero .jico-fs-page-section__description,
.jico-fs-page-section--hero .jico-fs-page-section__body {
	color: rgb(255 255 255 / 86%);
}

/* FS editorial list cards use small, dense metadata and title rhythm. */
.jico-fs-page-section--article .jico-fs-page-section__title,
.jico-fs-page-section--article .jico-fs-page-card__title {
	font-size: 20px;
	line-height: 28px;
}

.jico-fs-page-section--article .jico-fs-page-card__title {
	font-size: 14px;
	line-height: 22px;
}

.jico-fs-page-section--article .jico-fs-page-card__meta {
	margin-bottom: 6px;
	font-size: 12px;
	line-height: 18px;
}

/* FS Resources has distinct 24px/32px Featured and More section headings. */
.jico-fs-pages[data-jico-page-key="resources"] .jico-fs-page-section:not(.jico-fs-page-section--hero) .jico-fs-page-section__title {
	font-size: 24px;
	line-height: 32px;
	font-weight: 600;
}

/* FS Case Studies is an editorial three-card listing, not a boxed article rail. */
.jico-fs-pages[data-jico-page-key="case-studies"] .jico-fs-page-section--article .jico-fs-page-section__inner {
	max-width: 1215px;
}

.jico-fs-pages[data-jico-page-key="case-studies"] .jico-fs-page-section--article .jico-fs-page-section__grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

.jico-fs-pages[data-jico-page-key="case-studies"] .jico-fs-page-section--article .jico-fs-page-card,
.jico-fs-pages[data-jico-page-key="case-studies"] .jico-fs-page-section--article .jico-fs-page-card:hover,
.jico-fs-pages[data-jico-page-key="case-studies"] .jico-fs-page-section--article .jico-fs-page-card:focus-within {
	border-color: transparent;
	box-shadow: none;
	background: transparent;
}

.jico-fs-pages[data-jico-page-key="case-studies"] .jico-fs-page-section--article .jico-fs-page-card__media {
	border-radius: 8px;
}

@media (max-width: 819px) {
	.jico-fs-page-section--hero {
		padding-top: 56px;
		padding-bottom: 56px;
	}

	.jico-fs-page-section--hero .jico-fs-page-section__title {
		font-size: 24px;
		line-height: 32px;
	}

	.jico-fs-pages[data-jico-page-key="case-studies"] .jico-fs-page-section--article .jico-fs-page-section__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 599px) {
	.jico-fs-pages[data-jico-page-key="case-studies"] .jico-fs-page-section--article .jico-fs-page-section__grid {
		grid-template-columns: 1fr;
	}
}