.manohara-home > * + * {
	margin-block-start: var(--wp--preset--spacing--50);
}

.manohara-home-featured > .manohara-section-title {
	border-block-end: 0;
	padding-block-end: 0;
}

.manohara-carousel {
	--manohara-slide-ink: #241e17;
	--manohara-slide-paper: #faf6ec;
	--manohara-carousel-interval: 7000ms;
	position: relative;
}

.manohara-carousel__track {
	border-radius: var(--wp--custom--radius--lg);
	display: flex;
	list-style: none;
	margin: 0;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	padding: 0;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}

.manohara-carousel__track::-webkit-scrollbar {
	display: none;
}

.manohara-carousel__track > li {
	align-items: flex-end;
	background-color: var(--manohara-slide-ink);
	color: var(--manohara-slide-paper);
	display: flex;
	flex: 0 0 100%;
	isolation: isolate;
	margin: 0;
	min-block-size: clamp(24rem, 46vw, 34rem);
	overflow: hidden;
	position: relative;
	scroll-snap-align: start;
	scroll-snap-stop: always;
}

.manohara-carousel__track > li::after {
	background:
		linear-gradient(to top, rgb(20 16 12 / 94%) 0%, rgb(20 16 12 / 78%) 34%, rgb(20 16 12 / 28%) 66%, rgb(20 16 12 / 0%) 100%),
		linear-gradient(to right, rgb(20 16 12 / 45%) 0%, rgb(20 16 12 / 0%) 62%);
	content: "";
	inset: 0;
	position: absolute;
	z-index: -1;
}

:root[dir="rtl"] .manohara-carousel__track > li::after,
[dir="rtl"] .manohara-carousel__track > li::after {
	background:
		linear-gradient(to top, rgb(20 16 12 / 94%) 0%, rgb(20 16 12 / 78%) 34%, rgb(20 16 12 / 28%) 66%, rgb(20 16 12 / 0%) 100%),
		linear-gradient(to left, rgb(20 16 12 / 45%) 0%, rgb(20 16 12 / 0%) 62%);
}

.manohara-slide__image {
	inset: 0;
	position: absolute !important;
	z-index: -2;
}

.manohara-slide__image img {
	block-size: 100%;
	inline-size: 100%;
	object-fit: cover;
	transform: scale(1.02);
	transition: transform 900ms var(--manohara-ease, ease-out);
}

.manohara-carousel__track > li.is-current .manohara-slide__image img,
.manohara-carousel__track > li:hover .manohara-slide__image img {
	transform: scale(1);
}

.manohara-slide__image.manohara-thumb--none {
	align-items: flex-start;
	background:
		radial-gradient(90% 120% at 100% 0%, rgb(141 31 26 / 70%), rgb(141 31 26 / 0%) 70%),
		radial-gradient(70% 90% at 0% 100%, rgb(106 65 5 / 55%), rgb(106 65 5 / 0%) 70%),
		var(--manohara-slide-ink);
	color: var(--manohara-slide-paper);
	justify-content: flex-end;
}

.manohara-slide__image.manohara-thumb--none .manohara-thumb__mark {
	font-size: clamp(8rem, 30vw, 22rem);
	line-height: 0.8;
	opacity: 0.1;
	padding: 1.5rem 2.5rem;
}

.manohara-slide__body {
	box-sizing: border-box;
	inline-size: 100%;
	max-inline-size: 48rem;
	padding-block: clamp(1.5rem, 4vw, 3rem) calc(clamp(1.5rem, 4vw, 3rem) + 2.75rem);
	padding-inline: clamp(1.25rem, 4vw, 3rem);
}

.manohara-slide__body > * {
	margin-block: 0;
}

.manohara-slide__body > * + * {
	margin-block-start: 0.75rem;
}

.manohara-slide__terms {
	letter-spacing: 0.01em;
}

.manohara-slide__terms a {
	backdrop-filter: blur(6px);
	background-color: rgb(250 246 236 / 14%);
	border: 1px solid rgb(250 246 236 / 28%);
	border-radius: var(--wp--custom--radius--pill);
	color: var(--manohara-slide-paper);
	display: inline-block;
	font-weight: 600;
	padding: 0.2rem 0.7rem;
	position: relative;
	text-decoration: none;
	z-index: 1;
}

