@layer blocks {
	.attachments:not(:only-child) {
		margin-top: var(--spacing5);
	}
	
	.attachments a:hover {
		text-decoration: underline;
		text-decoration-thickness: 2px;
		text-decoration-color: var(--color__blue--light);
		text-underline-offset: 0.18em;
	}
	
	.attachments li {
		display: flex;
		align-items: flex-start;
		gap: var(--gridGap);
		
		padding: var(--spacing3) 0;
		border-top: 1px solid var(--color__gray);
	}
	
	.attachments li:last-child {
		border-bottom: 1px solid var(--color__gray);
	}
	
	.attachments li > div:first-child {
		flex: 1 1 auto;
	}
	
	.attachments li > div:nth-child(2), 
	.attachments li > div:nth-child(3) {
		width: 4em;
		white-space: nowrap;
		flex: 0 0 auto;
	}
	
	.attachments li > div:last-child {
		flex: 0 0 auto;
	}
	
	.attachments li > div:nth-child(3) {
		text-transform: uppercase;
	}
	
	.attachments a:hover {
		color: var(--color__blue);
	}
}