/* Default content page (page.php) — Gutenberg body typography.
   Hero/divider styles plus the Gutenberg content blocks. */

/* Hero — navy ground with a faint diagonal hairline pattern. */
.te-page-hero {
	padding-top: 9rem;
	padding-bottom: 5rem;
	background: #0d1f3c;
	background-image: repeating-linear-gradient(160deg, rgba(255,255,255,0.045) 0px, rgba(255,255,255,0.045) 1px, transparent 1px, transparent 32px);
}

/* Eyebrow superheading — orange. */
.te-page-eyebrow {
	color: #FF6900;
	line-height: 20px;
	letter-spacing: 2.8px;
}

/* Wave/crescent SVG wrappers collapse the inline-SVG baseline gap. */
.te-page-wave,
.te-page-crescent {
	line-height: 0;
}

/* Crescent divider — footer navy exactly, so the curve reads as the
   footer's own edge (matches the Contact page treatment). */
.te-page-crescent {
	background: #06162F;
}

/* Full-bleed dividing curves. */
.te-page-wave__svg {
	width: 100%;
	height: 90px;
	display: block;
}
.te-page-crescent__svg {
	width: 100%;
	height: 100px;
	display: block;
}

.te-page p {
	color: #4b5563;
	font-size: 1rem;
	line-height: 1.7;
	margin: 0 0 1.5rem;
}

/* Intro paragraph sits a little further from the first section. */
.te-page > p:first-child {
	margin-bottom: 3rem;
}

/* Section headings — underlined, navy. */
.te-page h2 {
	font-size: 1.25rem;
	font-weight: 700;
	color: #0d1f3c;
	margin: 2.5rem 0 1rem;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid #f3f4f6;
}
.te-page h3 {
	font-size: 1.05rem;
	font-weight: 700;
	color: #0d1f3c;
	margin: 2rem 0 0.75rem;
}

.te-page ul,
.te-page ol {
	color: #4b5563;
	font-size: 1rem;
	line-height: 1.7;
	margin: 0 0 1.5rem;
	padding-left: 1.25rem;
}
/* Tailwind's preflight (app.css, global) resets lists to list-style:none —
   restore real markers for Gutenberg body content. */
.te-page ul { list-style: disc; }
.te-page ol { list-style: decimal; }
.te-page li { margin-bottom: 0.5rem; }

.te-page a {
	color: #1a5fa8;
	text-decoration: underline;
}
.te-page a:hover { color: #0d1f3c; }

.te-page hr,
.te-page .wp-block-separator {
	margin: 2.5rem 0;
	border: 0;
	border-top: 1px solid #e5e7eb;
}

/* Decorative waves never intercept clicks or text selection. */
.te-page-wave__svg { pointer-events: none; }

/* Seamless curve-into-footer: no separating hairline on default pages. */
.page-template-default .te-footer { border-top: 0; }

/* Mobile: less dead space between the header and the hero copy (site-wide). */
@media (max-width: 767.98px) {
	.te-page-hero { padding-top: 4rem; }
	/* Halve the white above the intro copy (the section's py-20 = 80px);
	   the bottom keeps the full 80px. */
	.te-page-post section.py-20 { padding-top: 40px; }
}
