.kfc-text-image {
	--kfc-text-image-width: 42%;
	display: flow-root;
}

.kfc-text-image-media {
	width: var(--kfc-text-image-width);
	max-width: 100%;
	margin: 0 0 1rem;
}

.kfc-text-image-width-10 {
	--kfc-text-image-width: var(--kfc-text-image-width-10, 10%);
}

.kfc-text-image-width-25 {
	--kfc-text-image-width: var(--kfc-text-image-width-25, 25%);
}

.kfc-text-image-width-33 {
	--kfc-text-image-width: var(--kfc-text-image-width-33, 33%);
}

.kfc-text-image-width-40 {
	--kfc-text-image-width: var(--kfc-text-image-width-40, 40%);
}

.kfc-text-image-width-42 {
	--kfc-text-image-width: var(--kfc-text-image-width-42, 42%);
}

.kfc-text-image-width-50 {
	--kfc-text-image-width: var(--kfc-text-image-width-50, 50%);
}

.kfc-text-image-width-60 {
	--kfc-text-image-width: var(--kfc-text-image-width-60, 60%);
}

.kfc-text-image-width-100 {
	--kfc-text-image-width: var(--kfc-text-image-width-100, 100%);
}

.kfc-text-image-media-left {
	float: left;
	margin-right: var(--kfc-text-image-gap, 1.5rem);
}

.kfc-text-image-media-right {
	float: right;
	margin-left: var(--kfc-text-image-gap, 1.5rem);
}

.kfc-text-image-mode-image .kfc-text-image-media {
	float: none;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}

.kfc-text-image-media img {
	display: block;
	width: 100%;
	height: auto;
}

.kfc-text-image-caption {
	margin-top: .5rem;
}

.kfc-text-image-text > :first-child {
	margin-top: 0;
}

.kfc-text-image-text > :last-child {
	margin-bottom: 0;
}

.kfc-editorial-chapter {
	--kfc-chapter-scroll-margin-top: 150px;
	scroll-margin-top: var(--kfc-chapter-scroll-margin-top);
}

.kfc-editorial-chapter-nav {
	z-index: 20;
}

.kfc-editorial-chapter-nav-sticky {
	position: sticky;
	top: var(--kfc-chapter-nav-sticky-top, 100px);
}

.kfc-editorial-chapter-nav-static {
	position: static;
}

.kfc-editorial-chapter-nav a {
	display: inline-block;
}

.kfc-editorial-chapter-nav-indicator {
	display: none;
}

@media (max-width: 639px) {
	.kfc-text-image-media {
		float: none;
		max-width: 100%;
		margin: 0 0 1rem;
	}

	.kfc-editorial-chapter-nav {
		--kfc-chapter-nav-mobile-bg: #fff;
		min-height: 42px;
		overflow: hidden;
	}

	.kfc-editorial-chapter-nav-static,
	.kfc-editorial-chapter-nav-sticky_up {
		position: relative;
	}

	.kfc-editorial-chapter-nav > ul {
		align-items: center;
		display: flex;
		flex-wrap: nowrap;
		gap: 0;
		margin-bottom: 0;
		max-height: 45px;
		overflow-x: auto;
		overflow-y: hidden;
		overscroll-behavior-x: contain;
		padding-bottom: 0;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	.kfc-editorial-chapter-nav > ul::-webkit-scrollbar {
		display: none;
	}

	.kfc-editorial-chapter-nav > ul > li {
		flex: 0 0 auto;
		white-space: nowrap;
	}

	.kfc-editorial-chapter-nav > ul > li > a {
		white-space: nowrap;
	}

	.kfc-editorial-chapter-nav-indicator {
		align-items: center;
		appearance: none;
		border: 0;
		bottom: 0;
		color: currentColor;
		cursor: pointer;
		display: flex;
		font: inherit;
		font-size: 1.35rem;
		justify-content: center;
		line-height: 1;
		margin: 0;
		opacity: .72;
		padding: 0;
		position: absolute;
		top: 0;
		width: 44px;
		z-index: 2;
	}

	.kfc-editorial-chapter-nav-indicator[hidden] {
		display: none;
	}

	.kfc-editorial-chapter-nav-indicator-left {
		background: linear-gradient(90deg, var(--kfc-chapter-nav-mobile-bg) 35%, transparent);
		left: 0;
	}

	.kfc-editorial-chapter-nav-indicator-right {
		background: linear-gradient(270deg, var(--kfc-chapter-nav-mobile-bg) 35%, transparent);
		right: 0;
	}
}