@font-face {
	font-family: "Spartan";
	src: url("../fonts/Spartan-Light.woff2") format("woff2");
	font-style: normal;
	font-weight: 300;
	font-display: swap;
}

@font-face {
	font-family: "Spartan";
	src: url("../fonts/Spartan-Regular.woff2") format("woff2");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: "Spartan";
	src: url("../fonts/Spartan-SemiBold.woff2") format("woff2");
	font-style: normal;
	font-weight: 600;
	font-display: swap;
}

@font-face {
	font-family: "Spartan";
	src: url("../fonts/Spartan-Bold.woff2") format("woff2");
	font-style: normal;
	font-weight: 700;
	font-display: swap;
}

body.wwa-blog-insights-page #main.site-main,
body.page-template-template-blog-php #main.site-main {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	background: #fff;
}

body.wwa-blog-insights-page #main.site-main::before,
body.wwa-blog-insights-page #main.site-main::after,
body.page-template-template-blog-php #main.site-main::before,
body.page-template-template-blog-php #main.site-main::after {
	display: none;
}

.wwa-blog-insights {
	--wwa-blog-purple: #58366c;
	--wwa-blog-purple-deep: #422450;
	--wwa-blog-teal: #347d6f;
	--wwa-blog-teal-bright: #5abea8;
	--wwa-blog-ink: #281d2f;
	--wwa-blog-text: #514854;
	--wwa-blog-muted: #766c78;
	--wwa-blog-line: #ded4e0;
	--wwa-blog-lilac: #eee8f3;
	--wwa-blog-peach: #f7eadf;
	width: 100%;
	margin: 0;
	color: var(--wwa-blog-ink);
	background: #fff;
	font-family: "Spartan", Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.65;
}

.wwa-blog-insights *,
.wwa-blog-insights *::before,
.wwa-blog-insights *::after {
	box-sizing: border-box;
}

.wwa-blog-insights__shell {
	width: min(1160px, calc(100% - 72px));
	margin-right: auto;
	margin-left: auto;
}

.wwa-blog-insights h1,
.wwa-blog-insights h2,
.wwa-blog-insights h3,
.wwa-blog-insights p {
	font-family: "Spartan", Arial, sans-serif;
}

.wwa-blog-insights h1,
.wwa-blog-insights h2,
.wwa-blog-insights h3 {
	color: var(--wwa-blog-purple);
	letter-spacing: -0.04em;
}

.wwa-blog-insights h1 {
	margin: 8px 0 0;
	font-size: clamp(50px, 6vw, 84px);
	font-weight: 300;
	line-height: 0.98;
}

.wwa-blog-insights h2 {
	font-size: clamp(32px, 3.2vw, 48px);
	font-weight: 300;
	line-height: 1.08;
}

.wwa-blog-insights h3 {
	margin: 4px 0 0;
	font-size: clamp(22px, 2.25vw, 29px);
	font-weight: 600;
	line-height: 1.2;
}

.wwa-blog-insights a {
	color: inherit;
}

.wwa-blog-insights a:focus-visible,
.wwa-blog-insights button:focus-visible,
.wwa-blog-insights input:focus-visible {
	outline: 3px solid var(--wwa-blog-teal-bright);
	outline-offset: 3px;
}

.wwa-blog-insights__eyebrow,
.wwa-blog-insights__kicker {
	margin: 0;
	color: var(--wwa-blog-teal);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.17em;
	text-transform: uppercase;
}

.wwa-blog-insights__masthead {
	padding: 68px 0 0;
	background: #fff;
}

.wwa-blog-insights__masthead-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
	align-items: end;
	gap: 68px;
	padding-bottom: 44px;
	border-bottom: 1px solid var(--wwa-blog-line);
}

.wwa-blog-insights__masthead-grid > p {
	max-width: 490px;
	margin: 0 0 8px;
	color: var(--wwa-blog-purple);
	font-size: 18px;
	line-height: 1.7;
}

.wwa-blog-insights__feature {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
	gap: 54px;
	padding-top: 58px;
	padding-bottom: 62px;
	border-bottom: 1px solid var(--wwa-blog-line);
}

