.files { display: flex; flex-wrap: wrap; gap: 1rem; }
.files .file {
	display: flex;
	align-items: center;
	padding: 0.5rem 0.75rem;
	background: var(--wcp-color-light, #f5f4f0);
	border: 1px solid var(--wcp-color-border, #e5e7eb);
	border-radius: var(--wcp-radius, 0.375rem);
	color: var(--wcp-color-dark, #374151);
	text-decoration: none;
}
.files .file:hover { background: var(--wcp-color-border, #e5e7eb); }
@media (min-width: 36rem) { .files .file { width: calc(50% - 0.5rem); } }
.files .file .content { display: flex; flex-direction: column; align-items: flex-start; text-align: start; }
.files .file i { font-size: inherit; flex-shrink: 0; margin-right: 1rem; }
.files .file small { font-size: 0.75rem; }