/**
 * Avyakta Heading Block — [avyakta_heading_block].
 * Theme-token styling via main.css :root variables.
 */
.avyakta-heading-block {
	margin-bottom: 40px;
}

.avyakta-heading-block__head {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

/* Sub-heading below the heading should follow it visually too. */
.avyakta-heading-block__head--below {
	flex-direction: column;
}

.avyakta-heading-block__sub {
	margin: 0;
	font-family: var(--font-body);
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	/* text-transform: uppercase; */
	color: #25478d;
}

.avyakta-heading-block__title {
	margin: 0;
	font-family: var(--font-display);
	font-size: var(--font-size-h2, clamp(1.75rem, 3vw, 2.25rem));
	line-height: 1.2;
	font-weight: var(--heading-font-weight, 700);
	letter-spacing: var(--heading-letter-spacing, -0.02em);
	color: var(--color-primary);
}

.avyakta-heading-block__content {
	margin-top: 5px;
	color: var(--color-on-surface);
	font-family: var(--font-body);
	font-size: var(--font-size-body, 1rem);
	line-height: var(--body-line-height, 1.75);
}

.avyakta-heading-block__content>*+* {
	margin-top: var(--stack-md, 16px);
}

.avyakta-heading-block__content a {
	color: var(--color-secondary);
	text-decoration: underline;
}

.avyakta-heading-block__link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: var(--stack-lg, 24px);
}