:root {
	--manohara-topbar-height: 0px;
}

.manohara-topbar {
	position: relative;
	z-index: 40;

	--manohara-bar: var(--wp--preset--color--contrast);
	--manohara-bar-ink: var(--wp--preset--color--base);

	--manohara-band-ink: var(--manohara-bar-ink);
	background: var(--manohara-bar);
	color: var(--manohara-bar-ink);

	border-bottom: 1px solid color-mix(in srgb, var(--manohara-bar-ink) 16%, var(--manohara-bar));
	font-family: var(--wp--preset--font-family--structure);
}

.manohara-topbar-sticky .manohara-topbar {
	position: sticky;

	inset-block-start: var(--wp-admin--admin-bar--height, 0px);
}

.manohara-topbar + header,
.manohara-topbar + .wp-block-template-part {
	margin-block-start: 0;
}

.manohara-topbar__inner {
	display: grid;

	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 0.5rem;
	min-block-size: var(--manohara-topbar-height, 3.5rem);

	max-inline-size: var(--wp--style--global--wide-size, 76rem);
	margin-inline: auto;
	padding-inline: var(--wp--preset--spacing--30);

	position: relative;
}

.manohara-topbar__side {

	position: static;
	display: flex;
	align-items: center;
	gap: 0.25rem;
	min-inline-size: 0;
}

.manohara-topbar__side--end {
	justify-content: flex-end;
}

.manohara-topbar__button,
.manohara-topbar .wp-block-navigation__responsive-container-open {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	inline-size: 44px;
	block-size: 44px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: color-mix(in srgb, currentColor 10%, transparent);
	color: inherit;
	cursor: pointer;
	text-decoration: none;
	transition: background-color var(--manohara-motion-fast, 120ms) var(--manohara-ease, ease);
}

.manohara-topbar__button:hover,
.manohara-topbar__button:focus-visible,
.manohara-topbar .wp-block-navigation__responsive-container-open:hover,
.manohara-topbar .wp-block-navigation__responsive-container-open:focus-visible {
	background: color-mix(in srgb, currentColor 22%, transparent);
	color: inherit;
}

.manohara-topbar__icon {
	display: block;
}

@media (min-width: 600px) {
	.manohara-topbar .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: none;
	}
}

.manohara-topbar__search > summary {
	list-style: none;
}

.manohara-topbar__search > summary::-webkit-details-marker {
	display: none;
}

.manohara-topbar__brand {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex: 0 0 auto;
	min-inline-size: 0;
	padding-block: 0.5rem;
	color: inherit;
	text-decoration: none;
}

.manohara-topbar__logo {
	display: block;
	inline-size: auto;
	block-size: auto;

	max-block-size: 1.75rem;

	max-inline-size: min(100%, 40vw);
}

.manohara-topbar__brand--text {
	font-weight: 700;
	font-size: var(--wp--preset--font-size--small);
	letter-spacing: -0.01em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.manohara-topbar__panel {
	position: absolute;

	inset-inline: var(--wp--preset--spacing--30);
	inset-block-start: calc(100% + 0.4rem);
	z-index: 60;
	padding: 0.75rem;
	background: var(--manohara-bar);
	border-radius: var(--wp--custom--radius--md);
	box-shadow: var(--wp--custom--shadow--panel);
}

.manohara-topbar__form {
	display: flex;
	gap: 0.5rem;
	align-items: center;
	max-inline-size: 42rem;
	margin-inline: auto;
}

.manohara-topbar__form input[type="search"] {
	flex: 1 1 auto;
	min-inline-size: 0;
	padding: 0.6rem 0.9rem;
	border: 1px solid var(--manohara-bar-ink);
	border-radius: var(--wp--custom--radius--pill);
	background: color-mix(in srgb, var(--manohara-bar-ink) 8%, transparent);
	color: var(--manohara-bar-ink);
	font: inherit;
	font-size: var(--wp--preset--font-size--small);
}

.manohara-topbar__form input[type="search"]::placeholder {
	color: color-mix(in srgb, var(--manohara-bar-ink) 60%, transparent);
}

.manohara-topbar__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	inline-size: 44px;
	block-size: 44px;
	border: 0;
	border-radius: 50%;
	background: var(--wp--preset--color--accent);

	color: var(--wp--preset--color--base);
	cursor: pointer;
}

