.intro-banner {
	background-color: rgba(169, 169, 169, 0.4);
	color: #111;
	font-weight: 600;
	padding: 0.35em 0.5em;
}

	#main > section.dark .intro-banner {
		color: #111;
	}

	.intro-banner a,
	#main > section.dark .intro-banner a {
		color: inherit;
		font-weight: 600;
		border-bottom-color: rgba(17, 17, 17, 0.35);
	}

		.intro-banner a:hover,
		#main > section.dark .intro-banner a:hover {
			color: #111;
			border-bottom-color: rgba(17, 17, 17, 0);
		}

.news-list {
	margin-bottom: 0;
	padding-left: 1.25em;
}

	.news-list li {
		margin-bottom: 0.65em;
	}

.news-list li:last-child {
	margin-bottom: 0;
}

.news-archive {
	margin-top: 0.25em;
	text-align: left;
}

.news-year {
	margin-bottom: 0.75em;
}

.news-year:last-child {
	margin-bottom: 0;
}

.news-year summary {
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	background: rgba(142, 190, 188, 0.12);
	border: 1px solid rgba(71, 98, 96, 0.25);
	border-radius: 0.65em;
	box-sizing: border-box;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
	color: #476260;
	cursor: pointer;
	display: -moz-inline-flex;
	display: -webkit-inline-flex;
	display: -ms-inline-flex;
	display: inline-flex;
	font-size: 0.72em;
	font-weight: 700;
	gap: 0.55em;
	-moz-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
	line-height: 1.2;
	list-style: none;
	max-width: 100%;
	overflow-wrap: anywhere;
	padding: 0.85em 1.1em;
	white-space: normal;
	width: auto;
	word-break: break-word;
}

.news-year summary span {
	-moz-flex: none;
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	min-width: 0;
}

	.news-year summary::-webkit-details-marker {
		display: none;
	}

	.news-year summary::before {
		content: '+';
		font-size: 1.1em;
		line-height: 1;
	}

.news-year[open] summary::before {
	content: '-';
}

.news-year summary:focus-visible {
	outline: 3px solid #8ebebc;
	outline-offset: 3px;
}

.news-year-content {
	padding-top: 0.7em;
}

.news-year-content > :last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 736px) {
	.news-year summary {
		box-sizing: border-box;
		font-size: 0.72em;
		gap: 0.55em;
		max-width: 100%;
		overflow-wrap: anywhere;
		padding: 0.85em 1.1em;
		white-space: normal;
		width: auto;
		word-break: break-word;
	}
}