/*
 * Service — styles specific to the sfs_service CPT.
 *
 * The service archive (archive-sfs_service.php) reuses the homepage
 * services-grid styles (.services, .service-card, etc.) from home.css and
 * the .projects-page-hero styles from components.css; the service single
 * (single-sfs_service.php) is the only template with bespoke chrome here.
 *
 * Depends on foundation.css + components.css.
 */

/* ──────────────────────────────────────────────────────────────────
 * Service single — body wrapper + content prose
 * ────────────────────────────────────────────────────────────────── */
.service-single__body {
	position: relative;
	overflow: hidden;
	padding: 4rem 0;
}

.service-single__body .container {
	position: relative;
	z-index: 1;
}

/* The service template also wraps the_content() in .project-single__content
 * — kept as-is to avoid a template churn for a class rename. Same prose
 * styling applies whichever wrapper is used. */
.service-single__body .project-single__content,
.project-single__content {
	max-width: 780px;
	font-size: 1rem;
	line-height: 1.8;
	color: var(--colour-text);
}

.project-single__content h2,
.project-single__content h3,
.project-single__content h4 {
	color: var(--heritage-green);
	margin-bottom: 0.75rem;
	margin-top: 1.5rem;
}

.project-single__content p {
	margin-bottom: 1rem;
}

.project-single__content ul,
.project-single__content ol {
	padding-left: 1.5rem;
	margin-bottom: 1rem;
}

.project-single__content a {
	color: var(--heritage-green);
	text-decoration: underline;
	text-underline-offset: 3px;
}