.manohara-topbar .wp-block-navigation {

	position: static;
	font-size: var(--wp--preset--font-size--small);
}

.manohara-topbar .wp-block-navigation__responsive-container.is-menu-open {
	position: absolute;

	inset-block: auto;
	inset-inline-start: auto;
	inset-inline-end: var(--wp--preset--spacing--30);
	inset-block-start: calc(100% + 0.4rem);
	inline-size: min(20rem, calc(100vw - 1.5rem));
	block-size: auto;
	max-block-size: min(70vh, 32rem);
	overflow-y: auto;

	padding: 0.4rem;
	border-radius: var(--wp--custom--radius--md);
	box-shadow: var(--wp--custom--shadow--panel);

	z-index: 60;
	animation: none;
}

.manohara-topbar__nav .wp-block-navigation__responsive-container.is-menu-open {
	inset-block: auto;
	inset-inline-end: auto;
	inset-inline-start: var(--wp--preset--spacing--30);
	inset-block-start: calc(100% + 0.4rem);
}

.manohara-topbar .wp-block-navigation.wp-block-navigation:not(.has-background)
	.wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--manohara-bar);
	color: var(--manohara-bar-ink);
}

.manohara-topbar .wp-block-navigation__responsive-container.is-menu-open a {
	color: inherit;
}

.manohara-topbar .wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__responsive-container-content {
	padding-block-start: 0;
	gap: 0;
}

.manohara-topbar .wp-block-navigation__responsive-container-close {
	display: none;
}

.manohara-topbar .wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__container {
	gap: 0;
}

.manohara-topbar .wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation-item__content {
	display: flex;
	align-items: center;

	box-sizing: border-box;
	min-block-size: 44px;
	padding: 0.35rem 0.7rem;
	border-radius: var(--wp--custom--radius--sm);
	color: inherit;
	line-height: 1.35;
	text-decoration: none;
}

.manohara-topbar .wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation-item__content:hover,
.manohara-topbar .wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation-item__content:focus-visible {
	background: color-mix(in srgb, currentColor 12%, transparent);
	color: inherit;
}

.manohara-topbar .wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__submenu-container {

	padding-inline: 0 !important;
	padding-block-start: 0;
	gap: 0;
}

.manohara-topbar .wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding-inline-start: 1.6rem;
	opacity: 0.85;
}

.manohara-topbar__nav .wp-block-navigation__responsive-container.is-menu-open
	:is(.wp-block-navigation__responsive-container-content,
	.wp-block-navigation__container,
	.wp-block-navigation-item,
	.wp-block-navigation__submenu-container) {
	align-items: stretch;
}

.manohara-topbar__nav .wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__container {
	margin-inline: 0;
}

.manohara-topbar__nav.manohara-folds .wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation-item.has-child {
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
}

.manohara-topbar__nav.manohara-folds .wp-block-navigation__responsive-container.is-menu-open
	.has-child > .wp-block-navigation-item__content {
	flex: 1 1 0;
	min-inline-size: 0;
}

.manohara-topbar__nav.manohara-folds .wp-block-navigation__responsive-container.is-menu-open
	.has-child > .wp-block-navigation__submenu-icon {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	inline-size: 44px;
	block-size: 44px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: var(--wp--custom--radius--sm);
	background: transparent;
	color: inherit;
	cursor: pointer;
}

.manohara-topbar__nav.manohara-folds .wp-block-navigation__responsive-container.is-menu-open
	.has-child > .wp-block-navigation__submenu-icon svg {
	inline-size: 12px;
	block-size: 12px;
	margin: 0;

	transform: none;
	transition: transform var(--manohara-motion-base, 160ms) var(--manohara-ease, ease);
}

