/**
 * Blog / article templates and Query Loop post cards.
 */

.single-post .is-style-hero {
	margin-inline: auto;
}

.single-post .is-style-hero .wp-block-group * {
	max-width: min(100%, 1000px);
	margin-inline-start: 0 !important;
}

.single-post .is-style-hero h1.wp-block-post-title {
	color: var(--wp--custom--typography--heading-color);
	line-height: 1.07;
	text-wrap: pretty;
	margin-inline-start: 0 !important;
	margin-block-start: var(--wp--preset--spacing--step-4);
}

.single-post .is-style-hero h1.wp-block-post-title + p {
	margin-block-start: var(--wp--custom--spacing--flex-space-small);
}

.single-post .is-style-hero .post-hero-content > p + p,
.single-post .is-style-hero .hero-article-description + .hero-article-description {
	margin-block-start: var(--wp--custom--spacing--flex-space-small);
}

.single-post .is-style-hero .wp-block-group.single-post-meta {
	margin-block-start: var(--wp--custom--spacing--buttons-gap);
	display: flex;
	flex-wrap: wrap;
	column-gap: var(--wp--custom--spacing--flex-space-medium);
	row-gap: var(--wp--preset--spacing--step-6);
}

.single-post .is-style-hero .single-post-meta .wp-block-post-author,
.single-post .is-style-hero .single-post-meta .wp-block-post-date,
.single-post .is-style-hero .single-post-meta .wp-block-post-time-to-read {
	font-weight: 500;
}

.single-post .article-content p.is-style-article-dates {
	font-size: var(--wp--preset--font-size--body-md);
	color: var(--wp--preset--color--neutral-extra-dark);
	background-color: var(--wp--preset--color--neutral-extra-light);
	padding: var(--wp--preset--spacing--step-4) var(--wp--preset--spacing--step-5);
	border-radius: var(--wp--custom--border-radius--medium);
	margin-block-start: 0;
}

.single-post .article-content {
	margin-block-start: var(--wp--custom--spacing--section-padding-small);
	margin-inline: auto;
}

.single-post .article-content > *:first-child {
	margin-block-start: 0;
}

.single-post .article-content-column .entry-content,
.single-post .article-content-column .wp-block-post-content {
	margin-block-start: 0;
}

.single-post .article-content-column .entry-content > *:first-child,
.single-post .article-content-column .wp-block-post-content > *:first-child {
	margin-block-start: 0;
}

.single-post .article-content-column .entry-content * {
	padding-block: 0;
}

.single-post .article-content p,
.single-post .article-content-column .entry-content p,
.single-post .article-content-column .wp-block-post-content p {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--body-sm);
	line-height: 1.6;
	margin-block-start: var(--wp--custom--spacing--flex-space-small);
}

.single-post .article-content .wp-block-heading,
.single-post .article-content-column .entry-content .wp-block-heading,
.single-post .article-content-column .wp-block-post-content .wp-block-heading {
	font-family: var(--wp--preset--font-family--heading);
	color: var(--wp--custom--typography--heading-color);
	font-weight: 500;
	line-height: 1.1875;
}

.single-post .article-content h2,
.single-post .article-content-column .entry-content h2,
.single-post .article-content-column .wp-block-post-content h2 {
	font-size: var(--wp--preset--font-size--heading-lg);
	margin-block-start: var(--wp--custom--spacing--flex-space-extra-large);
}

.single-post .article-content h3,
.single-post .article-content-column .entry-content h3,
.single-post .article-content-column .wp-block-post-content h3 {
	font-size: var(--wp--preset--font-size--heading-md);
	margin-block-start: var(--wp--custom--spacing--flex-space-large);
}

.single-post .article-content blockquote,
.single-post .article-content-column .entry-content blockquote,
.single-post .article-content-column .wp-block-post-content blockquote {
	padding: 0;
	border-radius: var(--wp--custom--border-radius--medium);
	background-color: var(--wp--preset--color--neutral-extra-light);
	border-left: 6px solid var(--wp--preset--color--secondary);
	margin-inline: 0;
	margin-block-start: var(--wp--custom--spacing--flex-space-extra-large);
}

.single-post .article-content blockquote + *,
.single-post .article-content-column .entry-content blockquote + *,
.single-post .article-content-column .wp-block-post-content blockquote + * {
	margin-block-start: var(--wp--custom--spacing--flex-space-extra-large);
}

.single-post .article-content blockquote p,
.single-post .article-content-column .entry-content blockquote p,
.single-post .article-content-column .wp-block-post-content blockquote p {
	padding: var(--wp--custom--spacing--flex-space-large);
	margin-block-start: 0;
	font-size: var(--wp--preset--font-size--body-md);
	line-height: 1.3;
	font-weight: 600;
}

