/* ForgeBase Hybrid shared visual system. */
@font-face {
	font-family: "Montserrat";
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url("assets/fonts/montserrat-latin-variable.woff2") format("woff2");
}

body,
button,
input,
select,
textarea {
	font-family: var(--font-body);
}

body {
	color: var(--color-text);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.7;
}

.section-shell,
.header-shell,
.footer-shell {
	width: var(--layout-container);
}

.industrial-hero h1 {
	font-size: var(--font-size-hero);
	font-weight: 800;
	line-height: 1.08;
}

.archive-hero h1 {
	font-size: var(--font-size-page-title);
	font-weight: 800;
	line-height: 1.1;
}

.route-content-intro {
	padding-top: 32px;
	padding-bottom: 0;
}

.route-content-intro p {
	max-width: 920px;
	margin: 0;
	color: var(--color-text-muted);
	font-size: 18px;
	line-height: 1.7;
}

.about-profile-hero h1,
.contact-page-hero h1 {
	font-size: var(--font-size-page-title);
	font-weight: 700;
	line-height: 1.16;
}

.industrial-section-heading h2,
.fb-product-section-head h2,
.fb-catalog-section-head h2 {
	font-size: var(--font-size-section);
	font-weight: 700;
	line-height: 1.18;
}

.resource-library-layout .resource-card h2 {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.35;
}

.button,
button.button,
input[type="submit"] {
	min-height: 48px;
	border-radius: var(--radius-control);
	font-size: 13px;
	font-weight: 600;
}

input:not([type="checkbox"]):not([type="radio"]),
select,
textarea {
	border-color: var(--color-border);
	border-radius: var(--radius-control);
}

.product-card,
.directory-card,
.resource-card,
.capability-directory-card,
.fb-catalog-card,
.contact-card {
	border-radius: var(--radius-card);
}

.card-kicker,
.fb-product-section-kicker,
.fb-catalog-kicker,
.resource-card__meta,
.product-card__meta-label {
	font-size: 12px;
	font-weight: 600;
}

.site-breadcrumbs {
	font-size: 13px;
}

:focus-visible {
	outline: 3px solid rgba(200, 117, 42, 0.48);
	outline-offset: 2px;
}

@media (max-width: 760px) {
	.industrial-hero h1,
	.archive-hero h1,
	.about-profile-hero h1,
	.contact-page-hero h1 {
		font-size: var(--font-size-page-title);
	}

	.fb-product-detail h1,
	.fb-catalog-detail h1 {
		font-size: var(--font-size-detail-title);
	}

	.resource-library-layout .resource-card h2 {
		font-size: 19px;
	}
}