.manohara-topbar__nav.manohara-folds .wp-block-navigation__responsive-container.is-menu-open
	.has-child.manohara-unfolded > .wp-block-navigation__submenu-icon svg {
	transform: rotate(180deg);
}

.manohara-topbar__nav.manohara-folds .wp-block-navigation__responsive-container.is-menu-open
	.has-child > .wp-block-navigation__submenu-icon:focus-visible {
	background: color-mix(in srgb, currentColor 12%, transparent);
}

@media (hover: hover) {
	.manohara-topbar__nav.manohara-folds .wp-block-navigation__responsive-container.is-menu-open
		.has-child > .wp-block-navigation__submenu-icon:hover {
		background: color-mix(in srgb, currentColor 12%, transparent);
	}
}

.manohara-topbar__nav.manohara-folds .wp-block-navigation__responsive-container.is-menu-open
	.has-child > .wp-block-navigation__submenu-container {
	display: none;
	flex-basis: 100%;
}

.manohara-topbar__nav.manohara-folds .wp-block-navigation__responsive-container.is-menu-open
	.has-child.manohara-unfolded > .wp-block-navigation__submenu-container {
	display: flex;
}

@media (prefers-reduced-motion: reduce) {
	.manohara-topbar__nav.manohara-folds .wp-block-navigation__responsive-container.is-menu-open
		.has-child > .wp-block-navigation__submenu-icon svg {
		transition: none;
	}
}

html.manohara-has-bar.has-modal-open {
	overflow: visible;
	touch-action: auto;
}

.manohara-topbar__nav {
	min-inline-size: 0;
}

.manohara-topbar__nav .wp-block-navigation__responsive-container:not(.is-menu-open)
	.wp-block-navigation__responsive-close,
.manohara-topbar__nav .wp-block-navigation__responsive-container:not(.is-menu-open)
	.wp-block-navigation__responsive-dialog {
	min-inline-size: 0;
}

.manohara-topbar__nav .wp-block-navigation__responsive-container:not(.is-menu-open)
	.wp-block-navigation__container {

	flex-wrap: wrap;
	gap: 2px;
	min-inline-size: 0;
}

.manohara-topbar__nav .wp-block-navigation__responsive-container:not(.is-menu-open)
	:is(.wp-block-navigation__container, .wp-block-navigation__container > .wp-block-page-list)
	> .wp-block-navigation-item {
	flex: 0 0 auto;
}