.wwa-blog-insights__art {
	display: grid;
	overflow: hidden;
	width: 220px;
	height: 174px;
	margin: 0;
	place-items: center;
	background: var(--wwa-blog-lilac);
	text-decoration: none;
}

.wwa-blog-insights__art img {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	object-fit: cover;
}

.wwa-blog-insights__art--fallback {
	position: relative;
	color: var(--wwa-blog-purple);
	background: var(--wwa-blog-peach);
}

.wwa-blog-insights__art--fallback::before {
	position: absolute;
	top: 19px;
	left: 20px;
	content: "WORLDWIDE WOMEN'S ASSOCIATION";
	color: var(--wwa-blog-teal);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.14em;
}

.wwa-blog-insights__art--fallback span {
	font-size: clamp(44px, 6vw, 78px);
	font-weight: 300;
	letter-spacing: -0.08em;
}

.wwa-blog-insights__feature-art {
	width: 100%;
	height: auto;
	min-height: 395px;
}

/* Keep a member portrait whole in the lead card. General editorial images
 * retain the wider, cropped treatment defined above. */
.wwa-blog-insights__feature--member .wwa-blog-insights__feature-art {
	width: min(100%, 520px);
	min-height: 0;
	aspect-ratio: 1 / 1;
	justify-self: center;
}

.wwa-blog-insights__feature--member .wwa-blog-insights__feature-art img {
	object-fit: contain;
	object-position: center;
}

.wwa-blog-insights__feature-copy {
	align-self: center;
	padding-right: 19px;
}

.wwa-blog-insights__feature-copy h2 {
	margin: 9px 0 15px;
	font-size: clamp(36px, 3.6vw, 54px);
}

.wwa-blog-insights__feature-copy h2 a {
	text-decoration: none;
}

.wwa-blog-insights__feature-copy h2 a:hover,
.wwa-blog-insights__feature-copy h2 a:focus-visible,
.wwa-blog-insights__entry h3 a:hover,
.wwa-blog-insights__entry h3 a:focus-visible {
	text-decoration-color: var(--wwa-blog-teal);
	text-decoration-thickness: 1px;
	text-underline-offset: 5px;
}

.wwa-blog-insights__meta {
	margin: 9px 0 15px;
	color: var(--wwa-blog-muted);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.02em;
	line-height: 1.65;
}

.wwa-blog-insights__summary {
	max-width: 690px;
	margin: 0;
	color: var(--wwa-blog-text);
	font-size: 15px;
	line-height: 1.75;
}

.wwa-blog-insights__read {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	gap: 11px;
	margin-top: 13px;
	color: var(--wwa-blog-teal);
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
}

.wwa-blog-insights__read svg {
	width: 20px;
	height: 20px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

.wwa-blog-insights__journal {
	max-width: 1000px;
	padding-top: 64px;
	padding-bottom: 68px;
}

.wwa-blog-insights__journal-heading {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 380px;
	align-items: end;
	gap: 60px;
	padding-bottom: 26px;
	border-bottom: 2px solid var(--wwa-blog-purple);
}

.wwa-blog-insights__journal-heading h2 {
	margin: 4px 0 0;
	font-size: 40px;
}

.wwa-blog-insights__journal-tools > p {
	margin: 0;
	color: var(--wwa-blog-text);
	font-size: 14px;
	line-height: 1.65;
}

.wwa-blog-insights__search {
	display: flex;
	width: 100%;
	min-height: 50px;
	margin-top: 17px;
	border: 1px solid #aa9daf;
	background: #fff;
}

.wwa-blog-insights__search:focus-within {
	border-color: var(--wwa-blog-purple);
	box-shadow: 0 0 0 2px rgba(88, 54, 108, 0.12);
}

.wwa-blog-insights__search input {
	min-width: 0;
	min-height: 48px;
	flex: 1;
	margin: 0;
	padding: 13px 15px;
	border: 0;
	border-radius: 0;
	color: var(--wwa-blog-purple);
	background: transparent;
	box-shadow: none;
	font: 400 14px/1.4 "Spartan", Arial, sans-serif;
}

.wwa-blog-insights__search input::placeholder {
	color: #756b78;
	opacity: 1;
}

.wwa-blog-insights__search button {
	display: grid;
	width: 50px;
	min-width: 50px;
	min-height: 48px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	place-items: center;
	color: #fff;
	background: var(--wwa-blog-teal);
	box-shadow: none;
	cursor: pointer;
}

.wwa-blog-insights__search button:hover {
	background: var(--wwa-blog-purple);
}

.wwa-blog-insights__search button svg {
	width: 20px;
	height: 20px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-width: 1.8;
}

.wwa-blog-insights__search input:focus,
.wwa-blog-insights__search button:focus {
	outline: 0;
	box-shadow: none;
}

.wwa-blog-insights__search input:focus-visible,
.wwa-blog-insights__search button:focus-visible {
	position: relative;
	z-index: 1;
	outline: 3px solid var(--wwa-blog-teal-bright);
	outline-offset: 2px;
}

.wwa-blog-insights__results-count {
	margin: 22px 0 0;
	color: var(--wwa-blog-muted);
	font-size: 13px;
	font-weight: 600;
}

.wwa-blog-insights__entry {
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr);
	gap: 38px;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 36px 0;
	border-bottom: 1px solid var(--wwa-blog-line);
	background: transparent;
}

