#indexlist {
	line-height: 1em;
	font-family: var(--monospace);
	font-size: 85%;
}

#indexlist th,
#indexlist td {
    padding: 1em 1.5em;
}

#indexlist .indexbreakrow {
	display: none;
}

#indexlist .indexicon {
	padding-right: 0;
}

#indexlist .indexicon a {
	display: flex;
}

#indexlist .indexicon span {
	display: block;
	width: 16px;
	height: 16px;
}

#indexlist .indexname {
	width: 100%;
	word-break: break-all;
}

#indexlist .indexsize {
	min-width: 2em;
}

#indexlist .indexdate {
	white-space: nowrap;
}


/* Hide columns on small screens, least important vanishes first */

@media (max-width: 67ch) {
	.indexdate {
		display: none;
	}
}

@media (max-width: 50ch) {
	.indexicon {
		display: none;
	}
}

@media (max-width: 47ch) {
	.indexsize {
		display: none;
	}
}