/**
 * KDM Intro — scroll-highlight body copy (Vedic Farms–style).
 */
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&display=swap");

.kdm-intro {
	--kdm-intro-bg: #f8f4ea;
	--kdm-intro-muted: #d9dbd1;
	--kdm-intro-active: #74836e;
	--kdm-intro-font: "DM Sans", sans-serif;

	position: relative;
	width: 100%;
	box-sizing: border-box;
	min-height: auto;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
	padding: clamp(1.35rem, 3.5vw, 2.25rem) clamp(1.25rem, 5vw, 3.5rem) clamp(2.75rem, 7vw, 4rem);
	margin-top: clamp(1.5rem, 4vw, 3rem);
	background: var(--kdm-intro-bg);
	overflow: hidden;
}

.kdm-intro__inner {
	max-width: min(920px, 100%);
	margin: 0 auto;
	text-align: center;
}

.kdm-intro__body {
	margin: 0;
	font-family: var(--kdm-intro-font);
	font-size: clamp(1.25rem, 2.9vw, 1.7rem);
	font-weight: 400;
	line-height: 1.65;
	letter-spacing: -0.01em;
}

.kdm-intro__body p {
	margin: 0 0 0.85em;
}

.kdm-intro__body p:last-child {
	margin-bottom: 0;
}

/* InnerBlocks (core) WYSIWYG: headings, lists, quotes */
.kdm-intro__wysiwyg h2,
.kdm-intro__wysiwyg h3,
.kdm-intro__wysiwyg h4 {
	font-family: "DM Sans", sans-serif;
	font-weight: 600;
	line-height: 1.25;
	margin: 1.25em 0 0.5em;
	letter-spacing: -0.02em;
}

.kdm-intro__wysiwyg h2 {
	font-size: clamp(1.35rem, 3vw, 1.75rem);
}

.kdm-intro__wysiwyg h3 {
	font-size: clamp(1.15rem, 2.4vw, 1.4rem);
}

.kdm-intro__wysiwyg ul,
.kdm-intro__wysiwyg ol {
	margin: 0.75em auto 1em;
	padding-left: 1.35em;
	max-width: 38rem;
	text-align: left;
}

.kdm-intro__wysiwyg blockquote,
.kdm-intro__wysiwyg .wp-block-quote {
	margin: 1em auto;
	padding: 0 1em;
	border-left: 2px solid rgba(116, 131, 110, 0.45);
	font-style: italic;
	max-width: 40rem;
	text-align: left;
}

.kdm-intro__wysiwyg .wp-block-separator {
	margin: 1.5em auto;
	border-color: rgba(116, 131, 110, 0.25);
	max-width: 12rem;
}

.kdm-intro__body a {
	color: inherit;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.15em;
}

.kdm-intro__w {
	display: inline;
	margin-right: 0.18em;
	color: var(--kdm-intro-muted);
	transition: color 0.12s ease-out;
	will-change: color;
}

.kdm-intro__w.kdm-intro__w--lit {
	color: #c29c23;
	font-family: "DM Sans", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.2em;
}

/* Editor: full contrast while editing rich text */
.kdm-intro--editor .kdm-intro__body,
.kdm-intro--editor .kdm-intro__body * {
	color: var(--kdm-intro-active);
}

/* Reduced motion / static: no word-wrap animation path */
.kdm-intro--static .kdm-intro__body,
.kdm-intro--static .kdm-intro__body * {
	color: var(--kdm-intro-active);
}

.kdm-intro--static .kdm-intro__w,
.kdm-intro--editor .kdm-intro__w {
	color: var(--kdm-intro-active);
}

@media (prefers-reduced-motion: reduce) {
	.kdm-intro .kdm-intro__body,
	.kdm-intro .kdm-intro__body * {
		color: var(--kdm-intro-active);
	}

	.kdm-intro__w {
		transition: none;
		color: var(--kdm-intro-active);
	}
}

.kdm-intro__empty-preview {
	min-height: 8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
}

.kdm-intro__empty-preview .kdm-intro__placeholder {
	margin: 0;
	color: var(--kdm-intro-muted);
	font-style: italic;
	font-size: clamp(0.9rem, 2vw, 1rem);
}

.kdm-intro--editor .kdm-intro__empty-preview .kdm-intro__placeholder {
	color: var(--kdm-intro-muted);
}

/* Block editor sidebar: HTML textarea (Inspector) */
.block-editor-block-inspector .kdm-intro__html-field textarea {
	width: 100%;
	min-height: 280px;
	font-family: "DM Sans", sans-serif;
	font-size: 12px;
	line-height: 1.45;
}

/* Align: classes are on the same root as .kdm-intro (dynamic block wrapper). */
.wp-block-kdm-intro.alignfull,
.wp-block-core-plugin-intro.alignfull {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	max-width: 100vw;
}

.wp-block-kdm-intro.alignwide,
.wp-block-core-plugin-intro.alignwide {
	max-width: var(--wp--style--global-wide-size, 1200px);
	margin-left: auto;
	margin-right: auto;
}