:root{color-scheme:light dark;--font-color:light-dark(black, white);--opposite-font-color:light-dark(white, black);--link-color:light-dark(#0000ee, #8c8cff);--first-background-color:light-dark(white, black);--second-background-color:light-dark(#e1e1e1, #1e1e1e);--third-background-color:light-dark(#cacaca, #353535);--fourth-background-color:light-dark(#b1b1b1, #4e4e4e);--fifth-background-color:light-dark(#969696, #696969);--sixth-background-color:light-dark(#7a7a7a, #858585);--accent-color:#FF8935;--default-transition-duration:300ms;font-size:16px}*{box-sizing:border-box}@media(prefers-color-scheme:light){[media="(prefers-color-scheme: dark)"]{display:none}}@media(prefers-color-scheme:dark){[media="(prefers-color-scheme: light)"]{display:none}}:visited{color:LinkText}body{font-family:sans-serif;line-height:1.5;margin:1rem;background-color:var(--first-background-color);table { background-color: var(--second-background-color); border-collapse: collapse; th, td { border-color: var(--font-color); border-style: solid; border-width: 0.1rem; padding: 0.5rem; } } & #TableOfContents { background-color: var(--second-background-color); width: 20%; padding: 1.25rem; &>ul { padding-inline-start: 0; margin: 0; & a { display: block; width: 100%; } } }}a{transition-duration:var(--default-transition-duration);&:hover,&:active,&:focus { text-decoration:none; background-color:var(--opposite-font-color); color:var(--font-color); }}@media screen and (max-width:80ch){:root{font-size:12px}}