.manohara-slide__terms a:hover,
.manohara-slide__terms a:focus-visible {
	background-color: rgb(250 246 236 / 26%);
}

.manohara-slide__terms > :is(a:not(:first-of-type), .wp-block-post-terms__separator) {
	display: none;
}

.manohara-slide__title {
	color: var(--manohara-slide-paper);
	font-size: clamp(1.65rem, 1.1rem + 2.2vw, 2.9rem) !important;
	line-height: 1.12;
	text-shadow: 0 1px 18px rgb(0 0 0 / 35%);
	text-wrap: balance;
}

.manohara-slide__title a {
	color: inherit;
	text-decoration: none;
}

.manohara-slide__title a:hover,
.manohara-slide__title a:focus-visible {
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 0.12em;
}

.manohara-slide__title a::after {
	content: "";
	inset: 0;
	position: absolute;
}

.manohara-slide__excerpt {
	color: rgb(250 246 236 / 90%);
	font-size: var(--wp--preset--font-size--medium);
	line-height: 1.6;
	max-inline-size: 40rem;
}

.manohara-slide__excerpt p {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	margin: 0;
	overflow: hidden;
}

.manohara-slide__excerpt .wp-block-post-excerpt__more-text {
	display: none;
}

.manohara-slide__date {
	color: rgb(250 246 236 / 78%);
}

.manohara-carousel__controls {
	align-items: center;
	display: flex;
	gap: 0.35rem;
	inset-block-end: clamp(1rem, 3vw, 2rem);
	inset-inline-end: clamp(1rem, 3vw, 2rem);
	position: absolute;
	z-index: 2;
}

.manohara-carousel__button {
	align-items: center;
	backdrop-filter: blur(6px);
	background-color: rgb(250 246 236 / 16%);
	border: 1px solid rgb(250 246 236 / 30%);
	border-radius: var(--wp--custom--radius--pill);
	color: var(--manohara-slide-paper);
	cursor: pointer;
	display: inline-flex;
	block-size: 2.75rem;
	inline-size: 2.75rem;
	justify-content: center;
	padding: 0;
	transition: background-color var(--manohara-motion-fast, 120ms) ease;
}

.manohara-carousel__button:hover {
	background-color: rgb(250 246 236 / 30%);
}

.manohara-carousel__button:focus-visible,
.manohara-carousel__dot:focus-visible {
	outline: 2px solid var(--manohara-slide-paper);
	outline-offset: 2px;
}

.manohara-carousel__button svg {
	block-size: 1.15rem;
	fill: none;
	inline-size: 1.15rem;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2.2;
}

.manohara-carousel__button .manohara-icon-play {
	fill: currentColor;
	stroke: none;
}

[dir="rtl"] .manohara-carousel__prev svg,
[dir="rtl"] .manohara-carousel__next svg {
	transform: scaleX(-1);
}

.manohara-carousel__dots {
	align-items: center;
	display: flex;
	padding-inline: 0.35rem;
}

.manohara-carousel__dot {
	align-items: center;
	background: none;
	border: 0;
	cursor: pointer;
	display: inline-flex;
	block-size: 1.5rem;
	justify-content: center;
	min-inline-size: 1.5rem;
	padding: 0;
}

.manohara-carousel__dot::before {
	background-color: rgb(250 246 236 / 55%);
	block-size: 0.5rem;
	border-radius: var(--wp--custom--radius--pill);
	content: "";
	inline-size: 0.5rem;
	overflow: hidden;
	transition: inline-size var(--manohara-motion-base, 160ms) var(--manohara-ease, ease-out), background-color var(--manohara-motion-base, 160ms) ease;
}

.manohara-carousel__dot[aria-current="true"] {
	min-inline-size: 2.25rem;
}

.manohara-carousel__dot[aria-current="true"]::before {
	background-color: var(--manohara-slide-paper);
	inline-size: 1.75rem;
}

.manohara-carousel__dot {
	position: relative;
}

.manohara-carousel.is-playing .manohara-carousel__dot[aria-current="true"]::before {
	background:
		linear-gradient(var(--manohara-slide-paper), var(--manohara-slide-paper)) left / 0% 100% no-repeat,
		rgb(250 246 236 / 45%);
	animation: manohara-carousel-timer var(--manohara-carousel-interval) linear forwards;
}

