/* Scoped repairs for the article list and detail layouts. */
.breadcrumb {
	display: flex;
	align-items: center;
	gap: 6px;
}

.breadcrumb svg {
	flex: 0 0 auto;
	color: var(--teal);
}

.breadcrumb span {
	white-space: pre;
}

.news-feed .news-item > .news-thumb {
	display: block;
	align-self: flex-start;
	width: 220px;
	flex: 0 0 220px;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.news-feed .news-item > .news-thumb:hover {
	border: 0;
	box-shadow: none;
}

.news-feed .news-item > .news-thumb img {
	display: block;
	width: 100%;
	height: 130px;
}

.news-feed .news-item > div {
	min-width: 0;
	flex: 1 1 auto;
}

.news-feed .news-title a {
	display: inline;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	text-shadow: var(--neon-glow);
}

.news-feed .news-title a:hover {
	border: 0;
	box-shadow: none;
}

.article-content {
	overflow-wrap: anywhere;
}

.article-content img,
.article-content video,
.article-content iframe,
.article-content table {
	max-width: 100%;
	height: auto;
}

.article-content iframe {
	aspect-ratio: 16 / 9;
}

.page-main .faq-list .faq-item {
	margin-bottom: 10px;
	overflow: hidden;
}

.page-main .faq-list .faq-question {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 17px 20px;
	color: var(--ink);
	font: 700 16px/1.5 Arial, "Microsoft YaHei", sans-serif;
	text-align: left;
	background: transparent;
	border: 0;
	cursor: pointer;
}

.page-main .faq-list .faq-question i {
	display: flex;
	flex: 0 0 24px;
	height: 24px;
	align-items: center;
	justify-content: center;
	color: var(--teal);
	font: 400 23px/1 Arial;
	font-style: normal;
	border: 1px solid currentColor;
	transition: transform .25s ease;
}

.page-main .faq-list .faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height .3s ease;
}

.page-main .faq-list .faq-item.is-open .faq-answer { max-height: 500px; }
.page-main .faq-list .faq-item.is-open .faq-question { color: var(--teal); background: rgba(237,246,251,.85); }
.page-main .faq-list .faq-item.is-open .faq-question i { transform: rotate(45deg); }

.pagination .page-num-current { background: var(--teal); color: #fff; }

@media (max-width: 820px) {
	.news-feed .news-item > .news-thumb {
		width: 100%;
		max-width: none;
		margin-bottom: 14px;
	}

	.news-feed .news-item > .news-thumb img {
		height: 180px;
	}
}