@layer components {
	.klt-article-header,
	.klt-article-header__text {
		display: grid;
		gap: var(--klt-space-m);
	}

	.klt-article-header {
		min-width: 0;
		grid-template-columns: var(--klt-article-header-columns, minmax(0, 1fr));
		align-items: var(--klt-article-header-align, start);
	}

	.klt-article-header__text,
	.klt-article-header__figure {
		min-width: 0;
	}

	.klt-article-header__media {
		min-width: 0;
		overflow: hidden;
	}

	.klt-article-header__title,
	.klt-article-header__deck,
	.klt-article-header__deck > p,
	.klt-article-header__figure {
		margin: 0;
	}

	.klt-article-header__image {
		display: block;
		width: 100%;
	}

	.klt-article-header__caption {
		margin-block-start: var(--klt-space-xs);
	}

	.klt-article-header--caption-overlay .klt-article-header__figure {
		position: relative;
	}

	.klt-article-header--caption-overlay .klt-article-header__caption {
		position: absolute;
		inset: auto var(--klt-space-s) var(--klt-space-s);
		max-width: calc(100% - (2 * var(--klt-space-s)));
		margin: 0;
		padding: var(--klt-space-xs) var(--klt-space-s);
		background: color-mix(in srgb, Canvas 92%, transparent);
		color: CanvasText;
	}
}