.loyseo-related-tutorials-card__title {
	margin: 0;
	color: var(--wp--preset--color--text-heading);
	font-size: var(--wp--preset--font-size--title);
	font-weight: var(--wp--custom--typography--weight--semibold);
	line-height: var(--wp--custom--typography--line-height--title);
}

.loyseo-related-tutorials-card__list {
	margin: var(--wp--preset--spacing--40) 0 0;
	padding: 0;
	box-sizing: border-box;
	/* Content keeps its natural height until this sidebar viewport is exceeded. */
	max-width: 100%;
	max-height: 320px;
	list-style: none;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-color: var(--wp--preset--color--border-default) var(--wp--preset--color--surface-soft);
	scrollbar-width: thin;
}

.loyseo-related-tutorials-card__list li {
	margin: 0 !important;
	padding: 0;
	border-top: 1px solid var(--wp--preset--color--border-subtle);
	list-style: none !important;
}

.loyseo-related-tutorials-card__list li:last-child {
	border-bottom: 1px solid var(--wp--preset--color--border-subtle);
}

.loyseo-related-tutorials-card__list a {
	display: flex;
	gap: var(--wp--preset--spacing--20);
	align-items: flex-start;
	padding-block: var(--wp--preset--spacing--20);
	color: var(--wp--preset--color--text-body) !important;
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--typography--line-height--small);
	text-decoration: none;
}

.loyseo-related-tutorials-card__tree-marker {
	flex: 0 0 1em;
	color: currentcolor;
	text-align: center;
}

.loyseo-related-tutorials-card__link-text {
	min-width: 0;
	overflow-wrap: anywhere;
}

.loyseo-related-tutorials-card__item.is-tree-child a {
	padding-left: var(--wp--preset--spacing--20);
}

.loyseo-related-tutorials-card__list a:hover,
.loyseo-related-tutorials-card__list a:focus-visible {
	color: var(--wp--preset--color--brand-primary) !important;
	text-decoration: underline;
}