.single-post .article-content .wp-block-image img,
.single-post .article-content-column .entry-content .wp-block-image img,
.single-post .article-content-column .wp-block-post-content .wp-block-image img {
	border-radius: var(--wp--custom--border-radius--medium);
}

.article-highlights {
	margin-block-start: var(--wp--custom--spacing--section-padding-small);
	border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--neutral-extra-dark) 40%, transparent);
	padding-bottom: var(--wp--custom--spacing--section-padding-small);
	font-size: var(--wp--preset--font-size--body-md);
}

.article-highlights .wp-block-heading {
	font-size: var(--wp--preset--font-size--heading-md);
	color: var(--wp--custom--typography--heading-color);
	margin-block: 0;
	line-height: 1.1875;
}

.article-highlights ul {
	margin-block-start: var(--wp--preset--spacing--step-8);
	margin-block-end: 0;
	padding-inline-start: var(--wp--custom--spacing--flex-space-medium);
}

.single-post .article-highlights ul li,
.single-post .article-content ul:not(.wp-block-social-links):not(.wp-block-outermost-social-sharing):not(.is-style-table-of-contents) li {
	font-size: var(--wp--preset--font-size--body-md);
	line-height: 1.6;
}

.single-post .article-highlights ul li:not(:first-child),
.single-post .article-content ul:not(.wp-block-social-links):not(.wp-block-outermost-social-sharing):not(.is-style-table-of-contents) li:not(:first-child) {
	margin-block-start: var(--wp--preset--spacing--step-7);
}

.article-content .wp-block-columns {
	align-items: start;
	column-gap: var(--wp--custom--spacing--article-column-gap);
	row-gap: var(--wp--custom--spacing--section-padding-small);
	flex-wrap: wrap !important;
}

.article-content .wp-block-columns > *:first-child {
	flex: 999 0 min(100%, 500px) !important;
}

.article-content .wp-block-columns > * + * {
	flex: 1 0 min(300px, 100%) !important;
}

.article-sidebar .wp-block-social-links,
.article-sidebar .wp-block-outermost-social-sharing {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--wp--custom--spacing--flex-space-small);
	margin-block-start: 0 !important;
}

.article-sidebar .wp-block-social-links::before,
.article-sidebar .wp-block-outermost-social-sharing::before {
	content: "Share";
	font-family: var(--wp--preset--font-family--body);
	font-weight: 500;
	font-size: var(--wp--preset--font-size--body-md);
	color: var(--wp--custom--neutral--text-color);
}

.article-sidebar .wp-block-social-links li,
.article-sidebar .wp-block-social-links .wp-social-link,
.article-sidebar .wp-block-social-links .wp-block-social-link,
.article-sidebar .wp-block-outermost-social-sharing li,
.article-sidebar .wp-block-outermost-social-sharing .wp-social-link {
	margin: 0 !important;
}

.article-sidebar {
	container: article-sidebar / inline-size;
}

.article-sidebar > *:first-child {
	margin-block-start: 0;
}

.article-sidebar > * {
	margin-block-start: var(--wp--custom--spacing--section-padding-small);
}

.single-post .wex-table-of-contents-wrapper .wp-block-heading {
	color: var(--wp--custom--typography--heading-color);
	font-size: var(--wp--preset--font-size--heading-md);
	font-weight: 700;
}

.wex-table-of-contents ul {
	list-style: none;
	padding-inline-start: 0;
	margin-block-end: 0;
}

.wex-table-of-contents li {
	text-wrap: pretty;
	line-height: 1.3;
}

.wex-table-of-contents li + li {
	margin-block-start: var(--wp--preset--spacing--step-7) !important;
}

.wex-table-of-contents a {
	font-size: var(--wp--preset--font-size--body-xs-fixed);
	line-height: 1.3;
	color: var(--wp--preset--color--neutral-extra-dark);
	text-decoration: none;
	font-weight: 600;
	transition: color 0.3s ease;
}

.wex-table-of-contents a:hover,
.wex-table-of-contents a:focus-visible {
	color: var(--wp--preset--color--secondary);
}

.house-ad {
	padding: var(--wp--preset--spacing--step-6);
	background-color: var(--wp--preset--color--primary-strong);
	border-radius: var(--wp--custom--border-radius--medium);
	position: sticky;
	top: 100px;
	isolation: isolate;
}

.house-ad .wp-block-heading,
.house-ad p,
.house-ad a {
	color: var(--wp--preset--color--white);
}

.house-ad .wp-block-buttons {
	margin-block-start: var(--wp--preset--spacing--step-5);
}