.wwa-blog-insights__entry.hentry::before,
.wwa-blog-insights__entry.hentry::after {
	display: none;
}

.wwa-blog-insights__entry-copy {
	align-self: center;
}

.wwa-blog-insights__entry h3 a {
	text-decoration-color: var(--wwa-blog-teal);
	text-decoration-thickness: 1px;
	text-underline-offset: 5px;
}

.wwa-blog-insights__entry .wwa-blog-insights__summary {
	margin-top: 12px;
	font-size: 14px;
}

.wwa-blog-insights__empty {
	margin: 38px 0 0;
	padding: 38px 40px;
	border-left: 4px solid var(--wwa-blog-teal);
	background: #eaf5f1;
}

.wwa-blog-insights__empty h3 {
	margin: 0 0 8px;
}

.wwa-blog-insights__empty p {
	max-width: 720px;
	margin: 0;
	color: var(--wwa-blog-text);
}

.wwa-blog-insights__empty a {
	display: inline-flex;
	min-height: 44px;
	align-items: center;
	margin-top: 12px;
	color: var(--wwa-blog-teal);
	font-weight: 700;
}

.wwa-blog-insights__pagination {
	padding-bottom: 72px;
	text-align: center;
}

.wwa-blog-insights__pagination > p {
	margin: 0 0 15px;
	color: var(--wwa-blog-muted);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.wwa-blog-insights__pagination nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
}

.wwa-blog-insights__pagination .page-numbers {
	display: inline-grid;
	min-width: 42px;
	min-height: 42px;
	padding: 8px 13px;
	border: 1px solid var(--wwa-blog-line);
	place-items: center;
	color: var(--wwa-blog-purple);
	background: #fff;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
}

.wwa-blog-insights__pagination .page-numbers.prev,
.wwa-blog-insights__pagination .page-numbers.next {
	min-width: 110px;
}

.wwa-blog-insights__pagination .page-numbers.current {
	border-color: var(--wwa-blog-purple);
	color: #fff;
	background: var(--wwa-blog-purple);
}

.wwa-blog-insights__pagination a.page-numbers:hover,
.wwa-blog-insights__pagination a.page-numbers:focus-visible {
	border-color: var(--wwa-blog-teal);
	color: var(--wwa-blog-teal);
}

@media (max-width: 1000px) {
	.wwa-blog-insights__shell {
		width: min(780px, calc(100% - 48px));
	}

	.wwa-blog-insights__masthead-grid {
		gap: 38px;
	}

	.wwa-blog-insights__feature {
		grid-template-columns: 1fr 1fr;
		gap: 36px;
	}

	.wwa-blog-insights__feature-art {
		min-height: 330px;
	}

	.wwa-blog-insights__journal-heading {
		grid-template-columns: minmax(0, 1fr) 340px;
		gap: 34px;
	}
}