.manohara-topbar__nav .wp-block-navigation__responsive-container:not(.is-menu-open)
	.wp-block-navigation__container
	> .wp-block-page-list {
	display: flex;
	flex-wrap: wrap;
	gap: 2px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.manohara-topbar__nav .wp-block-navigation__responsive-container:not(.is-menu-open)
	:is(.wp-block-navigation__container, .wp-block-navigation__container > .wp-block-page-list)
	> .wp-block-navigation-item
	> .wp-block-navigation-item__content {
	display: inline-flex;
	align-items: center;
	box-sizing: border-box;

	min-block-size: 44px;
	padding: 1rem 0.8rem 0.85rem;
	border-block-end: 2px solid transparent;
	color: color-mix(in srgb, var(--manohara-bar-ink) 78%, var(--manohara-bar));
	font-weight: 600;
	line-height: 1.5;
	white-space: nowrap;
	text-decoration: none;
	transition: color 0.15s ease, border-color 0.15s ease;
}

.manohara-topbar__nav .wp-block-navigation__responsive-container:not(.is-menu-open)
	:is(.wp-block-navigation__container, .wp-block-navigation__container > .wp-block-page-list)
	> .wp-block-navigation-item
	> .wp-block-navigation-item__content:hover,
.manohara-topbar__nav .wp-block-navigation__responsive-container:not(.is-menu-open)
	:is(.wp-block-navigation__container, .wp-block-navigation__container > .wp-block-page-list)
	> .wp-block-navigation-item
	> .wp-block-navigation-item__content:focus-visible {
	color: var(--manohara-bar-ink);
}

.manohara-topbar__nav .wp-block-navigation__responsive-container:not(.is-menu-open)
	:is(.wp-block-navigation__container, .wp-block-navigation__container > .wp-block-page-list)
	> .current-menu-item
	> .wp-block-navigation-item__content,
.manohara-topbar__nav .wp-block-navigation__responsive-container:not(.is-menu-open)
	:is(.wp-block-navigation__container, .wp-block-navigation__container > .wp-block-page-list)
	> .current-menu-ancestor
	> .wp-block-navigation-item__content {
	color: var(--manohara-bar-ink);
	border-block-end-color: var(--manohara-bar-ink);
	font-weight: 700;
}

.manohara-topbar__nav .wp-block-navigation__responsive-container:not(.is-menu-open)
	.wp-block-navigation__submenu-container {
	min-inline-size: 14rem;
	padding: 0.4rem;
	background: var(--manohara-bar);
	color: var(--manohara-bar-ink);
	border: 1px solid color-mix(in srgb, var(--manohara-bar-ink) 18%, var(--manohara-bar));
	border-radius: var(--wp--custom--radius--md);
	box-shadow: var(--wp--custom--shadow--panel);

	inset-block-start: calc(100% + 0.4rem);
}

.manohara-topbar__nav .wp-block-navigation__responsive-container:not(.is-menu-open)
	.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	min-block-size: 44px;
	padding: 0.35rem 0.7rem;
	border-radius: var(--wp--custom--radius--sm);
	color: inherit;
	font-weight: 500;
	line-height: 1.35;
	white-space: normal;
	text-decoration: none;
}

.manohara-topbar__nav .wp-block-navigation__responsive-container:not(.is-menu-open)
	.wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
.manohara-topbar__nav .wp-block-navigation__responsive-container:not(.is-menu-open)
	.wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible {
	background: color-mix(in srgb, currentColor 12%, transparent);
	color: inherit;
}

.manohara-topbar__nav .wp-block-navigation__responsive-container:not(.is-menu-open)
	.wp-block-navigation__submenu-icon {
	margin-inline-start: 0.3rem;
}

.manohara-topbar__nav .wp-block-navigation__responsive-container:not(.is-menu-open)
	:is(.wp-block-navigation__container, .wp-block-navigation__container > .wp-block-page-list)
	> .has-child
	> .wp-block-navigation__submenu-container::before {
	content: "";
	position: absolute;
	inset-inline: -1px;
	inset-block-end: 100%;
	block-size: calc(0.4rem + 3px);
	background: transparent;
}

.manohara-topbar__nav .wp-block-navigation__responsive-container:not(.is-menu-open)
	.wp-block-navigation__submenu-container
	.wp-block-navigation__submenu-container {
	inset-block-start: calc(-0.4rem - 1px);
	inset-inline-start: calc(100% + 0.4rem);
	inset-inline-end: auto;
	margin-block-start: 0;
}

.manohara-topbar__nav .wp-block-navigation__responsive-container:not(.is-menu-open)
	.wp-block-navigation__submenu-container
	.wp-block-navigation__submenu-container::before {
	content: "";
	display: block;
	position: absolute;
	inset-block: -1px;
	inset-inline-start: auto;
	inset-inline-end: 100%;
	inline-size: calc(0.4rem + 3px);
	block-size: auto;
	background: transparent;
}

.manohara-topbar__nav .wp-block-navigation__responsive-container:not(.is-menu-open)
	:is(.wp-block-navigation__container, .wp-block-navigation__container > .wp-block-page-list)
	> .has-child.manohara-submenu-flip
	> .wp-block-navigation__submenu-container {
	inset-inline-start: auto;
	inset-inline-end: -1px;
}

.manohara-topbar__nav .wp-block-navigation__responsive-container:not(.is-menu-open)
	.wp-block-navigation__submenu-container
	.has-child.manohara-submenu-flip
	> .wp-block-navigation__submenu-container {
	inset-inline-start: auto;
	inset-inline-end: calc(100% + 0.4rem);
}

