@media screen
{
	.list-page
	{
		--tahoma-stack: Seravek, Corbel, "DejaVu Sans", "Bitstream Vera Sans", var(--android-sans), Tahoma, Geneva, sans-serif, var(--symbol-fonts);
		--verdana-stack: Futura, Candara, "DejaVu Sans", "Bitstream Vera Sans", var(--android-sans), "Trebuchet MS", Verdana, sans-serif, var(--symbol-fonts);
	}
	
	.book-list :is(strong, em) { font-style: italic; }
	
	@media (18em <= width)
	{
		.list-page { font-family: var(--verdana-stack); }
	}
	
	.list-page
	{
		inline-size: 100%;
		max-inline-size: 60rem;
		margin: 0 auto;
	}
	
	.list-page * { align-self: center; }
	.list-page :is(h1, h2, h3) { align-self: stretch; }
	.list-page :is(h1, h2, h3)::before { align-self: center; }
	
	.list-page :is(.normal-list li, .normal-list, .link-list li, .link-list, h1, h2, h3)
	{
		display: flex;
		justify-content: flex-start;
		align-items: stretch;
		align-content: stretch;
		flex-direction: column;
	}
	
	.list-page :is(.normal-list li, .normal-list, .link-list li, .link-list)
	{
		flex-wrap: nowrap;
		text-align: center;
	}
	
	.list-page :is(h1, h2, h3) { flex-wrap: nowrap; }
	
	@media (width <= 49.99em)
	{
		.list-page main :is(.normal-list, .link-list)
		{
			display: flex;
			justify-content: center;
			align-items: flex-start;
			align-content: center;
			flex-direction: row;
			flex-wrap: wrap;
			gap: var(--padding-standard);
			align-self: center;
		}
		
		.list-page :is(.normal-list li, .link-list li)
		{
			flex-grow: 1;
			flex-shrink: 0;
			flex-basis: auto;
			align-self: stretch;
		}
	}
	
	@media (50em <= width)
	{
		.list-page main :is(.normal-list, .link-list)
		{
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(15rem,1fr));
			grid-gap: var(--padding-standard);
			align-self: stretch;
			justify-self: stretch;
			justify-items: stretch;
			align-items: stretch;
			inline-size: auto;
		}
		
		.list-page :is(.normal-list li, .link-list li)
		{
			flex-grow: 1;
			flex-shrink: 0;
			flex-basis: auto;
			align-self: stretch;
			justify-self: stretch;
		}
	}
	
	.list-page :is(.normal-list, .link-list, h2, h3)
	{
		flex-grow: 1;
		flex-shrink: 0;
		align-self: stretch;
	}
	
	.list-page main :is(.normal-list, .link-list)
	{
		align-self: stretch;
		/*
				margin-inline-start: auto;
				margin-inline-end: auto;
				*/
	}
	
	.list-page :is(.normal-list li, .link-list li, h1, h2, h3)
	{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		align-content: center;
		flex-direction: column;
		flex-wrap: nowrap;
	}
	
	.list-page :is(.normal-list li, .link-list li, h1, h2, h3)::before
	{
		margin: var(--padding-standard);
		border-radius: 50%;
		font-weight: bold;
		font-size: round(nearest, 1.1em, var(--rounding-fonts));
		align-self: center;
		border-style: solid;
	}
	
	.list-page h1::before
	{
		min-inline-size: 3em;
		min-block-size: 3em;
		padding: 1em;
	}
	
	.list-page :is(h2, h3)::before
	{
		min-inline-size: 3em;
		min-block-size: 3em;
		padding: .75em;
	}
	
	.list-page :is(.normal-list li, .link-list li)::before
	{
		min-inline-size: 2em;
		min-block-size: 2em;
		padding: .25em;
	}
	
	.list-page main.top-level .normal-list li strong { font-weight: bold; }
	.list-page main { counter-reset: item; }
	.list-page :is(.normal-list li, .link-list li) { counter-increment: item; }
	.list-page :is(.normal-list li, .link-list li)::before { content: counter(item, lower-alpha) ". "; }
	.list-page { counter-reset: first; }
	
	.list-page h2
	{
		counter-increment: first;
		counter-reset: second;
	}
	
	.list-page h2::before { content: counter(first); }
	
	.list-page h3
	{
		counter-increment: second;
		counter-reset: third;
	}
	
	.list-page h3::before { content: counter(first) "." counter(second); }
	.list-page :is(.normal-list li, .link-list li, h1, h2, h3)::before { display: block; }
	
	@media (forced-colors: active)
	{
		:is(.normal-list li, .link-list li)::before
		{
			border-width: 1px !important;
			border-color: Highlight !important;
		}
	}
}

@media print
{
	.list-page ul, .list-page ol, .list-page li
	{
		padding-inline-start: 0;
		margin-inline-start: 0;
		padding-block-start: 0;
		margin-block-start: 0;
		padding-inline-end: 0;
		margin-inline-end: 0;
		padding-block-end: 0;
		margin-block-end: 0;
	}
	
	strong, em
	{
		font-style: normal;
		font-weight: normal;
	}
	
	.book-list :is(strong, em) { font-style: italic; }
	.list-page :is(.normal-list, .link-list) { list-style-type: none; }
	
	.list-page :is(.normal-list li, .link-list li)
	{
		border-style: solid;
		border-width: var(--common-border-narrow);
		border-color: black;
		margin: .25em;
		padding: .25em;
	}
	
	.list-page :is(.normal-list li, .link-list li)::before { content: counter(item, lower-alpha) ". "; }
	.list-page { counter-reset: first; }
	
	.list-page h2
	{
		counter-increment: first;
		counter-reset: second;
	}
	
	.list-page h2::before { content: counter(first); }
	
	.list-page h3
	{
		counter-increment: second;
		counter-reset: third;
	}
	
	.list-page h3::before { content: counter(first) "." counter(second); }
	.list-page :is(.normal-list li, .link-list li, h1, h2, h3)::before { display: inline; }
	.list-page main { counter-reset: item; }
	.list-page :is(.normal-list li, .link-list li) { counter-increment: item; }
}