div#overview div.files {
	display:               grid;
	grid-gap:              1ex;
	grid-template-columns: repeat(auto-fill, minmax(56em, 1fr));
}

div#overview div.files a.file {
	display:               grid;
	grid-gap:              1ex;
	grid-template-areas:
			'icon title infos'
			'icon description infos';

	grid-template-columns: 5em 1fr 1fr;
	border:                1px solid darkgray;
	border-radius:         5px;
	padding:               2px;
	background-color:      #eee;
	color:                 inherit;
	text-decoration:       none;
}

div#overview div.files a.file img.file-type-icon {
	grid-area:  icon;
	max-height: 5em;
	max-width:  5em;
	margin:     0.5em;
}

div#overview div.files a.file div.file-title {
	grid-area:   title;
	font-weight: bold;
	font-size:   120%;
}

div#overview div.files a.file p.file-description {
	grid-area: description;
}

div#overview div.files a.file div.file-infos {
	grid-area: infos;
	font-size: 80%;
}

div#overview div.files a.file div.file-infos div.file-name {
	word-break: break-all;
}

div#overview div.files a.file div.download-link {
	grid-area: link;
}

div#file-view div#file-infos {
	display: grid;
	grid-gap: 1ex;
	grid-template-columns: min-content auto;
}

div#file-view div#file-infos div.icon {
	width:  8em;
}

div#file-view div#file-infos div.infos {
	display: grid;
	grid-gap: 1px 1ex;
	grid-template-columns: min-content auto;
	grid-template-rows: min-content min-content min-content min-content min-content;
}

div#file-view div#file-infos div.infos div.header {
	font-weight: bold;
}

div#file-view div#archive-content {
}

div#file-view div#archive-content a {
	display: block;
}