.manohara-actions {
	display: inline-flex;
	align-items: center;
	gap: 0.15rem;
}

.manohara-meta > .manohara-actions::before {
	margin-inline-end: 0.35rem;
}

.manohara-action {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;

	min-block-size: 32px;
	padding: 0.25rem 0.5rem;
	border: 1px solid transparent;
	border-radius: var(--wp--custom--radius--sm);
	color: inherit;
	cursor: pointer;
	font: inherit;
	line-height: 1.4;
	text-decoration: none;
	white-space: nowrap;

	transition:
		background-color var(--manohara-motion-fast, 120ms) var(--manohara-ease, ease),
		border-color var(--manohara-motion-fast, 120ms) var(--manohara-ease, ease),
		color var(--manohara-motion-fast, 120ms) var(--manohara-ease, ease);
}

.manohara-action:hover,
.manohara-action:focus-visible {
	background: var(--wp--preset--color--base-sunk);
	border-color: var(--wp--preset--color--rule);
	color: var(--wp--preset--color--accent);
	text-decoration: none;
}

.manohara-action__icon {
	flex: 0 0 auto;
	opacity: 0.85;
}

.manohara-action--copy .manohara-action__icon:last-of-type {
	display: none;
}

.manohara-action--copy.is-copied {
	color: var(--wp--preset--color--accent);
}

.manohara-action--copy.is-copied .manohara-action__icon:first-of-type {
	display: none;
}

.manohara-action--copy.is-copied .manohara-action__icon:last-of-type {
	display: block;
	opacity: 1;
}

.manohara-share {
	position: relative;
	display: inline-block;
}

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

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

.manohara-share[open] > summary {
	background: var(--wp--preset--color--base-sunk);
	border-color: var(--wp--preset--color--rule);
}

.manohara-share__panel {
	position: absolute;
	inset-block-start: calc(100% + 0.35rem);

	inset-inline-end: 0;
	z-index: 30;
	display: grid;
	gap: 1px;
	inline-size: max-content;
	min-inline-size: 11rem;
	max-inline-size: min(16rem, calc(100vw - 2rem));
	padding: 0.35rem;
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--rule);
	border-radius: var(--wp--custom--radius--md);
	box-shadow: var(--wp--custom--shadow--panel-sm);
	text-align: start;
}

.manohara-share__item {
	display: flex;
	align-items: center;
	gap: 0.5rem;

	box-sizing: border-box;
	min-block-size: 44px;
	padding: 0.35rem 0.6rem;
	line-height: 1.35;
	border: 0;
	border-radius: var(--wp--custom--radius--sm);
	background: none;
	color: var(--wp--preset--color--contrast);
	cursor: pointer;
	font-family: var(--wp--preset--font-family--structure);
	font-size: var(--wp--preset--font-size--x-small);
	text-align: start;
	text-decoration: none;
	inline-size: 100%;
}

.manohara-share__item:hover,
.manohara-share__item:focus-visible {
	background: var(--wp--preset--color--base-sunk);
	color: var(--wp--preset--color--accent);
	text-decoration: none;
}

.manohara-share__copy {
	border-top: 1px solid var(--wp--preset--color--rule);
	border-radius: 0 0 var(--wp--custom--radius--sm) var(--wp--custom--radius--sm);
}

.manohara-share__said {
	color: var(--wp--preset--color--accent);
}

.manohara-toc {
	margin-block: 0 var(--wp--preset--spacing--50);
	font-family: var(--wp--preset--font-family--structure);
	font-size: var(--wp--preset--font-size--x-small);
}

.manohara-toc__box {
	padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
	background: var(--wp--preset--color--base-sunk);
	border: 1px solid var(--wp--preset--color--rule);
	border-radius: var(--wp--custom--radius--md);
}

.manohara-toc__summary {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	min-block-size: 32px;
	color: var(--wp--preset--color--contrast-muted);
	cursor: pointer;
	font-weight: 600;
	letter-spacing: 0.1em;
	list-style: none;
	text-transform: uppercase;
}

.manohara-toc__summary::-webkit-details-marker {
	display: none;
}

.manohara-toc__summary::after {
	content: "";
	inline-size: 0.45rem;
	block-size: 0.45rem;
	margin-inline-start: auto;
	border-inline-end: 1.5px solid currentColor;
	border-block-end: 1.5px solid currentColor;
	transform: rotate(45deg) translate(-0.1em, -0.1em);
	transition: transform var(--manohara-motion-fast, 120ms) var(--manohara-ease, ease);
}

.manohara-toc__box[open] > .manohara-toc__summary::after {
	transform: rotate(225deg) translate(-0.1em, -0.1em);
}

.manohara-toc__list {
	margin: var(--wp--preset--spacing--30) 0 0;
	padding: 0;
	list-style: none;
	counter-reset: manohara-toc;
}

.manohara-toc__item {
	margin: 0;
	counter-increment: manohara-toc;
}

.manohara-toc__list--nested {
	margin-block-start: 0;
	padding-inline-start: 1.25rem;
	counter-reset: manohara-toc-sub;
}

.manohara-toc__list--nested > .manohara-toc__item {
	counter-increment: manohara-toc-sub;
}

.manohara-toc__item a {
	display: block;

	padding-block: 0.4rem;
	color: var(--wp--preset--color--contrast);
	line-height: 1.4;
	text-decoration: none;
}

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

.manohara-toc__item--3 a {
	padding-inline-start: 1.1rem;
	color: var(--wp--preset--color--contrast-muted);
}

.wp-block-post-content :is(h2, h3, h4) {
	scroll-margin-block-start: calc(
		var(--manohara-topbar-height, 0px) + var(--wp-admin--admin-bar--height, 0px) + 1.5rem
	);
}

.manohara-toc--sidebar .manohara-toc__box {
	padding: 0;
	background: none;
	border: 0;
}

@media (max-width: 47.99rem) {

	.manohara-actions {
		margin-inline-start: 0;
	}

	.manohara-meta > .manohara-actions::before {
		content: none;
	}
}

@media print {
	.manohara-actions,
	.manohara-top-wrap,
	.manohara-toc__summary::after {
		display: none !important;
	}

	.manohara-toc__box {
		padding: 0;
		background: none;
		border: 0;
	}
}