.riheps-documents {
	margin: 2rem 0;
	color: #2f2f2f;
}

.riheps-documents__library,
.riheps-documents__folder > summary {
	display: flex;
	align-items: center;
	gap: .75rem;
}

.riheps-documents__library {
	margin: 0 0 1rem;
	font-size: 1.55rem;
	font-weight: 600;
}

.riheps-documents__folder {
	margin: .35rem 0 0;
}

.riheps-documents__folder > summary,
.riheps-documents__more > summary {
	cursor: pointer;
	list-style: none;
}

.riheps-documents__folder > summary::-webkit-details-marker,
.riheps-documents__more > summary::-webkit-details-marker {
	display: none;
}

.riheps-documents__folder > summary::before,
.riheps-documents__more > summary::before {
	content: '▸';
	color: #777;
	font-size: .85em;
}

.riheps-documents__folder[open] > summary::before,
.riheps-documents__more[open] > summary::before {
	content: '▾';
}

.riheps-documents__folder > summary {
	padding: .5rem 0;
	font-size: 1.1rem;
	font-weight: 500;
}

.riheps-documents__icon {
	flex: 0 0 auto;
	width: 2.15rem;
	height: 2.15rem;
}

.riheps-documents__icon--folder {
	fill: #1f1f1f;
}

.riheps-documents__icon--document {
	width: 3.8rem;
	height: 4.6rem;
	fill: none;
	stroke: #8b8b8b;
	stroke-linecap: square;
	stroke-linejoin: miter;
	stroke-width: 1.6;
}

.riheps-documents__list {
	margin: .25rem 0 1.5rem 2.8rem;
}

.riheps-documents__document {
	display: flex;
	gap: 1rem;
	align-items: center;
	padding: 1rem .7rem;
	border-top: 1px solid #a7a7a7;
}

.riheps-documents__document-content {
	min-width: 0;
	flex: 1 1 auto;
}

.riheps-documents__document-title {
	display: block;
	color: #303030;
	font-size: 1.05rem;
	font-weight: 600;
	line-height: 1.35;
	text-decoration: none;
}

.riheps-documents__document-title:hover,
.riheps-documents__document-title:focus {
	color: #587e7a;
	text-decoration: underline;
}

.riheps-documents__meta {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	margin-top: .35rem;
	color: #777;
	font-size: .82rem;
	font-weight: 600;
}

.riheps-documents__more {
	margin: .5rem 0;
}

.riheps-documents__more > summary {
	padding: .7rem;
	color: #555;
	font-weight: 600;
}

@media (max-width: 640px) {
	.riheps-documents__library {
		font-size: 1.3rem;
	}

	.riheps-documents__list {
		margin-left: 0;
	}

	.riheps-documents__document {
		align-items: flex-start;
		padding-right: 0;
		padding-left: 0;
	}

	.riheps-documents__meta {
		flex-direction: column;
		gap: .15rem;
	}
}