.manohara-topbar__nav .wp-block-navigation__responsive-container:not(.is-menu-open)
	.wp-block-navigation__submenu-container
	.has-child.manohara-submenu-flip
	> .wp-block-navigation__submenu-container::before {
	inset-inline-start: 100%;
	inset-inline-end: auto;
}

.manohara-topbar__nav .wp-block-navigation__responsive-container:not(.is-menu-open)
	.has-child.manohara-submenu-held
	> .wp-block-navigation__submenu-container {
	visibility: visible;
	opacity: 1;
	overflow: visible;
	width: auto;
	height: auto;
	transform: none;
}

.manohara-pop {
	position: relative;
	display: inline-flex;
}

.manohara-pop__panel {
	position: absolute;
	inset-block-start: calc(100% + 0.4rem);
	inset-inline-end: 0;
	z-index: 60;
	inline-size: max-content;
	min-inline-size: 12rem;
	max-inline-size: min(18rem, calc(100vw - 1.5rem));
	padding: 0.4rem;
	background: var(--manohara-bar);
	color: var(--manohara-bar-ink);
	border-radius: var(--wp--custom--radius--md);
	box-shadow: var(--wp--custom--shadow--panel);
	font-size: var(--wp--preset--font-size--small);
}

.manohara-pop__panel[hidden] {
	display: none;
}

.manohara-pop__who {
	margin: 0;
	padding: 0.5rem 0.7rem 0.6rem;
	font-size: var(--wp--preset--font-size--x-small);
	opacity: 0.75;
}

.manohara-pop__who strong {
	display: block;
	font-weight: 600;
	opacity: 1;
}

.manohara-pop__item {
	display: flex;
	align-items: center;

	box-sizing: border-box;

	min-block-size: 44px;
	padding: 0.35rem 0.7rem;
	line-height: 1.35;
	border-radius: var(--wp--custom--radius--sm);
	color: inherit;
	text-decoration: none;
}

.manohara-pop__item:hover,
.manohara-pop__item:focus-visible {
	background: color-mix(in srgb, currentColor 12%, transparent);
	color: inherit;
}

.manohara-pop__rule {
	margin: 0.35rem 0.4rem;
	border: 0;
	border-top: 1px solid color-mix(in srgb, currentColor 20%, transparent);
}

.manohara-topbar .manohara-pop {
	position: static;
}

.manohara-topbar .manohara-pop__panel {
	inset-inline-end: var(--wp--preset--spacing--30);
}

.manohara-pop__panel--settings {
	inline-size: 15rem;
	max-inline-size: min(18rem, calc(100vw - 1.5rem));
	padding: 0.6rem;
}

.manohara-pop__head {
	margin: 0.2rem 0.2rem 0.5rem;
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	line-height: 1.6;
	color: color-mix(in srgb, var(--manohara-bar-ink) 70%, transparent);
}

.manohara-seg {
	display: flex;
	gap: 2px;
	padding: 2px;
	border-radius: calc(var(--wp--custom--radius--sm) + 4px);
	background: color-mix(in srgb, currentColor 8%, transparent);
	border: 1px solid color-mix(in srgb, currentColor 16%, transparent);
}

.manohara-seg button {
	flex: 1;
	appearance: none;
	border: 0;
	background: transparent;
	cursor: pointer;
	padding: 0.45rem 0.3rem;
	border-radius: var(--wp--custom--radius--sm);
	font-family: inherit;
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 600;
	line-height: 1.5;
	color: color-mix(in srgb, var(--manohara-bar-ink) 72%, transparent);
	transition: background-color 0.15s ease, color 0.15s ease;
}

.manohara-seg button:hover {
	color: var(--manohara-bar-ink);
}

.manohara-seg button[aria-checked="true"] {
	background: color-mix(in srgb, currentColor 20%, transparent);
	color: var(--manohara-bar-ink);
	font-weight: 700;
}

