.page_article_collection .articles_collection {
	margin-left: -0.714rem;
	margin-right: -0.714rem;
	border-top: 1px solid #ddd;
	margin: 0;
	padding: 0;
	list-style: none;
}

.page_article_collection .articles_collection > li {
	padding: 2.143rem 0.714rem;
	border-bottom: 1px solid #ddd;
}

.page_article_collection .collection_filter {
	margin-bottom: 1rem;
	display: flex;
}

.page_article_collection .collection_filter .status_list {
	font-size: 0.857rem;
	display: flex;
	flex-wrap: wrap;
	gap: 1.2rem;
}

.page_article_collection .collection_filter .status_list label {
	display: flex;
	align-items: center;
	gap: 0.3rem;
}

@media (min-width: 480px) {
	.page_article_collection .articles_collection {
		margin-left: -1.43rem;
		margin-right: -1.43rem;
	}

	.page_article_collection .articles_collection > li {
		padding-left: 1.43rem;
		padding-right: 1.43rem;
	}

	.obj_article_collection_summary .additional-info > * + * {
		margin-left: 0.5rem;
	}
}

@media (min-width: 992px) {
	.page_article_collection .articles_collection {
		margin-left: -2.143rem;
		margin-right: -2.143rem;
	}

	.page_article_collection .articles_collection > li {
		padding-left: 2.143rem;
		padding-right: 2.143rem;
	}
}

@media (max-width: 480px) {
	.obj_article_collection_summary .additional-info .separator {
		display: none;
	}

	.obj_article_collection_summary .additional-info {
		flex-direction: column;
	}

	.obj_article_collection_summary .additional-info > * + * {
		margin-left: 0rem;
	}
}

.page_article_collection .cmp_pagination {
	margin-top: 1.43rem;
}

.obj_article_collection_summary h2 {
	margin: 0;
	font-size: 1rem;
	line-height: 1.5rem;
	font-weight: 400;
}

.obj_article_collection_summary .additional-info {
	display: flex;
	font-size: 0.857rem;
	margin: 0.357rem 0;
	color: #777;
}

.obj_article_collection_summary .additional-info .title {
	color: #0e0e0e;
	font-weight: 700;
}

.obj_article_collection_summary .title {
	font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
	font-weight: 700;
	text-decoration: none;
}

.obj_article_collection_summary .description {
	font-size: 0.875rem;
	line-height: 1.5rem;
}

.obj_article_collection_summary .description p:first-child {
	margin-top: 0;
}

.obj_article_collection_summary .description p:last-child {
	margin-bottom: 0;
}

/* Lala */

.obj_collection_toc .cover {
	display: block;
	margin-bottom: 1.43rem;
}

.obj_collection_toc .cover img {
	display: block;
	max-height: 250px;
	width: auto;
}

.obj_collection_toc .description>*:first-child {
	margin-top: 0;
}

.obj_collection_toc .description>*:last-child {
	margin-bottom: 0;
}

.obj_collection_toc .additional-info {
	margin: 1.43rem 0;
}

.obj_collection_toc .additional-info .type {
	font-weight: 700;
}

.obj_collection_toc .published {
	margin: 1.43rem 0;
}

.obj_collection_toc .published .label {
	font-weight: 700;
}

.obj_collection_toc .cmp_article_list {
	/* .pkp_unstyled_list replacement */
	list-style: none;
	padding: 0;
	margin-top: calc(2.143rem + 1.43rem);
}

.obj_collection_toc h2.cmp_article_list_title+.cmp_article_list {
	margin-top: 0;
}

.obj_collection_toc .sections:not(:first-child) {
	margin-top: calc(2.143rem * 2);
}

.obj_collection_toc .section:last-child .cmp_article_list>li:last-child {
	margin-bottom: 0;
}

@media (min-width: 768px) {
	.obj_collection_toc .heading::before,
	.obj_collection_toc .heading::after {
		content: " ";
		display: table;
		clear: both;
	}

	.obj_collection_toc .cover {
		float: left;
		width: 25%;
		height: auto;
		max-height: none;
		margin-right: 1.43rem;
	}

	.obj_collection_toc .section {
		position: relative;
		margin: 0 -1.43rem;
		padding: 2.143rem;
	}

	.obj_collection_toc .section.articles::before {
		content: '';
		position: absolute;
		top: 45px;
		left: 0;
		width: 100%;
		border-top: 1px solid #bbb;
	}

	.obj_collection_toc .section>h2.cmp_article_list_title,
	.obj_collection_toc .section>h3.cmp_article_list_title {
		display: inline-block;
		position: relative;
		left: -15px;
		margin-top: 0;
		padding: 0 calc(2.143rem / 2);
		background: #fff;
		font-size: 1.143rem;
		font-weight: 400;
		line-height: 2.143rem;
		color: #777;
	}
}

@media (min-width: 992px) {

	.obj_collection_toc .section {
		margin: 0 -2.143rem;
	}

	.obj_collection_toc .cover {
		margin-right: 2.143rem;
		margin-bottom: 2.143rem;
	}

	.obj_collection_toc .cover img {
		max-height: none;
	}
}
  
