/*
 * JP Financial — shared editorial listing responsive composition
 * Shared by the Elementor Blog/Noticias pages and the native Noticias archive.
 */

/*
 * Blog hero — mobile/tablet.
 * Match Figma node 173:55: compact dark hero, 20px side rail,
 * 120/60 vertical padding, 42px heading and 16px supporting copy.
 */
@media (max-width: 1024px) {
	body.jp-blog-page .jp-blog-hero {
		background-color: #001208 !important;
		box-sizing: border-box !important;
	}

	body.jp-blog-page .jp-blog-hero > .elementor-element,
	body.jp-blog-page .jp-blog-hero .elementor-widget-container {
		max-width: 100% !important;
	}

	body.jp-blog-page .jp-blog-hero .jp-blog-eyebrow {
		display: block !important;
	}

	body.jp-blog-page .jp-blog-hero .elementor-heading-title {
		max-width: 256px !important;
		width: 100% !important;
	}

	body.jp-blog-page .jp-blog-hero .elementor-heading-title .accent,
	body.jp-blog-page .jp-blog-hero .elementor-heading-title em,
	body.jp-blog-page .jp-blog-hero .elementor-heading-title i {
		color: #dafba2 !important;
		font-style: italic !important;
	}

	body.jp-blog-page .jp-blog-hero .jp-blog-hero-copy,
	body.jp-blog-page .jp-blog-hero .jp-blog-hero-copy .elementor-widget-container,
	body.jp-blog-page .jp-blog-hero .jp-blog-hero-copy,
	body.jp-blog-page .jp-blog-hero .jp-blog-hero-copy .elementor-widget-container {
		width: 100% !important;
	}
}

/*
 * Blog featured card — mobile/tablet.
 * Match Figma node 173:69 while keeping the existing dynamic WordPress post.
 */
