.japanese-term {
	color: var(--color-gray-400);
}

.glossary-toc li + li {
	border-top: 1px solid var(--color-gray-100);
}

.glossary-toc a {
	color: var(--color-gray-700);
	line-height: 1.22;
	padding: var(--spacing-xs) 0;
}

.glossary-toc a .japanese-term {
	color: var(--color-gray-400);
	display: block;
	font-family: var(--font-jp);
	font-size: var(--size-sm);
	font-weight: 400;
	line-height: 1.2;
	margin-top: 0.05em;
	overflow-wrap: anywhere;
}

.glossary-toc a:hover,
.glossary-toc a:focus-visible,
.glossary-toc a.is-active {
	color: var(--color-matcha-500);
}

.glossary-toc a:hover > *,
.glossary-toc a:focus-visible > *,
.glossary-toc a.is-active > * {
	color: var(--color-matcha-500);
}

.glossary-toc a:focus-visible {
	outline: 2px solid var(--color-matcha-300);
	outline-offset: 2px;
}

.glossary-content {
	width: 100%;
	margin-top: var(--spacing-xxl);
}

.glossary-content:first-of-type {
	margin-top: 0;
}

.glossary-content .page-heading {
	text-align: left;
	color: var(--color-gray-500);
}

.glossary-content .page-heading--lg {
	text-align: left;
	color: var(--color-gray-600);
}

.glossary-content [id] {
	scroll-margin-top: var(--spacing-xl);
}

.glossary-content hr {
	border: none;
	height: 2px;
	background: linear-gradient(90deg, var(--color-seiji-300), var(--color-matcha-300), transparent);
	margin: var(--spacing-xl) 0;
	width: 100%;
}