

nav.facet-anchors {
	/* width: 100%; */
	/* text-align: center; */
	/* background-color: #ffffff11; */
	/* padding: .25rem 1rem; */
	font-size: .85rem;
	a {
		/* border-radius: .25rem; */
		color: #aaffffaa;
		text-transform: uppercase;
		/* margin-bottom: 2px; */
	}
	ul {
		li {
			display: inline-block;
			padding: 0 1rem;
			margin: .1rem 0;
			border-radius: .25rem;
			&:last-of-type {
				border-radius: .25rem;
			}
			&:hover {
				background-color: #00000011;
			}
		}
	}
	/* width: fit-content; */
}

section.topics-board {
	h2 {
		text-transform: uppercase;
		text-align: left;
		padding-left: 2.5rem;
		span.eji.eji--h2 {
			margin-right: -.25rem;
			border-radius: 100%;
			transform: scale(1.5);
		}
		a {
			margin: 0;
			padding: .5rem 1rem .5rem 1.5rem;
			background-color: #00000011;
			/* border: 1px solid #ffffff11; */
			/* border-width: 0 4px 0 4px; */
			&:hover {
				background-color: #ffffff11;
				color: #ddd;
				/* border-color: #ffffff44; */
			}
		}
	}
	&.tbd--topic {
		/* margin-bottom: 2rem; */
	}
	p.topic-legend {
		background-color: #ffffff11;
		padding: .5rem 1rem .5rem 1rem;
		font-size: .9rem;
		margin: 0 0 1rem 0;
		border-radius: .25rem;
		
		a {
			text-transform: uppercase;
			padding: .1rem 1rem;
			background-color: #ffffff11;			
			border-radius: .25rem;
			margin: 0 .15rem 0 .25rem;
			font-weight: bold;
			color: #ec9900;
			border: 1px solid transparent;
			
			&:hover {
				color: #00c6c6;
				background-color: #00000011;
				border-color: #ffffff22;
			}
		}
	}
	
}

div.tag-list {
	line-height: 2rem;
	font-size: .85rem;
	margin-left: .5rem;
	a {
		padding: 0 .5rem;
		display: inline-block;
		border: 1px solid #ffffff22;
		background-color: #00000011;
		/* font-size: var(--metasub-font-size); */
		line-height: 1.5rem;
		border-radius: .25rem;
		margin: 0 .1rem;
		color: #00c6c6;
		&:hover {
			color: #ec9900;
			background-color: #00000022;
			border-color:#ffffff44;
		}
		/* margin: 0 */
	}
	a:nth-of-type(even) {
		background-color: #ffffff11;
		&:hover {
			/* background-color: #ffffff22; */
		}
	}
}

article.site-index-item {
	div.tag-list {
		margin: 0;
	}
	li.sidx-tags {
		background-color: transparent;
		padding: .25rem;
	}
	.topic-name {
		/* text-transform: uppercase; */
		font-weight: bold;
		background-color: #ffffff22;
		padding: 0 .5rem;
		border-radius: .15rem;
	}
}