@media (max-width: 1024px) {
	body.jp-blog-page .jp-blog-featured-section {
		box-sizing: border-box !important;
	}

	body.jp-blog-page .jp-blog-featured-section .jp-blog-section-label,
	body.jp-blog-page .jp-blog-featured-section .jp-blog-section-label .elementor-widget-container {
		width: 100% !important;
	}

	body.jp-blog-page .jp-blog-featured-card,
	body.jp-blog-page .jp-blog-featured-dynamic-widget,
	body.jp-blog-page .jp-blog-featured-dynamic-widget .elementor-widget-container {
		box-sizing: border-box !important;
		margin: 0 !important;
		width: 100% !important;
	}

	body.jp-blog-page .jp-blog-featured-card {
		background: #ffffff !important;
		border-radius: 16px !important;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.03) !important;
		padding: 16px !important;
	}

	body.jp-blog-page .jp-blog-featured-dynamic {
		align-items: stretch !important;
		box-sizing: border-box !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 20px !important;
		grid-template-columns: none !important;
		height: auto !important;
		min-height: 0 !important;
		width: 100% !important;
	}

	body.jp-blog-page .jp-blog-featured-dynamic__image {
		aspect-ratio: 16 / 10 !important;
		border-radius: 8px !important;
		display: block !important;
		height: auto !important;
		overflow: hidden !important;
		width: 100% !important;
	}

	body.jp-blog-page .jp-blog-featured-dynamic__image img {
		aspect-ratio: 16 / 10 !important;
		border-radius: 8px !important;
		display: block !important;
		height: 100% !important;
		max-width: none !important;
		object-fit: cover !important;
		object-position: center center !important;
		width: 100% !important;
	}

	body.jp-blog-page .jp-blog-featured-dynamic__content {
		box-sizing: border-box !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 16px !important;
		padding: 0 !important;
		width: 100% !important;
	}

	body.jp-blog-page .jp-blog-featured-dynamic__top {
		align-items: center !important;
		display: flex !important;
		flex-wrap: nowrap !important;
		gap: 10px !important;
		margin: 0 !important;
		width: 100% !important;
	}

	body.jp-blog-page .jp-blog-featured-dynamic__pill {
		align-items: center !important;
		background: #dafba2 !important;
		border-radius: 999px !important;
		box-sizing: border-box !important;
		color: #001c10 !important;
		display: flex !important;
		font-family: Inter, sans-serif !important;
		font-size: 14px !important;
		font-weight: 700 !important;
		height: 24px !important;
		justify-content: center !important;
		letter-spacing: 0.44px !important;
		line-height: normal !important;
		padding: 0 12px !important;
		white-space: nowrap !important;
	}

	body.jp-blog-page .jp-blog-featured-dynamic__meta {
		color: #8e8e8e !important;
		font-family: Inter, sans-serif !important;
		font-size: 14px !important;
		font-weight: 400 !important;
		letter-spacing: 0.48px !important;
		line-height: normal !important;
		text-transform: lowercase !important;
		white-space: nowrap !important;
	}

	body.jp-blog-page .jp-blog-featured-dynamic__title {
		font-family: "TWK Everett", TWK_Everett, sans-serif !important;
		font-size: 26px !important;
		font-weight: 700 !important;
		letter-spacing: -0.3744px !important;
		line-height: 1.3 !important;
		margin: 0 !important;
		width: 100% !important;
	}

	body.jp-blog-page .jp-blog-featured-dynamic__title a {
		color: #001c10 !important;
		font: inherit !important;
		letter-spacing: inherit !important;
		line-height: inherit !important;
		text-decoration: none !important;
	}

	body.jp-blog-page .jp-blog-featured-dynamic__excerpt {
		color: #6b6b6b !important;
		font-family: Inter, sans-serif !important;
		font-size: 16px !important;
		font-weight: 400 !important;
		line-height: 1.44 !important;
		margin: 0 !important;
		width: 100% !important;
	}

	body.jp-blog-page .jp-blog-featured-dynamic__author {
		align-items: center !important;
		border-top: 1px solid #deded9 !important;
		box-sizing: border-box !important;
		display: grid !important;
		grid-template-columns: 47px minmax(0, 1fr) !important;
		grid-template-rows: auto auto !important;
		column-gap: 15px !important;
		row-gap: 2px !important;
		margin: 0 !important;
		padding-top: 20px !important;
		width: 100% !important;
	}

	body.jp-blog-page .jp-blog-featured-dynamic__author-link {
		color: #001c10 !important;
		display: contents !important;
		text-decoration: none !important;
	}

	body.jp-blog-page .jp-blog-featured-dynamic__author-link img {
		border-radius: 22px !important;
		grid-column: 1 !important;
		grid-row: 1 / span 2 !important;
		height: 44px !important;
		object-fit: cover !important;
		width: 47px !important;
	}

	body.jp-blog-page .jp-blog-featured-dynamic__source-icon {
		align-items: center !important;
		background: #dafba2 !important;
		border-radius: 22px !important;
		color: #00352d !important;
		display: flex !important;
		font-family: Inter, sans-serif !important;
		font-size: 11px !important;
		font-weight: 800 !important;
		grid-column: 1 !important;
		grid-row: 1 / span 2 !important;
		height: 44px !important;
		justify-content: center !important;
		letter-spacing: -0.02em !important;
		line-height: 1 !important;
		width: 47px !important;
	}

	body.jp-blog-page .jp-blog-featured-dynamic__author-link strong {
		color: #001c10 !important;
		grid-column: 2 !important;
		grid-row: 1 !important;
		font-family: Inter, sans-serif !important;
		font-size: 14px !important;
		font-weight: 700 !important;
		line-height: normal !important;
		transition: color 180ms ease, text-decoration-color 180ms ease !important;
		white-space: nowrap !important;
	}

	body.jp-blog-page .jp-blog-featured-dynamic__read-link {
		color: #8e8e8e !important;
		font-family: Inter, sans-serif !important;
		font-size: 12px !important;
		font-weight: 400 !important;
		grid-column: 2 !important;
		grid-row: 2 !important;
		line-height: normal !important;
		justify-self: start !important;
		text-decoration: none !important;
		transition: color 180ms ease, text-decoration-color 180ms ease !important;
		white-space: nowrap !important;
	}

	body.jp-blog-page .jp-blog-featured-dynamic__author-link:hover strong,
	body.jp-blog-page .jp-blog-featured-dynamic__author-link:focus-visible strong {
		color: #00352d !important;
		text-decoration: none !important;
	}

	body.jp-blog-page .jp-blog-featured-dynamic__read-link:hover,
	body.jp-blog-page .jp-blog-featured-dynamic__read-link:focus-visible {
		color: #00352d !important;
		text-decoration: underline !important;
		text-decoration-color: currentColor !important;
		text-underline-offset: 3px !important;
	}
}

