#content {text-align:center}

#rules-title {
	margin-bottom:0;
	padding:0 1rem;
	font-family:Gunplay,Chivo,sans-serif
}
#rules-date {
	display:block
}
#toc-list {
	& > span {
		display:block;
		max-width:max-content;
		margin:0.5em auto;
		cursor:pointer;
		&:hover {text-decoration:underline}
		&:active {opacity:0.5}
	}
}

#rules {
	& > h2 {
		width:90%;
		margin:1em auto;
		border-bottom:1px dotted var(--cTEXT)
	}
	& > span {
		display:block;
		width:50%;
		margin:1em auto;
		text-align:left;
		& b {display:block}
		&.pad1 {padding-left:2ch}
		&.pad2 {padding-left:4ch}
	}
}

ul, ol {margin:0.5em 1em}

hr {width:50%;margin:auto;border:1px dotted var(--cTEXT)}

p {padding:0 1em}

@media only screen and (width<=960px) {
	#content {font-size:3.9vw}
	li, #toc-list > span {max-width:90%}
	#rules > span {width:90%}
	ul {padding-left:0}
	hr {width:90%}
}