.manohara-pop__panel--settings .manohara-pop__item {
	min-block-size: 40px;
	font-size: var(--wp--preset--font-size--x-small);
}

.manohara-topbar__progress {
	position: absolute;
	inset-block-end: 0;
	inset-inline: 0;
	block-size: 3px;

	background: var(--manohara-bar-progress, var(--wp--preset--color--accent-surface, var(--wp--preset--color--accent)));
	pointer-events: none;
	transform: scaleX(0);
	transform-origin: left center;
}

.manohara-topbar__progress:dir(rtl) {
	transform-origin: right center;
}

@supports (animation-timeline: scroll()) {
	.manohara-topbar__progress {
		animation: manohara-progress-grow linear;
		animation-timeline: scroll(root block);
	}
}

@media (prefers-reduced-motion: reduce) {
	.manohara-topbar__progress {
		display: none;
	}
}

.manohara-page-head {
	margin-block-start: 0;
	padding-inline: var(--wp--preset--spacing--40);

	border-block-end: 1px solid var(--wp--preset--color--rule);
}

.manohara-page-head__inner {
	max-inline-size: var(--wp--style--global--wide-size, 76rem);
	margin-inline: auto;
	padding-block: var(--wp--preset--spacing--40);
}

.manohara-tone-deep .manohara-page-head {
	background: var(--wp--preset--color--accent);
	border-block-end: 0;
}

.manohara-tone-ink .manohara-page-head {
	background: var(--wp--preset--color--contrast);
	border-block-end: 0;
}

:is(.manohara-tone-deep, .manohara-tone-ink) .manohara-page-head__title {
	color: var(--wp--preset--color--base);
}

:is(.manohara-tone-deep, .manohara-tone-ink) .manohara-page-head__sub {
	color: var(--wp--preset--color--base-sunk);
}

.manohara-page-head__title {
	margin: 0;
	color: var(--wp--preset--color--accent);
	font-family: var(--wp--preset--font-family--reading);
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.015em;
	hyphens: auto;
	overflow-wrap: break-word;
}

.manohara-page-head__body.has-mark {
	display: grid;
	grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
	align-items: center;
	gap: var(--wp--preset--spacing--40);
}

.manohara-page-head__body.is-mark-left {
	grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
}

.manohara-page-head__body.is-mark-right .manohara-page-head__markwrap {
	order: 2;
}

.manohara-page-head__markwrap {
	display: flex;
	justify-content: center;
	opacity: var(--manohara-mark-strength, 1);
}

.manohara-page-head__mark {
	display: block;
	inline-size: auto;
	block-size: auto;
	max-inline-size: 100%;
	max-block-size: 5rem;
}

@media (max-width: 47.99rem) {
	.manohara-page-head__body.has-mark {
		display: block;
	}

	.manohara-page-head__markwrap {
		display: none;
	}
}

.manohara-page-head__sub {
	margin: 0.5rem 0 0;
	max-inline-size: 52rem;
	color: var(--wp--preset--color--contrast-muted);
	font-family: var(--wp--preset--font-family--structure);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.5;
}

.manohara-sidebar-left .wp-site-blocks main > .wp-block-columns {
	flex-direction: row-reverse;
}

[dir="rtl"] .wp-site-blocks main > .wp-block-columns {
	flex-direction: row-reverse;
}

[dir="rtl"] .manohara-sidebar-left .wp-site-blocks main > .wp-block-columns {
	flex-direction: row;
}

.is-style-manohara-rail {
	position: sticky;

	inset-block-start: calc(var(--manohara-topbar-height, 0px) + var(--wp-admin--admin-bar--height, 0px) + 1.5rem);
	font-family: var(--wp--preset--font-family--structure);
	font-size: var(--wp--preset--font-size--small);
}

.is-style-manohara-rail :is(ul, ol) {
	list-style: none;
	margin: 0;
	padding: 0;
}

.is-style-manohara-rail li {
	margin: 0;
	border-top: 1px solid var(--wp--preset--color--rule);
}