@media (min-width: 1025px) {
	body.jp-blog-page .jp-blog-featured-dynamic__author {
		align-items: center !important;
		display: grid !important;
		grid-template-columns: 47px minmax(0, 1fr) !important;
		grid-template-rows: auto auto !important;
		column-gap: 15px !important;
		row-gap: 2px !important;
		width: 100% !important;
	}

	body.jp-blog-page .jp-blog-featured-dynamic__author-link {
		color: #001c10 !important;
		display: contents !important;
		text-decoration: none !important;
	}

	body.jp-blog-page .jp-blog-featured-dynamic__author-link img {
		flex: 0 0 auto !important;
		grid-column: 1 !important;
		grid-row: 1 / span 2 !important;
	}

	body.jp-blog-page .jp-blog-featured-dynamic__source-icon {
		align-items: center !important;
		background: #dafba2 !important;
		border-radius: 22px !important;
		color: #00352d !important;
		display: flex !important;
		font-family: Inter, sans-serif !important;
		font-size: 11px !important;
		font-weight: 800 !important;
		grid-column: 1 !important;
		grid-row: 1 / span 2 !important;
		height: 44px !important;
		justify-content: center !important;
		letter-spacing: -0.02em !important;
		line-height: 1 !important;
		width: 47px !important;
	}

	body.jp-blog-page .jp-blog-featured-dynamic__author-link strong,
	body.jp-blog-page .jp-blog-featured-dynamic__read-link {
		transition: color 180ms ease, text-decoration-color 180ms ease !important;
	}

	body.jp-blog-page .jp-blog-featured-dynamic__author-link strong {
		grid-column: 2 !important;
		grid-row: 1 !important;
	}

	body.jp-blog-page .jp-blog-featured-dynamic__read-link {
		color: #8e8e8e !important;
		font-size: 12px !important;
		grid-column: 2 !important;
		grid-row: 2 !important;
		justify-self: start !important;
		margin-left: 0 !important;
		text-decoration: none !important;
		white-space: nowrap !important;
	}
}

body.jp-blog-page .jp-blog-featured-dynamic__author-link:hover strong,
body.jp-blog-page .jp-blog-featured-dynamic__author-link:focus-visible strong {
	color: #00352d !important;
	text-decoration: none !important;
}

body.jp-blog-page .jp-blog-featured-dynamic__read-link:hover,
body.jp-blog-page .jp-blog-featured-dynamic__read-link:focus-visible {
	color: #00352d !important;
	text-decoration: underline !important;
	text-decoration-color: currentColor !important;
	text-underline-offset: 3px !important;
}

/*
 * Blog category filters — mobile/tablet.
 * Figma node 167:1039 uses one horizontal rail. If the filters do not fit,
 * they scroll sideways instead of wrapping into multiple rows.
 */
