/* Nyheter under betan (3.122) – [kdsuite_nyheter]. Ärver temats typsnitt och textfärg. */
.kdsuite-nyheter { max-width: 860px; margin: 0 auto; }
.kdsuite-nyheter-om { margin: 0 0 20px; font-size: 1.05em; }

.kdsuite-nyheter-period {
	margin: 0 0 16px;
	border: 1px solid #c9d3dd;
	border-radius: 10px;
	background: #fff;
	color: #14202e;
	overflow: hidden;
}
.kdsuite-nyheter-period > summary {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 4px 12px;
	padding: 16px 48px 16px 20px;
	position: relative;
	cursor: pointer;
	list-style: none;
	background: #f4f6f9;
}
.kdsuite-nyheter-period > summary::-webkit-details-marker { display: none; }
.kdsuite-nyheter-period > summary::after {
	content: "";
	position: absolute;
	right: 20px;
	top: 22px;
	width: 9px;
	height: 9px;
	border-right: 2px solid #1d63c6;
	border-bottom: 2px solid #1d63c6;
	transform: rotate(45deg);
	transition: transform .15s;
}
.kdsuite-nyheter-period[open] > summary::after { transform: rotate(-135deg); top: 26px; }
.kdsuite-nyheter-period > summary:focus-visible { outline: 2px solid #1d63c6; outline-offset: -2px; }
.kdsuite-nyheter-version { font-weight: 700; font-size: 1.1em; }
.kdsuite-nyheter-datum { color: #4a5868; font-size: .95em; }
.kdsuite-nyheter-rubrik { flex-basis: 100%; font-size: 1.05em; }
.kdsuite-nyheter-antal { flex-basis: 100%; color: #4a5868; font-size: .9em; }

.kdsuite-nyheter-ingress { margin: 16px 20px 4px; font-size: 1.02em; }
.kdsuite-nyheter-del {
	margin: 20px 20px 4px;
	padding: 0 0 6px;
	border-bottom: 2px solid #1d63c6;
	font-size: 1.15em;
	text-transform: none;
	letter-spacing: 0;
}
.kdsuite-nyheter-del--fix { border-bottom-color: #0e7a6d; }
.kdsuite-nyheter-omrade {
	margin: 14px 20px 4px;
	font-size: .8em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: #4a5868;
}
.kdsuite-nyheter-lista { margin: 0 20px 4px 40px; padding: 0; }
.kdsuite-nyheter-lista li { margin: 0 0 8px; line-height: 1.5; }
.kdsuite-nyheter-period > :last-child { margin-bottom: 20px; }

@media (max-width: 520px) {
	.kdsuite-nyheter-period > summary { padding: 14px 40px 14px 14px; }
	.kdsuite-nyheter-period > summary::after { right: 14px; }
	.kdsuite-nyheter-ingress, .kdsuite-nyheter-del, .kdsuite-nyheter-omrade { margin-left: 14px; margin-right: 14px; }
	.kdsuite-nyheter-lista { margin: 0 14px 4px 32px; }
}
@media print {
	.kdsuite-nyheter-period { break-inside: avoid-page; border-color: #999; }
	.kdsuite-nyheter-period > summary::after { display: none; }
}