/* Scoped to section.era so template rules cannot restyle the block. Values stay overridable through the CSS variables set on the section. */

section.era,
section.era * {
	box-sizing: border-box !important;
}

section.era {
	--era-surface: #ffffff;
	--era-ink: #0f172a;
	--era-muted: #64748b;
	--era-line: rgba(15, 23, 42, 0.1);
	--era-accent: #1819ed;
	--era-radius: 14px;
	--era-gap: 1.25rem;
	--era-shadow: 0 10px 28px rgba(15, 23, 42, 0.07);
	--era-end: 3rem;
	display: block !important;
	clear: both !important;
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 0 var(--era-end) !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: var(--era-title, var(--era-ink)) !important;
	font-family: inherit !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	text-align: var(--era-align, start) !important;
	letter-spacing: normal !important;
	text-transform: none !important;
}

section.era h2.era__heading,
section.era h3.era__heading,
section.era div.era__heading {
	display: block !important;
	margin: 0 0 1rem !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: var(--era-title, var(--era-ink)) !important;
	font-family: inherit !important;
	font-size: var(--era-title-size, 1.35rem) !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	letter-spacing: -0.02em !important;
	text-transform: none !important;
	text-align: var(--era-align, start) !important;
}

section.era .era__items {
	display: grid !important;
	grid-template-columns: repeat(var(--era-cols, 3), minmax(0, 1fr)) !important;
	gap: var(--era-gap, 1.25rem) !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	width: 100% !important;
}

section.era article.era__item {
	display: flex !important;
	flex-direction: column !important;
	min-width: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
	background: var(--era-bg, var(--era-surface)) !important;
	border: var(--era-border, 1px solid var(--era-line)) !important;
	border-radius: var(--era-radius, 14px) !important;
	box-shadow: var(--era-shadow, 0 10px 28px rgba(15, 23, 42, 0.07)) !important;
	padding: var(--era-padding, 0 0 1.05rem) !important;
	float: none !important;
	width: auto !important;
	max-width: none !important;
	color: var(--era-title, var(--era-ink)) !important;
}

section.era a.era__media,
section.era a.era__more,
section.era .era__title a {
	background: none !important;
	box-shadow: none !important;
	text-decoration: none !important;
	border: 0 !important;
}

section.era a.era__media {
	display: block !important;
	margin: 0 0 0.85rem !important;
	padding: 0 !important;
	overflow: hidden !important;
	border-radius: var(--era-image-radius, var(--era-radius, 14px)) var(--era-image-radius, var(--era-radius, 14px)) 0 0 !important;
	aspect-ratio: var(--era-ratio, 16 / 9) !important;
	background: #e8edf5 !important;
}

section.era a.era__media img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	object-fit: cover !important;
	aspect-ratio: auto !important;
	transform: scale(1);
}

section.era.era--zoom a.era__media img {
	transition: transform 0.45s ease !important;
}

section.era.era--zoom a.era__media:hover img,
section.era.era--zoom a.era__media:focus-visible img {
	transform: scale(1.08) !important;
}

section.era .era__body {
	display: block !important;
	min-width: 0 !important;
	padding: 0 1rem !important;
}

section.era p.era__meta,
section.era p.era__excerpt,
section.era p.era__tags,
section.era p.era__title {
	display: block !important;
	margin: 0 0 0.4rem !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	float: none !important;
}