.is-style-manohara-rail li:first-child {
	border-top: 0;
}

.is-style-manohara-rail li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;

	min-block-size: 44px;
	padding-block: 0.4rem;
	text-decoration: none;
}

.is-style-manohara-rail li a:hover,
.is-style-manohara-rail li a:focus-visible {
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.is-style-manohara-rail .wp-block-categories li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	color: var(--wp--preset--color--contrast-muted);
	font-variant-numeric: tabular-nums;
}

.is-style-manohara-rail .wp-block-categories li a {
	flex: 1 1 auto;
}

.is-style-manohara-rail h2,
.is-style-manohara-rail h3 {
	font-size: var(--wp--preset--font-size--x-small);
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wp--preset--color--contrast-muted);
}

@media (max-width: 47.99rem) {
	.manohara-topbar__inner {
		padding-inline: var(--wp--preset--spacing--20);
		gap: 0.25rem;
	}

	.manohara-topbar__panel {
		inset-inline: var(--wp--preset--spacing--20);
	}

	.manohara-topbar .manohara-pop__panel {
		inset-inline-end: var(--wp--preset--spacing--20);
	}

	.manohara-topbar .wp-block-navigation__responsive-container.is-menu-open {
		inset-inline-end: var(--wp--preset--spacing--20);
	}

	.manohara-topbar__nav .wp-block-navigation__responsive-container.is-menu-open {
		inset-inline-start: var(--wp--preset--spacing--20);
	}

	.manohara-topbar__logo {
		max-block-size: 1.75rem;
	}
}

@media (max-width: 29.99rem) {
	.manohara-topbar__logo {
		max-block-size: 1.5rem;

		max-inline-size: min(100%, 20vw);
	}

	.manohara-page-head {
		padding-inline: var(--wp--preset--spacing--30);
	}

	.is-style-manohara-rail {
		position: static;
	}
}

.manohara-topbar.manohara-collapsed
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
	display: inline-flex;
}

.manohara-topbar.manohara-collapsed
	.manohara-topbar__nav
	.wp-block-navigation__responsive-container:not(.is-menu-open) {
	display: none;
}

.manohara-topbar.manohara-collapsed .manohara-topbar__nav {
	order: 2;
	flex: 0 0 auto;
}

@media (max-width: 61.99rem) {
	.manohara-topbar:not(.manohara-measures)
		.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: inline-flex;
	}

	.manohara-topbar:not(.manohara-measures)
		.manohara-topbar__nav
		.wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: none;
	}

	.manohara-topbar:not(.manohara-measures) .manohara-topbar__nav {
		order: 2;
		flex: 0 0 auto;
	}
}

.manohara-topbar .manohara-topbar__nav
	.wp-block-navigation__responsive-container.is-menu-open {
	position: fixed;
	inset: 0;
	inline-size: auto;
	block-size: auto;
	max-block-size: none;

	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: stretch;
	padding: 0;
	border-radius: 0;
	box-shadow: none;

	overflow: visible;
	z-index: 80;
}