@media (max-width: 700px) {
	.wwa-blog-insights {
		font-size: 15px;
	}

	.wwa-blog-insights__shell {
		width: min(580px, calc(100% - 36px));
	}

	.wwa-blog-insights__masthead {
		padding-top: 44px;
	}

	.wwa-blog-insights__masthead-grid,
	.wwa-blog-insights__feature,
	.wwa-blog-insights__journal-heading {
		grid-template-columns: 1fr;
	}

	.wwa-blog-insights__masthead-grid {
		gap: 18px;
		padding-bottom: 32px;
	}

	.wwa-blog-insights h1 {
		font-size: 50px;
	}

	.wwa-blog-insights__masthead-grid > p {
		font-size: 16px;
	}

	.wwa-blog-insights__feature {
		gap: 26px;
		padding-top: 38px;
		padding-bottom: 45px;
	}

	.wwa-blog-insights__feature-art {
		min-height: 225px;
	}

	.wwa-blog-insights__feature-copy {
		padding-right: 0;
	}

	.wwa-blog-insights__feature-copy h2 {
		font-size: 35px;
	}

	.wwa-blog-insights__journal {
		padding-top: 42px;
		padding-bottom: 54px;
	}

	.wwa-blog-insights__journal-heading {
		align-items: start;
		gap: 14px;
	}

	.wwa-blog-insights__journal-heading h2 {
		font-size: 32px;
	}

	.wwa-blog-insights__entry {
		grid-template-columns: 92px minmax(0, 1fr);
		gap: 18px;
		padding: 25px 0;
	}

	.wwa-blog-insights__entry .wwa-blog-insights__art {
		width: 92px;
		height: 92px;
	}

	.wwa-blog-insights__entry .wwa-blog-insights__art--fallback::before {
		display: none;
	}

	.wwa-blog-insights__entry .wwa-blog-insights__art--fallback span {
		font-size: 30px;
	}

	.wwa-blog-insights__entry h3 {
		font-size: 19px;
	}

	.wwa-blog-insights__entry .wwa-blog-insights__summary {
		display: none;
	}

	.wwa-blog-insights__entry .wwa-blog-insights__read {
		margin-top: 4px;
	}

	.wwa-blog-insights__empty {
		padding: 28px 24px;
	}

	.wwa-blog-insights__pagination {
		padding-bottom: 52px;
	}

	.wwa-blog-insights__pagination nav {
		flex-wrap: wrap;
	}

	.wwa-blog-insights__pagination .page-numbers.prev,
	.wwa-blog-insights__pagination .page-numbers.next {
		min-width: 98px;
	}
}

@media (max-width: 430px) {
	.wwa-blog-insights__shell {
		width: calc(100% - 28px);
	}

	.wwa-blog-insights h1 {
		font-size: 44px;
	}

	.wwa-blog-insights__feature-copy h2 {
		font-size: 31px;
	}

	.wwa-blog-insights__journal-heading h2 {
		font-size: 29px;
	}

	.wwa-blog-insights__entry {
		grid-template-columns: 78px minmax(0, 1fr);
		gap: 14px;
	}

	.wwa-blog-insights__entry .wwa-blog-insights__art {
		width: 78px;
		height: 78px;
	}

	.wwa-blog-insights__entry .wwa-blog-insights__meta {
		margin-bottom: 5px;
		font-size: 11px;
	}

	.wwa-blog-insights__pagination .page-numbers.prev,
	.wwa-blog-insights__pagination .page-numbers.next {
		min-width: 42px;
		font-size: 0;
	}

	.wwa-blog-insights__pagination .page-numbers.prev::after {
		content: "←";
		font-size: 14px;
	}

	.wwa-blog-insights__pagination .page-numbers.next::after {
		content: "→";
		font-size: 14px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.wwa-blog-insights *,
	.wwa-blog-insights *::before,
	.wwa-blog-insights *::after {
	scroll-behavior: auto !important;
	transition-duration: 0.01ms !important;
	animation-duration: 0.01ms !important;
	}
}

/* Reading room: public Blog & Insights article singles. */
body.wwa-blog-insights-article #main-content.wwa-blog-article {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	float: none;
	color: #402b48;
	background: #fff;
	font-family: "Spartan", Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.65;
}

