@charset "UTF-8";

@media (max-width: 1000px) {
	td:nth-child(1) {
		font-size: 0.75em;
	}
	
	td:nth-child(4) {
		font-size: 2.15em;
	}
	
	td.numeric-rating {
		font-size: 1.5em;
	}
	
	td.wordy-rating {
		font-size: 1.1em;
	}
	
	ul.very-long {
		column-count: 2;
	}
}

@media (max-width: 900px) {	
	ul {
		padding-left: 0.5em;
	}
}

@media (max-width: 800px) {
	main {
		padding: 0px 0.3em;
	}
	
	h1 {
		font-size: 2.5em;
	}
	
	ul.long, ul.very-long {
		column-count: 1;
	}
	
	th {
		font-size: 1.3em;
		padding: 0.25em 0.1em;
	}
	
	td {
		padding: 0.15em 0.4em;
	}
	
	td:nth-child(1) {
		/* Thumbnail column */
		padding: 0 0.2em;
	}
	
	td:nth-child(2) {
		/* Show name column */
		font-size: 1.3em;
	}
	
	td:nth-child(3) {
		/* Status column */
		font-size: 1.1em;
	}
}

@media (max-width: 700px) {
	:root {		
		--list-gap: 0.5em;
		
		--altlistgap1: 0.8em;
		--altlistgap2: 0.3em;
		--altlistgap3: 0.65em;
		--altlistgap4: 0.4em;
	}
	
	body {
		margin: 4px;
	}
	
	h1 {
		font-size: 2em;
	}
	
	h2 {
		font-size: 1.65em;
	}
	
	h1 + p {
		font-size: 0.95em;
	}
	
	section:not(#toc) ul {
		font-size: 1.2em;
	}
	
	td:nth-child(1) {
		font-size: 0.7em;
	}
}

@media (max-width: 600px) {
	:root {		
		--list-gap: 0.4em;
		
		--altlistgap1: 0.7em;
		--altlistgap2: 0.2em;
		--altlistgap3: 0.55em;
		--altlistgap4: 0.3em;
	}
	
	h1 {
		font-size: 1.8em;
	}
	
	h2 {
		font-size: 1.4em;
	}
	
	th {
		font-size: 1.1em;
		padding: 0.25em 0;
	}
	
	td:nth-child(1) {
		font-size: 0.6em;
	}
	
	td:nth-child(2) {
		/* Show name column */
		font-size: 1.15em;
	}
	
	td:nth-child(3) {
		/* Status column */
		font-size: 1em;
	}
	
	td:nth-child(4) {
		font-size: 2em;
	}
	
	td.numeric-rating {
		font-size: 1.4em;
	}
	
	td.wordy-rating {
		font-size: 1em;
	}
	
	td:nth-child(4):empty {
		font-size: 1.35em;
	}
	
	.disambiguation {
		font-size: 0.75em;
	}
}

@media (max-width: 500px) {
	:root {
		font-size: 14pt;
		
		--list-gap: 0.3em;
		
		--altlistgap1: 0.6em;
		--altlistgap2: 0.1em;
		--altlistgap3: 0.45em;
		--altlistgap4: 0.2em;
	}
	
	td {
		padding: 0.15em 0.2em;
	}
	
	td:nth-child(1) {
		font-size: 0.5em;
	}
	
	td:nth-child(2) {
		/* Show name column */
		font-size: 1.05em;
	}
	
	td:nth-child(3) {
		/* Status column */
		font-size: 0.95em;
	}
	
	td:nth-child(4) {
		font-size: 1.8em;
	}
	
	td.numeric-rating {
		font-size: 1.2em;
	}
	
	td.wordy-rating {
		font-size: 0.9em;
	}
	
	td:nth-child(4):empty {
		font-size: 1.3em;
	}
	
	section:not(#toc) ul {
		font-size: 1.1em;
	}
}

@media (max-width: 450px) {	
	th {
		font-size: 0.95em;
		padding: 0.1em 0;
	}
	
	td:nth-child(1) {
		font-size: 0.45em;
	}
	
	td:nth-child(2) {
		/* Show name column */
		font-size: 0.95em;
	}
	
	td:nth-child(3) {
		/* Status column */
		font-size: 0.85em;
	}
	
	td:nth-child(4) {
		font-size: 1.4em;
	}
	
	td.numeric-rating {
		font-size: 0.9em;
	}
	
	td.wordy-rating {
		font-size: 0.7em;
	}
	
	td:nth-child(4):empty {
		font-size: 1em;
	}
}