.news-categories {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	line-height: 1.6;
	font-size: 110%;
	margin-block-end: 1rem;
}
.news-date {
	font-family: "Roboto";
}
.news-source {
	min-inline-size: 5.5em;
	border-radius: 1lh;
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 90%;
	&.-top {
		background-color: hsl(30, 90%, 45%);
	}
	&.-hoteco {
		background-color: hsl(140, 55%, 35%);
	}
	&.-eurorail {
		background-color: hsl(210, 85%, 35%);
	}
}
.news-category {
	min-inline-size: 7em;
	border: 1px solid #aaa;
	border-radius: 4px;
	text-align: center;
	font-size: 90%;
}
.news-title {
	font-weight: bold;
	line-height: 1.4;
	margin-block-end: 3rem;
}
.news-body {
	font-size: 110%;
	line-height: 1.7;
}
.news-attachment {
	display: grid;
	grid-template-columns: auto auto;
	align-items: center;
	gap: 0.6em;
	inline-size: fit-content;
	margin-block-start: 3rem;
	font-size: 110%;
	> i {
		color: #ef4444;
		font-size: 160%;
	}
}
.news-attachment-link {
	text-decoration: underline;
	line-height: 1.4;
}
.news-back {
	display: block;
	inline-size: fit-content;
	margin-inline: auto;
	border: 1px solid;
	border-radius: 2em;
	padding: 1em 1.5em;
	color: #156A9A;
	cursor: pointer;
	margin-block-start: 4rem;
	transition: background-color 0.3s;
	&:hover {
		background-color: #e4f1f8;
	}
}
.hoteco-link-block {
	display: grid;
	justify-items: center;
}
.hoteco-button {
	background-color: #4a76c0;
	color: #fff;
	font-weight: bold;
	font-size: 120%;
	border-radius: 6px;
	display: grid;
	place-content: center;
	block-size: 55px;
	transition: background-color 0.3s;
	&:hover {
		background-color: #3b62a0;
	}
}
.hoteco-link {
	font-size: 90%;
	text-decoration: underline;
}
.eurorail-button {
	background-color: #4a76c0;
	color: #fff;
	font-weight: bold;
	font-size: 120%;
	border-radius: 6px;
	display: grid;
	place-content: center;
	block-size: 75px;
	margin-inline: auto;
	transition: background-color 0.3s;
	&:hover {
		background-color: #3b62a0;
	}
}
@media (width < 768px) {
	.news-section {
		margin-block-start: 30px;
		margin-block-end: 40px;
	}
	.news-categories {
		gap: 0.5em;
	}
	.news-title {
		font-size: 170%;
	}
	.news-back {
		padding: 0.7em 1.2em;
	}
	.hoteco-link-block {
		margin-block-start: 30px;
		border-block-start: 1px solid #eee;
		padding-block-start: 40px;
		gap: 20px;
	}
	.hoteco-button {
		inline-size: 100%;
		max-inline-size: 320px;
	}
	.eurorail-button {
		inline-size: 100%;
		max-inline-size: 320px;
		margin-block-start: 40px;
	}
}
@media (width >= 768px) {
	.news-section {
		margin-block-start: 50px;
		margin-block-end: 80px;
	}
	.-w960 {
		max-inline-size: 960px;
	}
	.news-categories {
		gap: 1em;
	}
	.news-title {
		font-size: 190%;
	}
	.news-back {
		padding: 1em 2em;
	}
	.hoteco-link-block {
		margin-block-start: 50px;
		border-block-start: 1px solid #eee;
		padding-block-start: 50px;
		gap: 20px;
	}
	.hoteco-button {
		inline-size: 320px;
	}
	.eurorail-button {
		inline-size: 320px;
		margin-block-start: 50px;
	}
}


@scope (.news-body) {
	h2, h3, p, blockquote, ul, ol, table {
		margin-block: 1.5rem;
	}
	h2 {
		border-block-end: 3.5px solid hsl(205, 70%, 50%);
		padding-block-end: 0.1em;
		font-size: 130%;
		font-weight: bold;
	}
	h3 {
		padding-block: 0.1em;
		font-size: 115%;
		font-weight: bold;
		display: grid;
		grid-template-columns: 0.35em 1fr;
		align-items: start;
		gap: 0.4em;
		&::before {
			content: "";
			border-radius: 1em;
			background-color: hsl(205, 85%, 45%);
			block-size: 1.8em;
		}
	}
	blockquote {
		margin-inline: 0;
		background-color: hsl(0, 0%, 90%);
		border-radius: 6px;
		padding: 0em 1em;
		border: 1px solid transparent;
	}
	a {
		color: hsl(190, 100%, 35%);
		text-decoration: underline;
	}
	img {
		display: block;
		max-inline-size: 100%;
		block-size: auto;
	}
	td, th {
		border: 1px solid hsl(0, 0%, 30%);
		padding: 0.4em 0.5em;
	}
	ul, ol {
		padding-inline-start: 1.5em;
	}
	ul {
		list-style: disc;
	}
	ol {
		list-style: decimal;
	}
	li {
		margin-block: 0.5rem;
		&::marker {
			color: #4E4E4E;
			font-weight: normal;
		}
	}
}