body.wwa-blog-insights-article .wwa-blog-article__post.hentry {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	border: 0;
	float: none;
	background: transparent;
}

body.wwa-blog-insights-article .wwa-blog-article__post.hentry::before,
body.wwa-blog-insights-article .wwa-blog-article__post.hentry::after {
	display: none;
}

.wwa-blog-article {
	--wwa-blog-article-purple: #58366c;
	--wwa-blog-article-teal: #287f71;
	--wwa-blog-article-text: #35283a;
	--wwa-blog-article-muted: #786d7a;
	--wwa-blog-article-line: #ddd4df;
	--wwa-blog-article-lilac: #eee8f3;
	--wwa-blog-article-cream: #fbf7ef;
}

.wwa-blog-article *,
.wwa-blog-article *::before,
.wwa-blog-article *::after {
	box-sizing: border-box;
}

.wwa-blog-article__shell {
	width: min(100% - 72px, 1120px);
	margin-right: auto;
	margin-left: auto;
}

.wwa-blog-article__back {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	gap: 9px;
	color: var(--wwa-blog-article-teal);
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
}

.wwa-blog-article a:focus-visible {
	outline: 3px solid #5abea8;
	outline-offset: 3px;
}

.wwa-blog-article__masthead {
	padding: 39px 0 45px;
	background: #fff;
}

.wwa-blog-article__title {
	display: grid;
	grid-template-columns: 1.25fr 0.75fr;
	align-items: end;
	gap: 70px;
	padding: 40px 0 33px;
	border-top: 1px solid var(--wwa-blog-article-line);
}

.wwa-blog-article__eyebrow {
	margin: 0;
	color: var(--wwa-blog-article-teal);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.wwa-blog-article__title h1 {
	max-width: 790px;
	margin: 9px 0 0;
	color: var(--wwa-blog-article-purple);
	font-family: "Spartan", Arial, sans-serif;
	font-size: clamp(47px, 6vw, 75px);
	font-weight: 400;
	line-height: 1.08;
	overflow-wrap: anywhere;
}

.wwa-blog-article__deck {
	max-width: 390px;
	margin: 0 0 8px;
	color: var(--wwa-blog-article-purple);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.65;
	overflow-wrap: anywhere;
}

.wwa-blog-article__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 9px 21px;
	color: var(--wwa-blog-article-muted);
	font-size: 11px;
	font-weight: 600;
}

.wwa-blog-article__meta span + time::before,
.wwa-blog-article__meta time + span::before {
	margin-right: 21px;
	content: "·";
}

.wwa-blog-article__feature {
	width: min(100% - 72px, 1120px);
	height: 440px;
	margin: 0 auto;
	overflow: hidden;
	background: var(--wwa-blog-article-lilac);
}

.wwa-blog-article__feature img {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	object-fit: cover;
	object-position: center 34%;
}

/* Member portraits use a square canvas and retain the complete submitted
 * image. The general journal hero above stays intentionally wide and cropped
 * for editorial landscape artwork. */
.wwa-blog-article__feature--member {
	width: min(100% - 72px, 680px);
	height: auto;
	aspect-ratio: 1 / 1;
	display: grid;
	place-items: center;
}

.wwa-blog-article__feature--member img {
	object-fit: contain;
	object-position: center;
}

.wwa-blog-article__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 275px;
	gap: 78px;
	padding-top: 68px;
	padding-bottom: 72px;
}

.wwa-blog-article__layout--without-rail {
	grid-template-columns: minmax(0, 1fr);
}

.wwa-blog-article__copy {
	min-width: 0;
	color: var(--wwa-blog-article-text);
	font-family: "Spartan", Arial, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.9;
}

.wwa-blog-article__copy > * {
	max-width: 720px;
	margin-right: auto;
	margin-left: auto;
}

