@media screen
{
	.list-page { --tahoma-stack: Seravek, Corbel, "DejaVu Sans", "Bitstream Vera Sans", var(--android-sans), Tahoma, Geneva, sans-serif, var(--symbol-fonts); }
	.book-list :is(strong, em) { font-style: italic; }
	
	@media (18em <= width) and (prefers-reduced-motion: no-preference)
	{
		.list-page { font-family: var(--tahoma-stack); }
	}
	
	.list-page :is(h1, h2, h3, li)::before { background-color: var(--link-bg-color); }
	.list-page :is(h1, h2, h3, li)::before, li { border-color: var(--arrow-bg-color); }
	.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: center;
		align-content: center;
		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; }
	#all { max-inline-size: 40em; }
	
	.list-page main :is(.normal-list, .link-list)
	{
		display: flex;
		justify-content: center;
		align-items: center;
		align-content: center;
		flex-direction: row;
		flex-wrap: wrap;
		gap: var(--padding-half);
	}
	
	.list-page :is(.normal-list, .link-list, h2, h3)
	{
		inline-size: 100%;
		align-self: stretch;
	}
	
	.list-page :is(.normal-list li, .link-list li)
	{
		flex-basis: auto;
		flex-grow: 1;
		flex-shrink: 1;
		max-inline-size: 15em;
	}
	
	.list-page main :is(.normal-list, .link-list)
	{
		align-self: center;
		margin-inline-start: auto;
		margin-inline-end: auto;
	}
	
	.list-page :is(.normal-list li, .link-list li, h1, h2, h3)
	{
		display: flex;
		justify-content: center;
		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-interval));
		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 :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; }
	.list-page main { counter-reset: item; }
	.list-page :is(.normal-list li, .link-list li) { counter-increment: item; }
	:lang(en-US) .list-page h1::before { content: 'Title'; }
	:lang(es) .list-page h1::before { content: 'Título'; }
	:lang(pt-BR) .list-page h1::before { content: 'Título'; }
	:lang(zh-HANS) .list-page h1::before { content: '标题'; }
	:lang(id) .list-page h1::before { content: 'Judul'; }
	:lang(tr) .list-page h1::before { content: 'Ünvan'; }
	:lang(vi) .list-page h1::before { content: 'Tiêu đề'; }
	:lang(ko) .list-page h1::before { content: '제목'; }
	:lang(fr) .list-page h1::before { content: 'Titre'; }
	:lang(de) .list-page h1::before { content: 'Titel'; }
	:lang(it) .list-page h1::before { content: 'Titolo'; }
	:lang(pl) .list-page h1::before { content: 'Tytuł'; }
	:lang(th) .list-page h1::before { content: 'ตั้งชื่อ'; }
	
	@media (forced-colors: active)
	{
		.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; }
}