section.era p.era__meta {
	color: var(--era-meta, var(--era-muted)) !important;
	font-size: var(--era-meta-size, 0.75rem) !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

section.era p.era__meta span + span::before {
	content: "  ·  ";
	font-weight: 400 !important;
}

section.era p.era__title {
	font-size: var(--era-title-size, 1.05rem) !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	letter-spacing: -0.015em !important;
}

section.era p.era__title a {
	color: var(--era-title, var(--era-ink)) !important;
}

section.era p.era__title a:hover,
section.era a.era__more:hover {
	color: var(--era-accent, #1819ed) !important;
}

section.era p.era__excerpt {
	color: var(--era-meta, var(--era-muted)) !important;
	font-size: var(--era-meta-size, 0.92rem) !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 3;
	overflow: hidden !important;
}

section.era p.era__tags span {
	display: inline-block !important;
	margin: 0 0.35rem 0.35rem 0 !important;
	padding: 0.15rem 0.45rem !important;
	border-radius: 999px !important;
	background: rgba(24, 25, 237, 0.08) !important;
	color: var(--era-accent, #1819ed) !important;
	font-size: 0.75rem !important;
}

section.era a.era__more {
	display: inline-block !important;
	margin-top: 0.2rem !important;
	color: var(--era-accent, #1819ed) !important;
	font-size: var(--era-meta-size, 0.875rem) !important;
	font-weight: 600 !important;
}

section.era a:focus-visible,
section.era button.era__btn:focus-visible {
	outline: 2px solid var(--era-accent, #1819ed) !important;
	outline-offset: 2px !important;
}

section.era.era--list .era__items,
section.era.era--compact .era__items,
section.era.era--minimal .era__items,
section.era.era--numbered .era__items,
section.era.era--media .era__items,
section.era.era--sidebar .era__items,
section.era.era--readnext .era__items {
	display: flex !important;
	flex-direction: column !important;
}

section.era.era--list article.era__item,
section.era.era--compact article.era__item,
section.era.era--minimal article.era__item,
section.era.era--numbered article.era__item {
	flex-direction: row !important;
	align-items: center !important;
	gap: 0.75rem !important;
	background: var(--era-bg, transparent) !important;
	border: 0 !important;
	border-bottom: 1px solid var(--era-line) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: 0.9rem 0.15rem !important;
}

section.era.era--list .era__body,
section.era.era--compact .era__body,
section.era.era--minimal .era__body,
section.era.era--numbered .era__body,
section.era.era--media .era__body,
section.era.era--sidebar .era__body,
section.era.era--readnext .era__body {
	padding: 0 !important;
}

section.era.era--compact p.era__title {
	font-size: var(--era-title-size, 0.98rem) !important;
	margin: 0 !important;
}

section.era.era--minimal .era__media,
section.era.era--minimal .era__meta,
section.era.era--minimal .era__excerpt,
section.era.era--minimal .era__tags,
section.era.era--minimal .era__more {
	display: none !important;
}

section.era.era--minimal p.era__title,
section.era.era--minimal p.era__title a {
	margin: 0 !important;
	font-weight: 600 !important;
}

section.era.era--numbered {
	counter-reset: era;
}

section.era.era--numbered article.era__item {
	counter-increment: era;
}

section.era.era--numbered article.era__item::before {
	content: counter(era);
	flex: 0 0 auto !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 1.85rem !important;
	height: 1.85rem !important;
	border-radius: 999px !important;
	background: var(--era-accent, #1819ed) !important;
	color: #fff !important;
	font-size: 0.85rem !important;
	font-weight: 700 !important;
	line-height: 1 !important;
}

section.era.era--media article.era__item,
section.era.era--readnext article.era__item {
	flex-direction: row !important;
	align-items: stretch !important;
	gap: 0 !important;
	padding: var(--era-padding, 0) !important;
}

section.era.era--media a.era__media,
section.era.era--readnext a.era__media {
	flex: 0 0 42% !important;
	width: 42% !important;
	height: 220px !important;
	max-height: 220px !important;
	margin: 0 !important;
	border-radius: var(--era-image-radius, var(--era-radius, 14px)) 0 0 var(--era-image-radius, var(--era-radius, 14px)) !important;
	aspect-ratio: auto !important;
	min-height: 0 !important;
}

section.era.era--media .era__body,
section.era.era--readnext .era__body {
	padding: 1.15rem 1.25rem 1.35rem !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
}

section.era.era--readnext {
	padding-bottom: calc(var(--era-end, 3rem) + 0.75rem) !important;
}

section.era.era--sidebar article.era__item {
	flex-direction: row !important;
	align-items: center !important;
	gap: 0.85rem !important;
	padding: 0.65rem !important;
}

section.era.era--sidebar a.era__media {
	flex: 0 0 4.25rem !important;
	width: 4.25rem !important;
	height: 4.25rem !important;
	margin: 0 !important;
	border-radius: var(--era-image-radius, 10px) !important;
	aspect-ratio: 1 !important;
}

section.era.era--sidebar .era__body {
	padding: 0 0.35rem 0 0 !important;
}

section.era.era--sidebar p.era__title {
	margin: 0 !important;
}

section.era.era--overlay article.era__item {
	position: relative !important;
	padding: 0 !important;
	min-height: 220px !important;
}

section.era.era--overlay a.era__media {
	margin: 0 !important;
	height: 100% !important;
	min-height: 220px !important;
	border-radius: var(--era-radius, 14px) !important;
	aspect-ratio: var(--era-ratio, 16 / 9) !important;
}

section.era.era--overlay .era__body {
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	margin: 0 !important;
	padding: 2.4rem 1rem 1rem !important;
	background: linear-gradient(transparent, rgba(15, 23, 42, 0.78)) !important;
	border-radius: 0 0 var(--era-radius, 14px) var(--era-radius, 14px) !important;
}

section.era.era--overlay p.era__title a,
section.era.era--overlay p.era__meta,
section.era.era--overlay a.era__more,
section.era.era--overlay p.era__excerpt {
	color: #fff !important;
}

section.era.era--magazine article.era__item:first-child {
	grid-column: 1 / -1 !important;
	flex-direction: row !important;
	align-items: stretch !important;
	padding: 0 !important;
}

section.era.era--magazine article.era__item:first-child a.era__media {
	flex: 0 0 58% !important;
	width: 58% !important;
	margin: 0 !important;
	min-height: 240px !important;
	aspect-ratio: auto !important;
	border-radius: var(--era-radius, 14px) 0 0 var(--era-radius, 14px) !important;
}

section.era.era--magazine article.era__item:first-child .era__body {
	padding: 1.35rem 1.4rem !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
}

section.era.era--grid article.era__item {
	padding: var(--era-padding, 0 0 0.85rem) !important;
}

section.era.era--grid p.era__excerpt {
	display: none !important;
}

section.era .era__nav {
	display: flex !important;
	gap: 0.45rem !important;
	justify-content: flex-end !important;
	margin: 0 0 0.75rem !important;
	padding: 0 !important;
}

section.era button.era__btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 2.25rem !important;
	height: 2.25rem !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid var(--era-line) !important;
	border-radius: 999px !important;
	background: var(--era-surface) !important;
	color: var(--era-ink) !important;
	box-shadow: none !important;
	font-size: 0.8rem !important;
	line-height: 1 !important;
	cursor: pointer !important;
}

section.era button.era__btn:hover {
	border-color: var(--era-accent, #1819ed) !important;
	color: var(--era-accent, #1819ed) !important;
}

section.era.era--carousel .era__items {
	display: flex !important;
	grid-template-columns: none !important;
	overflow-x: auto !important;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	padding: 0.4rem 0.4rem 1.5rem !important;
	scroll-padding-inline: 0.4rem;
}

section.era.era--carousel article.era__item {
	flex: 0 0 calc((100% - (var(--era-gap, 1.25rem) * (var(--era-cols, 3) - 1)) - 0.8rem) / var(--era-cols, 3)) !important;
	overflow: visible !important;
	scroll-snap-align: start;
}

@media (max-width: 992px) {
	section.era .era__items,
	section.era.era--magazine .era__items {
		grid-template-columns: repeat(var(--era-cols-t, 2), minmax(0, 1fr)) !important;
	}

	section.era.era--carousel article.era__item {
		flex-basis: calc((100% - var(--era-gap, 1.25rem) - 0.8rem) / var(--era-cols-t, 2)) !important;
	}
}

@media (max-width: 576px) {
	section.era .era__items,
	section.era.era--magazine .era__items {
		grid-template-columns: repeat(var(--era-cols-m, 1), minmax(0, 1fr)) !important;
	}

	section.era.era--media article.era__item,
	section.era.era--readnext article.era__item,
	section.era.era--magazine article.era__item:first-child {
		flex-direction: column !important;
	}

	section.era.era--media a.era__media,
	section.era.era--readnext a.era__media,
	section.era.era--magazine article.era__item:first-child a.era__media {
		flex-basis: auto !important;
		width: 100% !important;
		aspect-ratio: var(--era-ratio, 16 / 9) !important;
		border-radius: var(--era-radius, 14px) var(--era-radius, 14px) 0 0 !important;
	}

	section.era.era--carousel article.era__item {
		flex-basis: 84% !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	section.era.era--zoom a.era__media img {
		transition: none !important;
		transform: none !important;
	}

	section.era.era--carousel .era__items {
		display: grid !important;
		overflow: visible !important;
		grid-template-columns: repeat(var(--era-cols, 3), minmax(0, 1fr)) !important;
	}

	section.era.era--carousel .era__nav {
		display: none !important;
	}
}