.wwa-blog-article__copy > :first-child {
	margin-top: 0;
}

.wwa-blog-article__copy p,
.wwa-blog-article__copy ul,
.wwa-blog-article__copy ol {
	margin-top: 1em;
	margin-bottom: 1em;
}

.wwa-blog-article__copy > p:first-child {
	margin-top: 0;
	color: var(--wwa-blog-article-purple);
	font-size: 21px;
	line-height: 1.65;
}

.wwa-blog-article__copy ul,
.wwa-blog-article__copy ol {
	padding-left: 1.45em;
}

.wwa-blog-article__copy ul {
	list-style-type: disc;
}

.wwa-blog-article__copy ol {
	list-style-type: decimal;
}

.wwa-blog-article__copy li + li {
	margin-top: 0.55em;
}

.wwa-blog-article__copy h2,
.wwa-blog-article__copy h3,
.wwa-blog-article__copy h4,
.wwa-blog-article__copy h5,
.wwa-blog-article__copy h6 {
	margin-top: 45px;
	margin-bottom: 15px;
	color: var(--wwa-blog-article-purple);
	font-family: "Spartan", Arial, sans-serif;
	font-weight: 400;
	line-height: 1.28;
}

.wwa-blog-article__copy h2 {
	font-size: 31px;
}

.wwa-blog-article__copy h3 {
	font-size: 26px;
}

.wwa-blog-article__copy h4,
.wwa-blog-article__copy h5,
.wwa-blog-article__copy h6 {
	font-size: 21px;
	font-weight: 600;
}

.wwa-blog-article__copy blockquote {
	max-width: 760px;
	margin-top: 40px;
	margin-bottom: 40px;
	padding: 24px 0 24px 30px;
	border-left: 4px solid var(--wwa-blog-article-teal);
	color: var(--wwa-blog-article-purple);
	font-family: "Spartan", Arial, sans-serif;
	font-size: 25px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.55;
}

.wwa-blog-article__copy blockquote p {
	margin: 0;
}

.wwa-blog-article__copy a {
	color: var(--wwa-blog-article-teal);
	font-weight: 600;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	overflow-wrap: anywhere;
}

.wwa-blog-article__copy img,
.wwa-blog-article__copy iframe,
.wwa-blog-article__copy video {
	display: block;
	max-width: 100%;
	height: auto;
}

.wwa-blog-article__copy .page-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: 36px;
	padding-top: 22px;
	border-top: 1px solid var(--wwa-blog-article-line);
	color: var(--wwa-blog-article-muted);
	font-size: 12px;
	font-weight: 600;
}

.wwa-blog-article__copy .page-links a,
.wwa-blog-article__copy .page-links > span:not(.page-links-title) {
	display: inline-grid;
	min-width: 34px;
	min-height: 34px;
	padding: 5px 9px;
	border: 1px solid var(--wwa-blog-article-line);
	place-items: center;
}

.wwa-blog-article__rail {
	align-self: start;
	padding: 27px 27px 31px;
	border-top: 4px solid var(--wwa-blog-article-teal);
	background: var(--wwa-blog-article-cream);
}

.wwa-blog-article__rail h2 {
	margin: 6px 0 8px;
	color: var(--wwa-blog-article-purple);
	font-family: "Spartan", Arial, sans-serif;
	font-size: 29px;
	font-weight: 400;
	line-height: 1.3;
}

.wwa-blog-article__related-list article {
	padding: 20px 0;
	border-top: 1px solid #dcd1cc;
}

