/**
 * Page Single — styles for plain WordPress pages.
 *
 * Shared rules live in assets/css/sensei-design.css. Selectors lead with both
 * wrapper classes (.eti-tpl.eti-tpl--theme-page-single-php) so they outweigh the
 * shared sheet's two-class rules.
 *
 * The shared reset zeroes every margin, and editor content arrives as bare
 * <p>/<h2>/<ul> with no classes, so the prose rhythm is rebuilt here.
 */

.eti-tpl.eti-tpl--theme-page-single-php .ss-single-hero {
	padding-top: 96px;
	padding-bottom: 56px;
}

.eti-tpl.eti-tpl--theme-page-single-php .ss-page-hero h1 {
	font-size: 72px;
	line-height: 1.02;
	letter-spacing: -0.02em;
}

.eti-tpl.eti-tpl--theme-page-single-php .ss-single-body {
	padding-bottom: 96px;
}

.eti-tpl.eti-tpl--theme-page-single-php .ss-prose {
	max-width: 860px;
	font-size: 20px;
	line-height: 1.6;
	color: #FFFFFF;
}

.eti-tpl.eti-tpl--theme-page-single-php .ss-prose p,
.eti-tpl.eti-tpl--theme-page-single-php .ss-prose ul,
.eti-tpl.eti-tpl--theme-page-single-php .ss-prose ol {
	margin-bottom: 22px;
}

.eti-tpl.eti-tpl--theme-page-single-php .ss-prose ul,
.eti-tpl.eti-tpl--theme-page-single-php .ss-prose ol {
	padding-left: 24px;
}

.eti-tpl.eti-tpl--theme-page-single-php .ss-prose li {
	margin-bottom: 8px;
}

.eti-tpl.eti-tpl--theme-page-single-php .ss-prose h2,
.eti-tpl.eti-tpl--theme-page-single-php .ss-prose h3 {
	font-weight: 700;
	line-height: 1.25;
	margin: 48px 0 16px;
}

.eti-tpl.eti-tpl--theme-page-single-php .ss-prose h2 {
	font-size: 32px;
}

.eti-tpl.eti-tpl--theme-page-single-php .ss-prose h3 {
	font-size: 24px;
}

/* A separator block arrives as a bare <hr> with the browser's inset border. */
.eti-tpl.eti-tpl--theme-page-single-php .ss-prose hr {
	height: 0;
	border: 0;
	border-top: 1px solid #4A3D78;
	margin: 64px 0;
}

.eti-tpl.eti-tpl--theme-page-single-php .ss-prose > :first-child {
	margin-top: 0;
}

.eti-tpl.eti-tpl--theme-page-single-php .ss-prose > :last-child {
	margin-bottom: 0;
}

/* The shared sheet strips link styling for nav-like links; inside running text a
   link has to read as one. */
.eti-tpl.eti-tpl--theme-page-single-php .ss-prose a {
	color: #A672FF;
	text-decoration: underline;
	text-underline-offset: 2px;
}

@media (max-width: 600px) {
	.eti-tpl.eti-tpl--theme-page-single-php .ss-single-hero {
		padding-top: 64px;
		padding-bottom: 40px;
	}

	.eti-tpl.eti-tpl--theme-page-single-php .ss-page-hero h1 {
		font-size: 44px;
	}

	.eti-tpl.eti-tpl--theme-page-single-php .ss-single-body {
		padding-bottom: 64px;
	}
}