/* LTS Editor Phase 1 — styles only for intentionally inserted components */
:root {
	--lts-component-navy: var(--lts-design-navy, #102b46);
	--lts-component-blue: var(--lts-design-blue, #1b4f7a);
	--lts-component-gold: var(--lts-design-gold, #c6a74a);
	--lts-component-gold-soft: var(--lts-design-gold-soft, #f6edcf);
	--lts-component-ink: var(--lts-design-ink, #202b37);
	--lts-component-muted: var(--lts-design-muted, #667482);
	--lts-component-line: var(--lts-design-border, #dce2e8);
	--lts-component-radius: var(--lts-design-radius-card, 12px);
	--lts-component-font-biblical: var(--lts-design-font-biblical, Georgia, 'Times New Roman', serif);
}

.lts-editor-component {
	box-sizing: border-box;
}

.lts-editor-section {
	border: 1px solid var(--lts-component-line);
	border-radius: 10px;
	background: #fff;
}

.lts-editor-hero {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: clamp(56px, 8vw, 104px) clamp(24px, 6vw, 72px);
	background: linear-gradient(135deg, var(--lts-component-navy), var(--lts-component-blue));
	color: #fff;
}

.lts-editor-hero::after {
	content: '';
	position: absolute;
	z-index: -1;
	right: -100px;
	bottom: -140px;
	width: 360px;
	height: 360px;
	border: 1px solid rgba(198, 167, 74, 0.38);
	border-radius: 50%;
	box-shadow: 0 0 0 44px rgba(198, 167, 74, 0.05), 0 0 0 88px rgba(198, 167, 74, 0.04);
}

.lts-editor-hero h1,
.lts-editor-hero h2,
.lts-editor-hero h3,
.lts-editor-hero p {
	color: inherit;
}

.lts-editor-hero .wp-block-button__link {
	border-radius: 999px;
	font-weight: 700;
}

.lts-editor-hero .wp-block-button:first-child .wp-block-button__link {
	background: var(--lts-component-gold);
	color: var(--lts-component-navy);
}

.lts-editor-eyebrow {
	margin-bottom: 0.45rem !important;
	color: var(--lts-component-gold) !important;
	font-size: 0.72rem !important;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.lts-editor-callout,
.lts-editor-exegetical-note,
.lts-editor-application,
.lts-editor-scripture,
.lts-editor-word-study,
.lts-editor-lesson-outline,
.lts-editor-discussion-questions,
.lts-editor-checklist {
	padding: clamp(22px, 4vw, 38px);
	border: 1px solid var(--lts-component-line);
	border-radius: var(--lts-component-radius);
	background: #fff;
	box-shadow: 0 10px 28px rgba(16, 43, 70, 0.06);
}

.lts-editor-callout {
	border-left: 5px solid var(--lts-component-gold);
	background: #fffdf7;
}

.lts-editor-scripture {
	border-top: 4px solid var(--lts-component-gold);
	background: linear-gradient(180deg, #fffdf7, #fff);
}

.lts-editor-scripture-text {
	font-family: var(--lts-component-font-biblical);
	font-size: clamp(1.05rem, 2.2vw, 1.35rem);
	line-height: 1.75;
}

.lts-editor-source-line {
	color: var(--lts-component-muted);
	font-size: 0.82rem;
	font-weight: 700;
}

.lts-editor-word-study {
	border-top: 4px solid var(--lts-component-blue);
}

.lts-editor-greek-study h3,
.lts-editor-hebrew-study h3 {
	font-family: var(--lts-component-font-biblical);
}

.lts-editor-exegetical-note {
	border-left: 5px solid var(--lts-component-blue);
	background: #f8fbfe;
}

.lts-editor-application {
	border-color: #d8c685;
	background: linear-gradient(135deg, #fffdf5, #fff);
}

.lts-editor-discussion-questions ol,
.lts-editor-lesson-outline ol,
.lts-editor-checklist ul {
	padding-left: 1.35em;
}

.lts-editor-discussion-questions li,
.lts-editor-lesson-outline li,
.lts-editor-checklist li {
	margin-bottom: 0.55em;
}

.lts-editor-quote {
	padding: clamp(22px, 4vw, 42px);
	border-left: 5px solid var(--lts-component-gold);
	background: #fafbfd;
}

.lts-editor-divider {
	border-color: var(--lts-component-gold) !important;
	opacity: 0.72;
}

@media (max-width: 600px) {
	.lts-editor-hero {
		padding: 48px 22px;
	}
	.lts-editor-callout,
	.lts-editor-exegetical-note,
	.lts-editor-application,
	.lts-editor-scripture,
	.lts-editor-word-study,
	.lts-editor-lesson-outline,
	.lts-editor-discussion-questions,
	.lts-editor-checklist {
		padding: 20px;
	}
}