/* CSS Document */

#topics{
	display: grid;
	grid-template-columns: 1fr var(--wrap) 1fr;
	grid-gap: clamp(24px, 4.8vw, 32px) 0;
	margin: clamp(24px, 4.8vw, 32px) 0 clamp(64px, 14.4vw, 96px) 0;
	}
	#topics > *{
		grid-column: 2;
		}
	#topics h2{
		justify-self: center;
		}
	#topics h2+div:not(.topicsList){
		justify-self: center;
		color: var(--color-pale);
		}

.topicsList{
	border: 1px solid var(--color-border);
	background: #fff;
	color: var(--color);
	}
	.topicsList dl{
		padding: clamp(16px, 3.6vw, 24px);
		}
	.topicsList dl+dl{
		border-top: 1px solid var(--color-border);
		}
	.topicsList dt{
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		}
	.topicsList .tagCheck{
		background: var(--color-variable);
		}
	.topicsList .tagNew{
		background: #fff;
		}