:is(h1, h2, h3, h4, h5, h6)[id^="h-"] {
	scroll-margin-top: 4.5rem;
}

/* Query Loop blog cards (grid post template; WEX Card .wex-grid .type-post parity) */
.wp-block-query ul.wp-block-post-template-is-layout-grid > .wp-block-post.type-post {
	position: relative;
	isolation: isolate;
	box-sizing: border-box;
	margin-block-start: 0;
	padding: var(--wp--custom--spacing--flex-space-small);
	background-color: var(--wp--preset--color--neutral-extra-light);
	border-radius: var(--wp--custom--border-radius--medium);
	transition: background-color 0.3s ease;
	min-height: min(25rem, 40vh);
}

.wp-block-query ul.wp-block-post-template-is-layout-grid > .wp-block-post.type-post:has(a:hover, a:focus) {
	background-color: color-mix(in srgb, var(--wp--preset--color--neutral-extra-light) 98%, var(--wp--custom--neutral--text-color));
}

.wp-block-query ul.wp-block-post-template-is-layout-grid > .wp-block-post.type-post:not(:has(.wp-block-post-author)) {
	min-height: min(23.125rem, 35vh);
}

.wp-block-query ul.wp-block-post-template-is-layout-grid > .wp-block-post.type-post article {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.wp-block-query ul.wp-block-post-template-is-layout-grid > .wp-block-post.type-post .wp-block-post-title {
	margin-block-start: 0;
	font-size: var(--wp--preset--font-size--heading-sm);
	color: var(--wp--preset--color--primary);
	line-height: 1.15;
	text-wrap: auto;
}

.wp-block-query ul.wp-block-post-template-is-layout-grid > .wp-block-post.type-post .article-description {
	font-family: var(--wp--preset--font-family--heading);
	margin-block-start: var(--wp--preset--spacing--step-3);
}

.wp-block-query ul.wp-block-post-template-is-layout-grid > .wp-block-post.type-post:not(:has(.wp-block-post-author)) .article-description {
	margin-block-end: var(--wp--preset--spacing--step-8);
}

.wp-block-query ul.wp-block-post-template-is-layout-grid > .wp-block-post.type-post .wp-block-post-author {
	margin-block: var(--wp--preset--spacing--step-8);
	font-size: var(--wp--preset--font-size--body-sm);
	align-items: center;
}

.wp-block-query ul.wp-block-post-template-is-layout-grid > .wp-block-post.type-post .post-archive-meta {
	margin-block-start: auto;
	justify-content: space-between;
	gap: var(--wp--custom--spacing--flex-space-medium);
}

.wp-block-query ul.wp-block-post-template-is-layout-grid > .wp-block-post.type-post p {
	font-size: var(--wp--preset--font-size--body-sm);
}

.single-post .wp-block-separator + .wp-block-group {
	margin-block-start: var(--wp--custom--spacing--block-gap);
}

.wp-block-query .wp-block-post.type-post {
	position: relative;
	isolation: isolate;
}

.wp-block-query .wp-block-post.type-post .wp-block-post-title a {
	position: static;
	color: var(--wp--preset--color--primary);
	transition: color 0.3s ease;
}

.wp-block-query .wp-block-post.type-post .wp-block-post-title a:hover,
.wp-block-query .wp-block-post.type-post .wp-block-post-title a:focus-visible {
	text-decoration: underline;
}

.wp-block-query .wp-block-post.type-post .wp-block-post-title a:only-of-type::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}

.wp-block-query .wp-block-post.type-post .wp-block-post-title a:only-of-type:focus-visible {
	outline: none;
}

.wp-block-query .wp-block-post.type-post:focus-within {
	outline: 2px solid var(--wp--preset--color--primary);
	outline-offset: 2px;
}

.wp-block-post-author__avatar {
	margin-inline-end: 0;
}

.wp-block-post-author__avatar img {
	width: 40px;
	height: auto;
	border-radius: 50%;
}

.wp-block-post-author__name {
	margin-block-start: 0;
}

.wp-block-post-terms .wp-block-post-terms__separator {
	margin-inline: 0.35em;
}

.wex-articles-post-date__icon,
.wex-articles-post-time-to-read__icon {
	display: inline-block;
	vertical-align: middle;
	color: var(--wp--custom--neutral--text-color);
}

header + main article {
    padding: 0 !important;
}

.single-post .article-content.alignfull,
main .article-content.alignfull {
    width: 100%;
}

.post-archive-meta {
    margin-block-start: var(--wp--preset--spacing--step-4);
}

p.article-description {
    margin-block-start: var(--wp--preset--spacing--step-3);
    color: var(--wp--custom--neutral--text-color);
}