@media (max-width: 1024px) {
	body.jp-blog-page .jp-blog-filters-section {
		box-sizing: border-box !important;
		overflow: hidden !important;
	}

	body.jp-blog-page .jp-blog-filter-row,
	body.jp-blog-page .jp-blog-category-filters-widget,
	body.jp-blog-page .jp-blog-category-filters-widget .elementor-widget-container {
		box-sizing: border-box !important;
		margin: 0 !important;
		max-width: none !important;
		width: 100% !important;
	}

	body.jp-blog-page .jp-blog-category-filters {
		align-items: center !important;
		box-sizing: border-box !important;
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		gap: 12px !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		padding: 15px 20px !important;
		scroll-padding-left: 20px !important;
		scrollbar-width: none !important;
		width: 100% !important;
		-webkit-overflow-scrolling: touch !important;
	}

	body.jp-blog-page .jp-blog-category-filters::-webkit-scrollbar {
		display: none !important;
	}

	body.jp-blog-page .jp-blog-category-filter {
		align-items: center !important;
		border: 1px solid #d4d4d4 !important;
		border-radius: 999px !important;
		box-sizing: border-box !important;
		color: #6b6b6b !important;
		display: flex !important;
		flex: 0 0 auto !important;
		font-family: Inter, sans-serif !important;
		font-size: 14px !important;
		font-weight: 500 !important;
		height: 36px !important;
		justify-content: center !important;
		letter-spacing: 0.56px !important;
		line-height: normal !important;
		min-height: 36px !important;
		padding: 0 14px !important;
		text-align: center !important;
		text-decoration: none !important;
		white-space: nowrap !important;
		width: auto !important;
	}

body.jp-blog-page .jp-blog-category-filter.is-active,
	body.jp-blog-page .jp-blog-category-filter[aria-current="page"] {
		background: #dafba2 !important;
		border-color: #dafba2 !important;
		color: #00352d !important;
	}
}

/*
 * Blog newsletter — mobile/tablet.
 * Figma node 167:769 uses a centered vertical composition with a compact
 * glass form card. Desktop keeps the existing two-column layout.
 */
