/* ==========================================================================
   Help topic pages — /rejection/, /addictions/, /ptsd/,
   /new-age-deliverance/. Shared with page-help-topic.php.

   The page body comes from the_content(), so the typography here has to
   style markup written in wp-admin rather than markup we control. Keep the
   selectors generic and forgiving.
   ========================================================================== */
body.help-page .gcc-site-main { max-width:none; width:100%; margin:0; padding:0; overflow-x:hidden; }
.help { font-family:'Montserrat', sans-serif; }

/* The theme paints every heading navy; this one sits on the navy hero. */
body.help-page .gcc-site-main .help .help-hero h1 { color:#fff !important; }

/* Links — match the theme's specificity or they fall back to sitewide blue. */
body.help-page .gcc-site-main .help a { color:#E31E24; text-decoration:none; }
body.help-page .gcc-site-main .help a:hover { color:#B31419; text-decoration:underline; }
body.help-page .gcc-site-main .help a:focus-visible { outline:2px solid #E31E24; outline-offset:3px; }
body.help-page .gcc-site-main .help .help-further-grid a,
body.help-page .gcc-site-main .help .help-cta-row a { color:inherit; text-decoration:none;
	transition:background-color 140ms ease, transform 140ms ease; }
body.help-page .gcc-site-main .help .help-cta-row a:first-child { color:#fff; }
body.help-page .gcc-site-main .help .help-cta-row a:first-child:hover { background:#B31419 !important; }
body.help-page .gcc-site-main .help .help-cta-row a:last-child:hover { background:#0D1B2A !important; color:#fff; }
body.help-page .gcc-site-main .help .help-further-grid a:hover { background:#F2E2C4 !important; transform:translateY(-2px); }

/* --- the_content() body ------------------------------------------------- */
.help .help-body { font-size:17px; line-height:1.8; color:#26303B; }
.help .help-body p { margin:0 0 20px; }
/* These pages are long runs of short paragraphs with no subheadings. A
   slightly larger opening paragraph gives the reader a way in. */
.help .help-body > p:first-of-type { font-size:19px; line-height:1.7; color:#0D1B2A; }
.help .help-body h2 { font-size:26px; font-weight:800; color:#0D1B2A; margin:40px 0 14px; line-height:1.25; }
.help .help-body h3 { font-size:20px; font-weight:800; color:#0D1B2A; margin:32px 0 12px; line-height:1.3; }
/* A content <h1> that duplicates the page title is removed by the filter in
   page-help-topic.php. Any OTHER <h1> is deliberately left in the DOM and
   demoted here instead, so a real heading is never silently deleted. */
.help .help-body h1 { font-size:26px; font-weight:800; color:#0D1B2A; margin:36px 0 14px; }
.help .help-body ul, .help .help-body ol { margin:0 0 22px; padding-left:24px; }
.help .help-body ul { list-style:disc; }
.help .help-body ol { list-style:decimal; }
.help .help-body li { margin-bottom:9px; }
.help .help-body blockquote { margin:0 0 24px; padding:20px 24px; background:#FBF1E2;
	border-left:3px solid #C8A45E; font-style:italic; color:#0D1B2A; }
.help .help-body blockquote p:last-child { margin-bottom:0; }
.help .help-body strong { color:#0D1B2A; }
.help .help-body img { max-width:100%; height:auto; }
.help .help-body hr { border:0; border-top:1px solid #E6E2DA; margin:36px 0; }
/* wp-admin pages are full of centred inline styles from the old builder. */
.help .help-body p[style*="text-align: center"],
.help .help-body p[style*="text-align:center"] { text-align:left !important; }

.help .help-hero { min-height:340px; display:flex; align-items:center; }
.help .help-hero .help-pic { position:absolute; inset:0; display:block; width:100%; height:100%; }
.help .help-hero .help-pic img { width:100%; height:100%; object-fit:cover; display:block;
	object-position:62% center; }

@media (max-width: 1000px) {
	.help .help-further-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width: 900px) {
	/* A left-to-right scrim assumes width. On a phone it has to run top to
	   bottom or the copy sits on bare photograph and stops being readable. */
	.help .help-hero-scrim {
		background:linear-gradient(180deg, rgba(13,27,42,0.50) 0%, rgba(13,27,42,0.93) 58%) !important;
	}
	.help .help-hero { min-height:0; }
	.help .help-hero > div { padding-top:164px !important; padding-bottom:54px !important; }
	.help .help-hero .help-pic img { object-position:60% top; }
	.help .help-hero h1 { font-size:clamp(29px,7.4vw,40px) !important; }
	.help .help-body { padding-top:40px !important; font-size:16.5px; }
	.help .help-body > p:first-of-type { font-size:18px; }
	.help .help-next > div { padding:30px 24px !important; }
}
@media (max-width: 620px) {
	.help .help-further-grid { grid-template-columns:1fr !important; }
	.help .help-cta-row { flex-direction:column; }
	.help .help-cta-row a { text-align:center; }
}
@media print { .help .help-further, .help .help-cta-row { display:none !important; } }