[dir="rtl"] .manohara-carousel.is-playing .manohara-carousel__dot[aria-current="true"]::before {
	background-position: right;
}

@keyframes manohara-carousel-timer {
	to {
		background-size: 100% 100%;
	}
}

.manohara-carousel__status {
	block-size: 1px;
	clip-path: inset(50%);
	inline-size: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
}

@media (max-width: 600px) {
	.manohara-carousel__track > li {
		min-block-size: 28rem;
	}

	.manohara-slide__body {
		padding-block-end: clamp(1.5rem, 4vw, 3rem);
	}

	.manohara-slide__excerpt p {
		-webkit-line-clamp: 2;
	}

	.manohara-carousel__controls {
		inset: auto;
		justify-content: center;
		margin-block-start: 0.6rem;
		position: static;
	}

	.manohara-carousel__button {
		backdrop-filter: none;
		background-color: var(--wp--preset--color--base-sunk);
		border-color: var(--wp--preset--color--rule);
		color: var(--wp--preset--color--contrast);
	}

	.manohara-carousel__button:hover {
		background-color: var(--wp--preset--color--rule);
	}

	.manohara-carousel__button:focus-visible,
	.manohara-carousel__dot:focus-visible {
		outline-color: var(--wp--preset--color--accent);
	}

	.manohara-carousel__dot::before {
		background-color: var(--wp--preset--color--rule);
	}

	.manohara-carousel__dot[aria-current="true"]::before,
	.manohara-carousel.is-playing .manohara-carousel__dot[aria-current="true"]::before {
		background-color: var(--wp--preset--color--accent);
	}

	.manohara-carousel.is-playing .manohara-carousel__dot[aria-current="true"]::before {
		background:
			linear-gradient(var(--wp--preset--color--accent), var(--wp--preset--color--accent)) left / 0% 100% no-repeat,
			var(--wp--preset--color--rule);
	}
}

.manohara-home-latest .wp-block-query-pagination {
	border-block-start: 1px solid var(--wp--preset--color--rule);
	margin-block-start: var(--wp--preset--spacing--40);
	padding-block-start: var(--wp--preset--spacing--30);
}

@media (min-width: 782px) {
	.manohara-rail {
		position: sticky;
		top: var(--wp--preset--spacing--40);
	}

	.manohara-topbar-sticky .manohara-rail {
		top: calc(var(--manohara-topbar-height, 3.5rem) + var(--wp--preset--spacing--40));
	}
}

.manohara-rail .manohara-section-title {
	font-size: var(--wp--preset--font-size--medium) !important;
}

.manohara-home-topics-row {
	border-block-start: 1px solid var(--wp--preset--color--rule);
	padding-block-start: var(--wp--preset--spacing--40);
}

.manohara-topic__name {
	font-size: var(--wp--preset--font-size--large) !important;
	line-height: 1.3;
	margin-block: 0 var(--wp--preset--spacing--30) !important;
}

.manohara-topic__name a {
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
}

.manohara-topic__name a:hover,
.manohara-topic__name a:focus-visible {
	color: var(--wp--preset--color--accent);
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.manohara-topic__more {
	font-family: var(--wp--preset--font-family--structure);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	margin-block: var(--wp--preset--spacing--30) 0 !important;
}

.manohara-topic__more a::after {
	content: " \2192";
}

.manohara-topic__more:empty,
.manohara-topic__name:empty {
	display: none;
}

.manohara-home-subscribe {
	align-items: center;
	background-color: var(--wp--preset--color--base-sunk);
	border: 1px solid var(--wp--preset--color--rule);
	border-radius: var(--wp--custom--radius--lg);
	padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40);
}

.manohara-home-subscribe .wp-block-heading {
	margin-block: 0 0.5rem;
}

.manohara-home-subscribe p {
	color: var(--wp--preset--color--contrast-muted);
	margin: 0;
}

@media print {
	.manohara-carousel__controls {
		display: none;
	}

	.manohara-carousel__track {
		flex-direction: column;
		gap: 1rem;
		overflow: visible;
	}
}

.manohara-home-latest .wp-block-columns > .wp-block-column:only-child {
	flex-basis: 100% !important;
}