@media (max-width: 1024px) {
	body.jp-blog-page .jp-blog-newsletter-section {
		align-items: stretch !important;
		background: #f5f4f0 !important;
		box-sizing: border-box !important;
		display: flex !important;
		width: 100% !important;
	}

	body.jp-blog-page .jp-blog-newsletter {
		align-items: center !important;
		border-radius: 0 !important;
		box-sizing: border-box !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 45.96px !important;
		justify-content: center !important;
		margin: 0 !important;
		overflow: hidden !important;
		padding: 50.612px !important;
		position: relative !important;
		width: 100% !important;
	}

	body.jp-blog-page .jp-blog-newsletter::before {
		border-radius: 0 !important;
		inset: 0 !important;
	}

	body.jp-blog-page .jp-blog-newsletter-info {
		align-items: flex-start !important;
		box-sizing: border-box !important;
		display: flex !important;
		flex: 0 0 auto !important;
		flex-direction: column !important;
		gap: 13px !important;
		margin: 0 !important;
		max-width: 297px !important;
		min-width: 0 !important;
		padding: 0 !important;
		position: relative !important;
		width: 297px !important;
		z-index: 1 !important;
	}

	body.jp-blog-page .jp-blog-newsletter-info > .elementor-element {
		margin: 0 !important;
		max-width: 100% !important;
		padding: 0 !important;
		width: 100% !important;
	}

	body.jp-blog-page .jp-blog-newsletter .jp-blog-newsletter-eyebrow {
		color: #ffffff !important;
		font-family: Inter, sans-serif !important;
		font-size: 14px !important;
		font-weight: 700 !important;
		letter-spacing: 1.417px !important;
		line-height: normal !important;
		text-transform: uppercase !important;
	}

	body.jp-blog-page .jp-blog-newsletter .jp-blog-newsletter-title {
		padding-top: 2.531px !important;
	}

	body.jp-blog-page .jp-blog-newsletter .jp-blog-newsletter-title .elementor-heading-title {
		color: #ffffff !important;
		font-family: "TWK Everett", Inter, sans-serif !important;
		font-size: 33.3px !important;
		font-weight: 700 !important;
		letter-spacing: -1.417px !important;
		line-height: 33.657px !important;
		margin: 0 !important;
	}

	body.jp-blog-page .jp-blog-newsletter .jp-blog-newsletter-title .elementor-heading-title .accent {
		color: #dafba2 !important;
		display: block !important;
		font-family: "TWK Everett", Inter, sans-serif !important;
		font-style: italic !important;
		font-weight: 700 !important;
		line-height: 33.657px !important;
	}

	body.jp-blog-page .jp-blog-newsletter .jp-blog-newsletter-copy {
		color: rgba(255, 255, 255, 0.8) !important;
		font-family: Inter, sans-serif !important;
		font-size: 16px !important;
		font-weight: 400 !important;
		line-height: 25px !important;
	}

	body.jp-blog-page .jp-blog-newsletter .jp-blog-newsletter-form {
		align-self: center !important;
		box-sizing: border-box !important;
		flex: 0 0 auto !important;
		margin: 0 !important;
		max-width: 297px !important;
		min-width: 0 !important;
		position: relative !important;
		transform: none !important;
		width: 297px !important;
		z-index: 1 !important;
	}

	body.jp-blog-page .jp-blog-newsletter .jp-blog-newsletter-form > .elementor-widget-container {
		backdrop-filter: blur(7.676px) !important;
		-webkit-backdrop-filter: blur(7.676px) !important;
		background: rgba(255, 255, 255, 0.18) !important;
		border: 0.768px solid rgba(255, 255, 255, 0.2) !important;
		border-radius: 18.423px !important;
		box-sizing: border-box !important;
		padding: 28.403px !important;
		width: 100% !important;
	}

	body.jp-blog-page .jp-blog-newsletter .jp-newsletter-form {
		align-items: stretch !important;
		box-sizing: border-box !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 10.747px !important;
		margin: 0 !important;
		width: 100% !important;
	}

	body.jp-blog-page .jp-blog-newsletter .jp-newsletter-form__input {
		background: rgba(255, 255, 255, 0.06) !important;
		border: 0.768px solid rgba(255, 255, 255, 0.15) !important;
		border-radius: 9.212px !important;
		box-sizing: border-box !important;
		color: #eaeaea !important;
		font-family: Inter, sans-serif !important;
		font-size: 13px !important;
		font-weight: 400 !important;
		height: auto !important;
		line-height: normal !important;
		min-height: 40.2px !important;
		padding: 11.515px 13.05px !important;
		width: 100% !important;
	}

	body.jp-blog-page .jp-blog-newsletter .jp-newsletter-form__input::placeholder {
		color: #eaeaea !important;
		opacity: 1 !important;
	}

	body.jp-blog-page .jp-blog-newsletter .jp-newsletter-form__button {
		align-items: center !important;
		background: #dafba2 !important;
		border: 1px solid #dafba2 !important;
		border-radius: 766.866px !important;
		box-sizing: border-box !important;
		color: #00352d !important;
		display: inline-flex !important;
		font-family: Inter, sans-serif !important;
		font-size: 13.817px !important;
		font-weight: 700 !important;
		justify-content: center !important;
		line-height: normal !important;
		min-height: 40.6px !important;
		padding: 12.282px !important;
		text-align: center !important;
		text-decoration: none !important;
		white-space: nowrap !important;
		width: 100% !important;
	}
}

/*
 * Blog newsletter — desktop.
 * Figma node 167:667: 80px inner padding, 60px gap, left text block and a
 * 520px / 51px horizontal form.
 */
