.case-section .hotel-media-article .article-padd {
	--space: 18px;
}

.case-section .hotel-media-article > .article-padd {
	--space: 28px;
}

.case-section .hotel-media-article .article-subs {
	--space: 16px;
	padding-bottom: 0;
}

.case-section .hotel-media-article .article-subs > h3:first-child {
	margin-top: 0;
}

.case-section .hotel-media-article .article-subs h3:not(:first-child) {
	margin-top: 28px;
}

.case-section .hotel-media-article h2[id] {
	scroll-margin-top: 96px;
}

.case-section .hotel-media-article .article-toc {
	margin: 22px 0 8px;
	padding: 22px 24px;
	border: 1px solid #d6dfef;
	border-radius: 16px;
	background: #f8fbff;
}

.case-section .hotel-media-article .article-toc h3 {
	margin-bottom: 14px;
	color: var(--main-500);
}

.case-section .hotel-media-article .article-toc ol {
	display: grid;
	gap: 10px 22px;
	margin: 0;
	padding-left: 20px;
}

.case-section .hotel-media-article .article-toc a {
	color: var(--dark-500);
	text-decoration: none;
	border-bottom: 1px solid rgba(34, 84, 181, 0.28);
}

.case-section .hotel-media-article .article-toc a:hover {
	color: var(--main-500);
	border-bottom-color: var(--main-500);
}

.case-section .hotel-media-article .author-comment {
	position: relative;
	margin: 18px 0 10px;
	padding: 22px 24px 24px 28px;
	border: 1px solid #c7d2ea;
	border-left: 5px solid var(--main-500);
	border-radius: 16px;
	background: #eef4ff;
	box-shadow: 0 8px 24px rgba(34, 84, 181, 0.08);
}

.case-section .hotel-media-article .author-comment h3 {
	margin-bottom: 12px;
	font-size: 22px;
	line-height: 1.25em;
	color: var(--main-500);
}

.case-section .hotel-media-article .author-comment p {
	font-size: 15px;
	line-height: 1.65em;
}

.case-section .hotel-media-article table {
	width: 100%;
	margin: 24px 0 28px;
	border: 1px solid #c7d2ea;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 12px;
	overflow: hidden;
	background: var(--white);
	font-size: 14px;
	line-height: 1.45em;
}

.case-section .hotel-media-article th,
.case-section .hotel-media-article td {
	padding: 12px 14px;
	border-right: 1px solid #c7d2ea;
	border-bottom: 1px solid #c7d2ea;
	text-align: left;
	vertical-align: top;
}

.case-section .hotel-media-article th {
	background: var(--main-100);
	color: var(--main-500);
	font-weight: 600;
}

.case-section .hotel-media-article tr:nth-child(even) td {
	background: #fafcff;
}

.case-section .hotel-media-article th:last-child,
.case-section .hotel-media-article td:last-child {
	border-right: 0;
}

.case-section .hotel-media-article tr:last-child td {
	border-bottom: 0;
}

@media (min-width: 880px) {
	.case-section .hotel-media-article > .article-padd {
		--space: 34px;
	}

	.case-section .hotel-media-article .article-subs {
		--space: 22px;
	}
}

@media (max-width: 680px) {
	.case-section .hotel-media-article table {
		display: block;
		overflow-x: auto;
	}

	.case-section .hotel-media-article th,
	.case-section .hotel-media-article td {
		min-width: 180px;
	}
}