/* =========================
   EDE Landing Page (Gutenberg)
   Container-locked CSS
   ========================= */

:root {
	font-size: 16.5px;
}

@media( min-width: 768px ){
	:root {
		font-size: 18px;
	}
}

/* Page wrapper */
body:where( .page-template-template-ede ) {
	background: #F8F7F4;           /* matte off-white */
	color: #1E1E1E;                /* charcoal, not pure black */
}

:where( body.page-template-template-ede ) .site-header-title-area {
	display: none;
}

:where( body.page-template-template-ede ) .site-content {
	padding-block: clamp( 1.33rem, 4vw, 3.55rem );
	padding-inline: 0.88rem;
}

/* Constrain line length */
:where( body.page-template-template-ede ) :is( .content-single-content, .editor-styles-wrapper ) {
	max-inline-size: 100%;
	inline-size: 720px;              /* narrow-ish for tired reading */
	margin-left: auto;
	margin-right: auto;
}

/* Base typography */
:where( body.page-template-template-ede ) :where( .content-single-content, .editor-styles-wrapper ) :is( p, li ) {
	line-height: 1.75;
	letter-spacing: 0.1px;
	margin-block: 1rem;
}

/* Keep links quiet */
:where( body.page-template-template-ede ) :where( .content-single-content, .editor-styles-wrapper ) a {
	color: inherit;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

/* Headings: stated, not shouted */
:where( body.page-template-template-ede ) :is( .content-single-content, .editor-styles-wrapper ) :is( h1, h2, h3, h4 ) {
	color: #121212;
	font-weight: 500;              /* medium, not bold-heavy */
	line-height: 1.25;
	margin-block: clamp( 1.55rem, 3.571vw - 0.736rem, 3.55rem ) 1rem;
	margin-inline: 0;
	text-align: inherit;
}

/* If you use ALL CAPS headings in content, keep them light */
:where( body.page-template-template-ede ) :is( .content-single-content, .editor-styles-wrapper ) .is-style-all-caps,
:where( body.page-template-template-ede ) :is( .content-single-content, .editor-styles-wrapper ) :is( h1, h2 ) {
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

:where( body.page-template-template-ede ) :where( .content-single-content, .editor-styles-wrapper ) h1 {
	/*margin-block: 2rem 1.65rem;*/
	font-size: 1.7rem;
	font-size: clamp( 1.7rem, 0.268vw + 1.529rem, 1.85rem );
}

:where( body.page-template-template-ede ) :where( .content-single-content, .editor-styles-wrapper ) h2 {
	/*margin-block: 1.65rem 1.4rem;*/
	font-size: 1.33rem;
	font-size: clamp( 1.33rem, 0.304vw + 1.136rem, 1.5rem );
}

:where( body.page-template-template-ede ) :where( .content-single-content, .editor-styles-wrapper ) h3 {
	/*margin-block: 1.4rem 1.15rem;*/
	font-size: 1.15rem;
	font-size: clamp( 1.15rem, 0.179vw + 1.036rem, 1.25rem );
}

/* Reduce accidental “salesy hierarchy” */
:where( body.page-template-template-ede ) :where( .content-single-content, .editor-styles-wrapper ) :is( b, strong ) {
	font-weight: 600; /* modest emphasis only */
}

/* Section rhythm: prefer whitespace over dividers */
:where( body.page-template-template-ede ) :where( .content-single-content, .editor-styles-wrapper ) > .wp-block-group {
	margin-block: 2rem;
	padding: 0;
}

/* Sensitive pause zones */
:where( body.page-template-template-ede ) :is( .ede-before-continuing, .ede-opens-next, .ede-faq ) {
	margin-block: clamp( 2rem, 3.571vw + -0.286rem, 4rem );
}

/* Remove “benefits” styling; keep lists plain */
:where( body.page-template-template-ede ) :where( .content-single-content, .editor-styles-wrapper ) .wp-block-list {
	margin-inline-start: 1.1em;
}

:where( body.page-template-template-ede ) :where( .content-single-content, .editor-styles-wrapper ) .wp-block-list > li {
	margin-block: 0.5rem;
}

:where( body.page-template-template-ede ) :where( .content-single-content, .editor-styles-wrapper ) .wp-block-list > li::marker {
	color: #2a2a2a;
}

/* Tone down accordion */
:where( body.page-template-template-ede ) :where( .content-single-content, .editor-styles-wrapper ) .wp-block-details > summary {
	font-weight: 500;
}

/* Button block: neutral option, not an invitation */
:where( body.page-template-template-ede ) :where( .content-single-content, .editor-styles-wrapper ) :is( a, * ):is( .wp-block-button__link, .wp-element-button ) {
  background: #222222;
  color: #F8F7F4;
  border: 1px solid #222222;
  border-radius: 0;
  padding-block: 6px;
  padding-inline: 12px;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  text-decoration: none;
  box-shadow: none;
  transition: none;              /* avoid “marketing hover” */
}

/* Keep hover subtle (or none) */
:where( body.page-template-template-ede ) :where( .content-single-content, .editor-styles-wrapper ) :is( a, * ):is( .wp-block-button__link, .wp-element-button ):is( :active, :hover ) {
  background: #1a1a1a;
  border-color: #1a1a1a;
  color: #fff;
}

/* CTA spacing lock */
:where( body.page-template-template-ede ) :where( .content-single-content, .editor-styles-wrapper ) :is( .ede-cta, .ede-cta-final ) {
  margin-block: clamp( 1.55rem, 3.571vw - 0.736rem, 3.55rem );
}

/* Optional: make CTA text (if used above button) quiet */
:where( body.page-template-template-ede ) :where( .content-single-content, .editor-styles-wrapper ) :is( .ede-cta, .ede-cta-final ) p {
  color: #232323;
}

/* Optional: very subtle banding */
:where( body.page-template-template-ede ) :where( .content-single-content, .editor-styles-wrapper ) :is( .ede-before-continuing, .ede-video ) {
  background: rgba( 0, 0, 0, 0.02 );
  padding: clamp( 1rem, 1.375vw + 0.12rem, 1.77rem );
  border-radius: 0.66rem;
}

:where( body.page-template-template-ede ) :is( .site-footer, .site-footer-copyright ) {
	background-color: rgba( 0, 0, 0, 0.02 );
	color: inherit;
}

:where( body.page-template-template-ede ) .site-footer-content {
	color: inherit;
}