/* Layout */
.entry-main {
}

.entry-header {
	background-color: #f0f6f9;
	padding: 100px 0 140px;
	font-size: 18px;
}

.entry-body {
	display: grid;
	position: relative;
	grid-template-columns: 883fr 429fr;
	gap: 32px;
	padding-top: 90px;
	padding-bottom: 140px;
}

.entry-content {
}

.entry-text {
	margin-top: 50px;
	font-size: 1.125rem;
}

.entry-aside {
	position: sticky;
	top: 32px;
	align-self: start;
}

.entry-box {
	background-color: #f0f6f9;
	padding: 32px;
}

.entry-box > *:last-child {
	margin-bottom: 0;
}

/* Header Meta */
.entry-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px;
	margin-bottom: 25px;
	font-size: 12px;
}

.entry-term-badge {
	transition:
		color 0.3s ease,
		background-color 0.3s ease;
	border-radius: 50px;
	background-color: #1bb6aa;
	padding: 6px 20px;
	width: fit-content;
	color: #fff;
	font-weight: 400;
	line-height: 1.2;
	text-decoration: none;
}

.entry-term-badge:hover {
	background: #207cc0;
}

.entry-time {
}

.entry-read-time {
}

.entry-title {
	width: auto;
	max-width: 840px;
	font-weight: 400;
	font-size: 50px;
}

.separator::after {
	display: block;
	margin: clamp(32px, 4vw, 48px) 0;
	background: #9aa7b2;
	width: 140px;
	height: 1px;
	content: "";
}

.entry-excerpt {
	margin-bottom: 50px;
}
.entry-author {
	font-weight: 600;
}
.entry-author-name {
}

/* Content */
.entry-thumbnail {
	margin-bottom: 50px;
}

.entry-thumbnail img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
}

/* Related Products */
.related-products {
	margin-top: 70px;
}
.related-products__title {
	margin-bottom: 20px;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.14;
}

.related-products__list {
	padding: 0;
	list-style: none;
}

.related-products__item:not(:last-child) {
	margin-bottom: 1rem;
}

.related-products__link {
	transition: color 0.3s ease;
	color: inherit;
	font-weight: 500;
	font-size: 0.875rem;
	text-decoration: none;
}

.related-products__sku {
	color: #000000;
}

.related-products__link:hover {
	color: #1bb6aa;
}

/* Subscribe */

.subscribe-box {
	margin-bottom: 40px;
	background-color: #207cc0;
	padding: 60px 28px 50px;
	color: #fff;
	text-align: center;
}
.subscribe-box__title {
	margin-bottom: 20px;
	color: inherit;
	font-weight: 500;
	font-size: 28px;
	line-height: 1.14;
}
.subscribe-box__subtitle {
	margin-bottom: 32px;
	font-weight: 400;
	font-size: 18px;
}
.subscribe-box__link {
}

/* Share Links */
.share-links-title {
	margin-bottom: 20px;
	font-weight: 400;
	font-size: 20px;
	text-align: center;
}

.share-links {
	display: flex;
    flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 24px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.share-links__item {
}
.share-links__link {
	display: flex;
	justify-content: center;
	align-items: center;
	transition: background-color 0.3s ease;
	border-radius: 50%;
	background-color: #207cc0;
	width: 46px;
	height: 46px;
	color: #fff;
	text-decoration: none;
}

.share-links__link:hover {
	background-color: #1bb6aa;
}

/* Explore */
.explore {
	background-color: #207cc0;
	padding: 100px 0px;
}

.explore__title {
	margin-bottom: 60px;
	color: #fff;
	font-weight: 400;
	line-height: 1.14;
	text-align: center;
}

.explore__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 32px;
}

/* typography */

.entry-text :where(h1, h2, h3, h4, h5, h6) {
	margin-bottom: clamp(24px, 4vw, 32px);
}

.entry-text :where(h1, h2, h3, h4, h5, h6):not(:first-child) {
	margin-top: clamp(32px, 4vw, 48px);
}

.entry-text :where(strong, b) {
	font-weight: 600;
}

.entry-text :where(ul, ol) + p {
	margin-top: 2rem;
}

.entry-text ul {
	padding: 0;
	font-size: 1rem;
	list-style: none;
}

.entry-text ul > li {
	padding-left: 16px;
}

.entry-text li:not(:last-child) {
	margin-bottom: 16px;
}

.entry-text li > :where(ol, ul) {
	margin-top: 16px;
}

.entry-text p:empty {
	display: none;
}

.entry-text ul > li::before {
	display: inline-block;
	margin-left: -16px;
	width: 16px;
	content: "•";
	color: #207cc0;
	font-size: 20px;
}

.entry-text ul ul > li::before {
	content: "◦";
}

.entry-text hr {
	margin: clamp(60px, 5vw, 80px) 0 50px;
	border: none;
	border-top: 1px solid #707070;
	width: 86px;
}

/* Responsive */

@media (min-width: 992.1px) {
	.wrapper {
		overflow: visible;
	}
}

@media (max-width: 992px) {
	.entry-body {
		grid-template-columns: 1fr;
		padding: 70px 0;
	}
	.entry-content {
		padding: 0 1rem;
	}

	.entry-aside {
		position: static;
	}
	.entry-header {
		padding: 60px 0 70px;
	}
	.entry-title {
		font-size: 34px;
	}

	.entry-box {
		padding: 24px;
	}

	.entry-thumbnail {
		margin-bottom: 32px;
	}

	.entry-text h2 {
		font-size: 1.75rem;
	}

	.entry-text h3 {
		font-size: 1.5rem;
	}

	.explore__grid {
		grid-template-columns: 1fr 1fr;
	}

	.related-products {
		margin-top: 50px;
		margin-bottom: 18px;
	}

	.share-box {
		padding: 0 1rem;
	}

	.subscribe-box {
		padding: 60px 1rem 50px;
	}

	.subscribe-box__title {
		font-size: 28px;
	}
}

@media (max-width: 640px) {
	.explore__grid {
		grid-template-columns: 1fr;
	}
}