:root{
/*Background color*/	--bgclr: var(--tan);
/*Board Color*/			--bdclr: var(--brown);
/*Tablehd Color*/		--thclr: hsl(40 50% 50%);
/*Tablebg Color*/		--tbclr: hsl(40 80% 95%);
/*Text color*/			--txclr: var(--zinnwaldite);
/*Text color*/			--fdclr: var(--zinnwaldite-fade);
/*Accent color*/		--acclr: var(--amber);}
body{background: var(--bgclr);color: var(--txclr);}
main{text-align: center;}
main nav{
	display: inline-block;
	max-width: calc(100% - (4em + 42px));
	margin: 2em;
	border: 1px solid var(--txclr);
	border-radius: 20px;
	padding: 20px;
	background: var(--bdclr);
	color: hsl(40, 80%, 95%);
	text-align: initial;}
nav p{margin: 1em; line-height: 1.2;}
table{margin: 0px; border-collapse: collapse;}
caption,th,summary,#bdtcol,#bdfmbl{font-family: Coda, serif; font-weight: normal;}
caption{
	margin: .25rem;
	font-size: 2em;
	font-variant: small-caps;
	text-align: center;
	text-shadow: 2px 2px 0px var(--txclr);}
tbody,nav ol{padding: 1em; border: 2px solid var(--txclr);}
nav ol{list-style-position: inside;}
:is(th,td):empty{background: hsl(var(--grey));}
th, summary{
	border: 1px solid var(--txclr);
	padding: .25em .5em;
	color: var(--txclr);
	background: var(--thclr);
	text-align: center;}
summary{list-style-position: inside;}
td, nav details{background: var(--tbclr);}
nav details,li>p{position: relative; margin-left: 1em; color: var(--txclr);}
nav details{top: -1.3em; margin-bottom: -1em;}
li>p{top: -2.1em; margin-bottom: -1em;}
td{border: 1px dotted var(--txclr); padding: 0 .25em; line-height: 2; color: var(--fdclr);}
a{color: var(--txclr);}
.cross::before,.star::before,.eclipse::before{
	display: inline-block;
	content:" ";
	margin-top: -.2em;
	border-radius: 1em;
	background: black;
	vertical-align: middle;
	background-size: cover;}
.cross::before,.star::before{
	width: 1.1em;
	height: 1.1em;
	margin: 0 .75ch 0 .25ch;
	outline: .3em solid black;}
.cross::before{background-image:url("/image/cross.svg");}
.star::before{background-image:url("/image/star.svg");}
.eclipse::before{background-image:url("/image/eclipse.svg");
	width: 1.6em;
	height: 1.6em;
	margin: 0 .4ch 0 -.15ch;}