@media (min-width: 1025px) {
	body.jp-blog-page .jp-blog-newsletter {
		align-items: flex-end !important;
		box-sizing: border-box !important;
		display: flex !important;
		flex-direction: row !important;
		gap: 60px !important;
		justify-content: center !important;
		padding: 80px !important;
	}

	body.jp-blog-page .jp-blog-newsletter-info {
		box-sizing: border-box !important;
		display: flex !important;
		flex: 1 1 0 !important;
		flex-direction: column !important;
		gap: 20px !important;
		min-width: 0 !important;
		padding: 0 !important;
		width: auto !important;
	}

	body.jp-blog-page .jp-blog-newsletter-info > .elementor-element {
		margin: 0 !important;
	}

	body.jp-blog-page .jp-blog-newsletter .jp-blog-newsletter-eyebrow {
		color: #ffffff !important;
		font-family: Inter, sans-serif !important;
		font-size: 16px !important;
		font-weight: 700 !important;
		letter-spacing: 2.24px !important;
		line-height: normal !important;
		text-transform: uppercase !important;
		transform: none !important;
		white-space: nowrap !important;
	}

	body.jp-blog-page .jp-blog-newsletter .jp-blog-newsletter-title {
		padding-top: 4px !important;
	}

	body.jp-blog-page .jp-blog-newsletter .jp-blog-newsletter-title .elementor-heading-title {
		color: #ffffff !important;
		font-family: "TWK Everett", Inter, sans-serif !important;
		font-size: 56px !important;
		font-weight: 700 !important;
		letter-spacing: -2.24px !important;
		line-height: 53.2px !important;
		margin: 0 !important;
	}

	body.jp-blog-page .jp-blog-newsletter .jp-blog-newsletter-title .elementor-heading-title .accent {
		color: #dafba2 !important;
		font-family: "TWK Everett", Inter, sans-serif !important;
		font-style: italic !important;
		font-weight: 700 !important;
		line-height: 53.2px !important;
	}

	body.jp-blog-page .jp-blog-newsletter .jp-blog-newsletter-copy {
		color: rgba(255, 255, 255, 0.7) !important;
		font-family: Inter, sans-serif !important;
		font-size: 20px !important;
		font-weight: 400 !important;
		line-height: 32px !important;
		max-width: 582px !important;
		transform: none !important;
		width: min(582px, 100%) !important;
	}

	body.jp-blog-page .jp-blog-newsletter .jp-blog-newsletter-form {
		align-self: flex-end !important;
		flex: 0 0 520px !important;
		margin: 0 !important;
		max-width: 520px !important;
		transform: none !important;
		width: 520px !important;
	}

	body.jp-blog-page .jp-blog-newsletter .jp-blog-newsletter-form > .elementor-widget-container {
		padding: 0 !important;
		width: 100% !important;
	}

	body.jp-blog-page .jp-blog-newsletter .jp-newsletter-form {
		align-items: center !important;
		display: flex !important;
		flex-direction: row !important;
		gap: 8px !important;
		height: 51px !important;
		width: 520px !important;
	}

	body.jp-blog-page .jp-blog-newsletter .jp-newsletter-form--typeform {
		justify-content: flex-start !important;
	}

	body.jp-blog-page .jp-blog-newsletter .jp-newsletter-form--typeform .jp-newsletter-form__button {
		flex: 1 1 100% !important;
		width: 100% !important;
	}

	body.jp-blog-page .jp-blog-newsletter .jp-newsletter-form__input {
		background: rgba(255, 255, 255, 0.06) !important;
		border: 1px solid rgba(255, 255, 255, 0.2) !important;
		border-radius: 999px !important;
		box-sizing: border-box !important;
		color: #dfdfdf !important;
		flex: 0 0 354.33px !important;
		font-family: Inter, sans-serif !important;
		font-size: 16px !important;
		font-weight: 400 !important;
		height: 51px !important;
		line-height: normal !important;
		min-height: 51px !important;
		padding: 0 22px !important;
		width: 354.33px !important;
	}

	body.jp-blog-page .jp-blog-newsletter .jp-newsletter-form__input::placeholder {
		color: #dfdfdf !important;
		opacity: 1 !important;
	}

	body.jp-blog-page .jp-blog-newsletter .jp-newsletter-form__button {
		align-items: center !important;
		background: #dafba2 !important;
		border: 1px solid #dafba2 !important;
		border-radius: 999px !important;
		box-sizing: border-box !important;
		color: #001c10 !important;
		display: inline-flex !important;
		flex: 0 0 157.67px !important;
		font-family: Inter, sans-serif !important;
		font-size: 16px !important;
		font-weight: 700 !important;
		height: 51px !important;
		justify-content: center !important;
		letter-spacing: 0.64px !important;
		line-height: normal !important;
		min-height: 51px !important;
		padding: 0 !important;
		text-align: center !important;
		text-decoration: none !important;
		width: 157.67px !important;
	}
}