.wwa-blog-article__related-list article > p {
	margin: 0;
	color: var(--wwa-blog-article-teal);
	font-size: 9px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.wwa-blog-article__related-list h3 {
	margin: 6px 0 8px;
	color: var(--wwa-blog-article-text);
	font-family: "Spartan", Arial, sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.45;
	overflow-wrap: anywhere;
}

.wwa-blog-article__related-list h3 a {
	color: inherit;
	font-weight: inherit;
	text-decoration: none;
}

.wwa-blog-article__related-list time {
	color: var(--wwa-blog-article-muted);
	font-size: 10px;
}

.wwa-blog-article__text-link {
	display: inline-block;
	margin-top: 20px;
	color: var(--wwa-blog-article-teal);
	font-size: 12px;
	font-weight: 600;
}

.wwa-blog-article__pagination {
	display: grid;
	grid-template-columns: 1fr 1fr;
	border-top: 1px solid var(--wwa-blog-article-line);
}

.wwa-blog-article__pagination a {
	padding: 34px 25px 45px 0;
	color: var(--wwa-blog-article-purple);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.55;
	text-decoration: none;
}

.wwa-blog-article__pagination a + a {
	padding-right: 0;
	padding-left: 32px;
	border-left: 1px solid var(--wwa-blog-article-line);
	text-align: right;
}

.wwa-blog-article__pagination span {
	display: block;
	margin-bottom: 6px;
	color: var(--wwa-blog-article-teal);
	font-size: 9px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.wwa-blog-article__password {
	max-width: 720px;
	padding-top: 68px;
	padding-bottom: 72px;
	color: var(--wwa-blog-article-text);
}

.wwa-blog-article__password form {
	max-width: 560px;
	padding: 28px;
	border-top: 4px solid var(--wwa-blog-article-teal);
	background: var(--wwa-blog-article-cream);
}

.wwa-blog-article__password input[type="password"] {
	min-height: 42px;
	margin: 8px 8px 8px 0;
	padding: 8px 10px;
	border: 1px solid var(--wwa-blog-article-line);
	border-radius: 0;
	color: var(--wwa-blog-article-text);
	background: #fff;
}

.wwa-blog-article__password input[type="submit"] {
	min-height: 42px;
	padding: 8px 14px;
	border: 0;
	border-radius: 0;
	color: #fff;
	background: var(--wwa-blog-article-teal);
	font-family: "Spartan", Arial, sans-serif;
	font-size: 12px;
	font-weight: 600;
}

@media (max-width: 1000px) {
	.wwa-blog-article__title {
		gap: 38px;
	}

	.wwa-blog-article__layout {
		grid-template-columns: minmax(0, 1fr) 245px;
		gap: 44px;
	}

	.wwa-blog-article__layout--without-rail {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 700px) {
	.wwa-blog-article__shell,
	.wwa-blog-article__feature {
		width: min(100% - 36px, 580px);
	}

	.wwa-blog-article__masthead {
		padding: 24px 0 32px;
	}

	.wwa-blog-article__title {
		grid-template-columns: 1fr;
		gap: 20px;
		padding: 24px 0;
	}

	.wwa-blog-article__title h1 {
		font-size: 42px;
	}

	.wwa-blog-article__deck {
		font-size: 16px;
	}

	.wwa-blog-article__meta span + time::before,
	.wwa-blog-article__meta time + span::before {
		margin-right: 9px;
	}

	.wwa-blog-article__feature {
		height: 245px;
	}

	.wwa-blog-article__feature--member {
		height: auto;
	}

	.wwa-blog-article__layout,
	.wwa-blog-article__layout--without-rail {
		grid-template-columns: 1fr;
		gap: 45px;
		padding-top: 45px;
		padding-bottom: 48px;
	}

	.wwa-blog-article__copy {
		font-size: 17px;
		line-height: 1.82;
	}

	.wwa-blog-article__copy > p:first-child {
		font-size: 18px;
	}

	.wwa-blog-article__copy h2 {
		font-size: 27px;
	}

	.wwa-blog-article__copy h3 {
		font-size: 23px;
	}

	.wwa-blog-article__copy blockquote {
		padding-left: 21px;
		font-size: 21px;
	}

	.wwa-blog-article__pagination {
		grid-template-columns: 1fr;
	}

	.wwa-blog-article__pagination a + a {
		padding-left: 0;
		border-top: 1px solid var(--wwa-blog-article-line);
		border-left: 0;
		text-align: left;
	}

	.wwa-blog-article__password {
		padding-top: 45px;
		padding-bottom: 48px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.wwa-blog-article *,
	.wwa-blog-article *::before,
	.wwa-blog-article *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
	}
}