.manohara-topbar
	.manohara-topbar__nav.wp-block-navigation.wp-block-navigation:not(.has-background)
	.wp-block-navigation__responsive-container.is-menu-open {
	background-color: color-mix(in srgb, #000 55%, transparent);
	color: var(--manohara-bar-ink);
}

.manohara-topbar .manohara-topbar__nav
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__responsive-close {
	inline-size: min(86vw, 22rem);
	max-inline-size: none;
	block-size: 100%;
	margin: 0;
	padding: 0;
	background: var(--manohara-bar);
	color: var(--manohara-bar-ink);
	box-shadow: var(--wp--custom--shadow--panel);

	overflow-y: auto;
	overscroll-behavior: contain;
	touch-action: auto;
	animation: manohara-drawer-in var(--manohara-motion, 240ms) var(--manohara-ease, ease) both;
}

@keyframes manohara-drawer-in {
	from {
		transform: translateX(100%);
	}

	to {
		transform: translateX(0);
	}
}

[dir="rtl"] .manohara-topbar .manohara-topbar__nav
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__responsive-close {
	animation-name: manohara-drawer-in-rtl;
}

@keyframes manohara-drawer-in-rtl {
	from {
		transform: translateX(-100%);
	}

	to {
		transform: translateX(0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.manohara-topbar .manohara-topbar__nav
		.wp-block-navigation__responsive-container.is-menu-open
		.wp-block-navigation__responsive-close {
		animation: none;
	}
}

.manohara-topbar .manohara-topbar__nav
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__responsive-dialog {
	block-size: auto;
	margin: 0;
}

.manohara-topbar .manohara-topbar__nav
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__responsive-container-content {
	padding: 3.5rem 0.6rem 2rem;
	gap: 0;
}

.manohara-topbar .manohara-topbar__nav
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__responsive-container-close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	inset-block-start: 0.5rem;
	inset-inline-end: 0.5rem;
	inline-size: 44px;
	block-size: 44px;
	border: 0;
	border-radius: 50%;
	background: color-mix(in srgb, currentColor 10%, transparent);
	color: inherit;
	cursor: pointer;
}

.manohara-topbar .manohara-topbar__nav
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__responsive-container-close:hover,
.manohara-topbar .manohara-topbar__nav
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__responsive-container-close:focus-visible {
	background: color-mix(in srgb, currentColor 22%, transparent);
}

.manohara-topbar .manohara-topbar__nav
	.wp-block-navigation__responsive-container.is-menu-open
	> .wp-block-navigation__responsive-close
	.wp-block-navigation__container > .wp-block-navigation-item {
	border-block-start: 1px solid color-mix(in srgb, var(--manohara-bar-ink) 14%, transparent);
}

.manohara-topbar .manohara-topbar__nav
	.wp-block-navigation__responsive-container.is-menu-open
	> .wp-block-navigation__responsive-close
	.wp-block-navigation__container > .wp-block-navigation-item:first-child {
	border-block-start: 0;
}

.manohara-topbar__search[open] > .manohara-topbar__panel {
	max-block-size: min(80vh, 40rem);
	overflow-y: auto;
	overscroll-behavior: contain;
}

.manohara-topbar__tiles {
	max-inline-size: 42rem;
	margin: 0.9rem auto 0.25rem;
}

.manohara-topbar__tiles-head {
	margin: 0 0 0.5rem;
	font-size: var(--wp--preset--font-size--x-small);
	letter-spacing: 0.1em;
	text-transform: uppercase;

	color: color-mix(in srgb, var(--manohara-bar-ink) 70%, transparent);
}

.manohara-topbar__tile-list {
	display: grid;

	grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
	gap: 0.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.manohara-topbar__tile {
	margin: 0;
}

.manohara-topbar__tile a {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	block-size: 100%;
	padding: 0.4rem;
	border-radius: var(--wp--custom--radius--sm);
	color: inherit;
	text-decoration: none;
}

.manohara-topbar__tile a:hover,
.manohara-topbar__tile a:focus-visible {
	background: color-mix(in srgb, currentColor 12%, transparent);
}

.manohara-topbar__tile-art {
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	border-radius: var(--wp--custom--radius--sm);

	background: color-mix(in srgb, var(--manohara-bar-ink) 12%, transparent);
}

.manohara-topbar__tile-art img {
	inline-size: 100%;
	block-size: 100%;
	object-fit: cover;
	display: block;
}

.manohara-topbar__tile-name {
	font-size: var(--wp--preset--font-size--x-small);
	line-height: 1.3;

	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

@media print {
	.manohara-topbar {
		display: none !important;
	}

	.manohara-page-head {
		background: none;
		border-block-end: 1pt solid #999;
	}

	:is(.manohara-tone-deep, .manohara-tone-ink) .manohara-page-head__title,
	:is(.manohara-tone-deep, .manohara-tone-ink) .manohara-page-head__sub {
		color: #000;
	}
}