/* Blog article hover — desktop.
 * Keep only the image motion and title underline; remove the card background
 * and tight shadow that the global post-card hover adds. */
@media (min-width: 1025px) {
	body.jp-blog-page .jp-post-card:hover,
	body.jp-blog-page .jp-post-card:focus-visible {
		background: transparent !important;
		box-shadow: none !important;
		outline: 0 !important;
	}

	body.jp-blog-page .jp-post-card:hover .jp-post-card-title,
	body.jp-blog-page .jp-post-card:focus-visible .jp-post-card-title {
		color: #00352d !important;
		text-decoration: underline !important;
		text-decoration-color: #00352d !important;
		text-decoration-thickness: 1px !important;
		text-underline-offset: 4px !important;
	}
}

/*
 * Blog article listing — mobile/tablet.
 * Figma node 173:84: compact article cards, 1 column on mobile and as many
 * columns as fit cleanly on tablet without affecting desktop.
 */
@media (max-width: 1024px) {
	body.jp-blog-page .jp-blog-grid-section {
		background: #f5f4f0 !important;
		box-sizing: border-box !important;
		padding: 16px 20px 40px !important;
	}

	body.jp-blog-page .jp-blog-grid-section > .e-con-inner,
	body.jp-blog-page .jp-blog-grid,
	body.jp-blog-page .jp-blog-grid .elementor-widget-container,
	body.jp-blog-page .jp-post-grid-widget {
		box-sizing: border-box !important;
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: none !important;
		width: 100% !important;
	}

	body.jp-blog-page .jp-post-grid-items {
		box-sizing: border-box !important;
		display: grid !important;
		gap: 24px !important;
		grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)) !important;
		width: 100% !important;
	}

	body.jp-blog-page .jp-post-grid-item {
		box-sizing: border-box !important;
		min-width: 0 !important;
		width: 100% !important;
	}

	body.jp-blog-page .jp-post-card {
		background: transparent !important;
		border: 0 !important;
		border-radius: 16px !important;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.03) !important;
		box-sizing: border-box !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 16px !important;
		height: 100% !important;
		min-height: 0 !important;
		overflow: visible !important;
		padding: 16px !important;
		text-decoration: none !important;
		transform: none !important;
	}

	body.jp-blog-page .jp-post-card:hover,
	body.jp-blog-page .jp-post-card:focus-visible {
		background: transparent !important;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.03) !important;
		outline: 0 !important;
		transform: none !important;
	}

	body.jp-blog-page .jp-post-card-image {
		aspect-ratio: 16 / 10 !important;
		background: #f5f4f0 !important;
		border-radius: 8px !important;
		display: block !important;
		height: auto !important;
		overflow: hidden !important;
		position: relative !important;
		width: 100% !important;
	}

	body.jp-blog-page .jp-post-card-image img {
		display: block !important;
		height: 100% !important;
		object-fit: cover !important;
		transform: none !important;
		width: 100% !important;
	}

	body.jp-blog-page .jp-post-card:hover .jp-post-card-image img,
	body.jp-blog-page .jp-post-card:focus-visible .jp-post-card-image img {
		transform: none !important;
	}

	body.jp-blog-page .jp-post-card-pill {
		display: none !important;
	}

	body.jp-blog-page .jp-post-card-body {
		box-sizing: border-box !important;
		display: flex !important;
		flex: 1 1 auto !important;
		flex-direction: column !important;
		gap: 12px !important;
		padding: 0 !important;
	}

	body.jp-blog-page .jp-post-card-meta {
		align-items: center !important;
		color: #00352d !important;
		display: flex !important;
		font-family: Inter, sans-serif !important;
		font-size: 14px !important;
		font-weight: 700 !important;
		gap: 8px !important;
		letter-spacing: 0 !important;
		line-height: normal !important;
		text-transform: uppercase !important;
	}

	body.jp-blog-page .jp-post-card-meta span[aria-hidden="true"] {
		color: #d4d4d4 !important;
		font-size: 0 !important;
		height: 4px !important;
		line-height: 0 !important;
		width: 4px !important;
	}

	body.jp-blog-page .jp-post-card-meta span[aria-hidden="true"]::before {
		background: #d4d4d4 !important;
		border-radius: 999px !important;
		content: "" !important;
		display: block !important;
		height: 4px !important;
		width: 4px !important;
	}

	body.jp-blog-page .jp-post-card-meta span:last-child {
		color: #6b6b6b !important;
		font-weight: 400 !important;
		text-transform: none !important;
	}

	body.jp-blog-page .jp-post-card-title {
		color: #001c10 !important;
		font-family: Inter, sans-serif !important;
		font-size: 20px !important;
		font-weight: 700 !important;
		letter-spacing: 0 !important;
		line-height: 1.3 !important;
		text-decoration: none !important;
	}

	body.jp-blog-page .jp-post-card:hover .jp-post-card-title,
	body.jp-blog-page .jp-post-card:focus-visible .jp-post-card-title {
		color: #001c10 !important;
		text-decoration: none !important;
	}

	body.jp-blog-page .jp-post-card-excerpt {
		border-bottom: 1px solid #d4d4d4 !important;
		color: #6b6b6b !important;
		font-family: Inter, sans-serif !important;
		font-size: 16px !important;
		font-weight: 400 !important;
		line-height: 1.4 !important;
		margin: 0 !important;
		padding-bottom: 12px !important;
	}

	body.jp-blog-page .jp-post-card-date {
		align-items: center !important;
		color: #6b6b6b !important;
		display: flex !important;
		font-family: Inter, sans-serif !important;
		font-size: 14px !important;
		font-weight: 400 !important;
		gap: 12px !important;
		justify-content: space-between !important;
		line-height: normal !important;
		margin-top: auto !important;
		width: 100% !important;
	}

	body.jp-blog-page .jp-post-card-date-separator {
		display: none !important;
	}

	body.jp-blog-page .jp-post-card-author-name {
		font-weight: 500 !important;
		min-width: 0 !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}

	body.jp-blog-page .jp-post-card-date-value {
		flex: 0 0 auto !important;
		font-weight: 400 !important;
		white-space: nowrap !important;
	}

	body.jp-blog-page .jp-post-grid-pagination {
		align-items: center !important;
		display: flex !important;
		gap: 19px !important;
		justify-content: center !important;
		margin-top: 24px !important;
	}

	body.jp-blog-page .jp-post-grid-pagination .page-numbers {
		align-items: center !important;
		background: transparent !important;
		border-radius: 999px !important;
		box-shadow: 0 0 0 10.313px rgba(218, 251, 162, 0.13) !important;
		color: #00352d !important;
		display: inline-flex !important;
		font-family: "TWK Everett", Inter, sans-serif !important;
		font-size: 13px !important;
		font-weight: 700 !important;
		height: 56px !important;
		justify-content: center !important;
		letter-spacing: 0.52px !important;
		line-height: normal !important;
		min-width: 56px !important;
		padding: 0 !important;
		text-decoration: none !important;
		width: 56px !important;
	}

	body.jp-blog-page .jp-post-grid-pagination .current {
		background: #dafba2 !important;
		color: #00352d !important;
	}
}

@media (min-width: 1025px) and (max-width: 1199px) {
	body.jp-blog-page .jp-post-grid-items {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 600px) {
	body.jp-blog-page .jp-post-grid-items {
		grid-template-columns: 1fr !important;
	}
}