/* ============================================================
   /subscribe-thank-you/ — confirmation page after a successful
   Insider subscription via Forminator. Same design language as
   /membership-login/ and /membership-registration/.
   ============================================================ */

.uj-stp-page {
	font: 1rem/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: #1f2937;
	padding: 3rem 1.25rem 4rem;
	min-height: 60vh;
	background: linear-gradient(180deg, #FFF5F0 0%, #ffffff 60%);
}
.uj-stp-page__inner {
	max-width: 640px;
	margin: 0 auto;
	text-align: center;
}

/* ------------------------------------------------------------
   Header — celebratory check + headline
   ------------------------------------------------------------ */
.uj-stp-page__header {
	margin: 0 0 2rem;
}
.uj-stp-page__check {
	margin: 0 0 1rem;
	line-height: 0;
}
.uj-stp-page__check svg {
	display: inline-block;
}
.uj-stp-page__eyebrow {
	margin: 0 0 0.5rem;
	font: 700 0.75rem/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: #B3421D;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.uj-stp-page__heading {
	margin: 0 !important;
	font: 600 clamp(2rem, 4vw, 2.625rem)/1.1 "Oswald", "Arial Narrow", "Helvetica Neue Condensed", Impact, sans-serif !important;
	color: #B3421D !important;
	letter-spacing: 0.01em;
}

/* ------------------------------------------------------------
   Body
   ------------------------------------------------------------ */
.uj-stp-page__body {
	max-width: 560px;
	margin: 0 auto;
	text-align: left;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	padding: 1.75rem 1.75rem 1.5rem;
	box-shadow: 0 4px 16px rgba(179, 66, 29, 0.08);
}
.uj-stp-page__body p {
	margin: 0 0 1rem;
	color: #1f2937;
	font-size: 1.0625rem;
	line-height: 1.6;
}
.uj-stp-page__body p:last-child {
	margin-bottom: 0;
}
.uj-stp-page__body a {
	color: #B3421D;
	font-weight: 600;
	text-decoration: none;
	border-bottom: 2px solid transparent;
	transition: color 0.15s ease, border-color 0.15s ease;
}
.uj-stp-page__body a:hover,
.uj-stp-page__body a:focus-visible {
	color: #8E331A;
	border-bottom-color: #8E331A;
}

/* ------------------------------------------------------------
   Embedded SWPM registration form
   The form-card itself is styled by page-membership-registration.css
   (loaded on this slug too — see bootstrap.php). These rules just
   handle the section heading above it and the help links below.
   ------------------------------------------------------------ */
.uj-stp-page__form-heading {
	max-width: 560px;
	margin: 2rem auto 1rem !important;
	font: 600 clamp(1.5rem, 3vw, 1.875rem)/1.1 "Oswald", "Arial Narrow", "Helvetica Neue Condensed", Impact, sans-serif !important;
	color: #B3421D !important;
	text-align: center;
	letter-spacing: 0.01em;
}
.uj-stp-page__form-card {
	max-width: 560px;
	margin: 0 auto;
}
.uj-stp-page__form-footer {
	max-width: 560px;
	margin: 1.25rem auto 0;
	text-align: center;
}
.uj-stp-page__small {
	margin: 0.5rem 0;
	font-size: 0.875rem;
	color: #6b7280;
}
.uj-stp-page__small a {
	color: #B3421D;
	font-weight: 600;
	text-decoration: none;
}
.uj-stp-page__small a:hover { text-decoration: underline; }

/* Mobile */
@media (max-width: 600px) {
	.uj-stp-page { padding: 2rem 1rem 3rem; }
	.uj-stp-page__body { padding: 1.5rem 1.25rem 1.25rem; }
}
