/* Approved Blog Page.pdf: white canvas, cyan controls, and a three-column card grid. */
.vallant-blog-banner.inner-banner-bar {
	margin-bottom: 0;
	min-height: 0 !important;
	max-height: none !important;
	height: auto !important;
	aspect-ratio: 1370 / 428;
	background-position: center;
}
.vallant-blog {
	--blog-ink: #17215c;
	--blog-cyan: #31d0ff;
	--blog-card: #f4f4f4;
	background: #fff;
	color: var(--blog-ink);
}
.vallant-blog .vallant-blog__wrap {
	width: calc(100% - 48px);
	max-width: 1130px;
	margin-inline: auto;
}
.vallant-blog .vallant-blog__intro {
	padding: 76px 0 0;
	background: #fff;
}
.vallant-blog .vallant-blog__intro .textbg {
	padding: 0 12px 55px;
}
.vallant-blog .vallant-blog__intro .textbg::before {
	display: block;
	left: 12px;
	width: 230px;
	height: 2px;
	background: var(--blog-cyan);
}
/* Keep the PDF heading alignment despite the theme’s centered mobile intro rule. */
.vallant-blog .vallant-blog__intro .textbg,
.vallant-blog .vallant-blog__intro .textbg h1,
.vallant-blog .vallant-blog__intro .textbg h2 { text-align: left !important; }
.vallant-blog .vallant-blog__intro h1 {
	font-size: 20px;
	font-weight: 400;
	letter-spacing: .04em;
	padding-bottom: 16px;
}
.vallant-blog .vallant-blog__intro h2 {
	font-size: clamp(25px, 2.5vw, 36px);
	line-height: 1.35;
	font-weight: 700;
	padding-bottom: 0;
}
.vallant-blog .vallant-blog__listing {
	padding: 57px 0 90px;
}
.vallant-blog__filters {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 28px;
	padding: 0 12px;
	margin: 0 0 56px;
}
.vallant-blog__filter {
	display: flex;
	align-items: center;
	gap: 24px;
	min-width: 0;
}
.vallant-blog__filter--subject { flex: 0 1 550px; }
.vallant-blog__filter--sort { flex: 0 1 400px; }
.vallant-blog__filter label {
	flex-shrink: 0;
	font-size: 20px;
	line-height: 1.5;
	font-weight: 400;
	margin: 0;
}
.vallant-blog__select {
	position: relative;
	flex: 1;
	min-width: 0;
	background: #f0f0f0;
}
.vallant-blog__select::before {
	content: '';
	position: absolute;
	inset: 0 0 0 auto;
	width: 46px;
	background: var(--blog-cyan);
	pointer-events: none;
}
.vallant-blog__select::after {
	content: '';
	position: absolute;
	right: 15px;
	top: 15px;
	width: 13px;
	height: 13px;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	transform: rotate(45deg);
	pointer-events: none;
}
.vallant-blog__select select {
	position: relative;
	appearance: none;
	width: 100%;
	min-height: 46px;
	padding: 10px 60px 10px 22px;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--blog-ink);
	font: 400 14px/1.6 'area-normal', sans-serif;
	cursor: pointer;
}
.vallant-blog__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px 26px;
}
.vallant-blog-card {
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: 20px;
	background: var(--blog-card);
}
.vallant-blog-card__image {
	display: block;
	aspect-ratio: 316 / 175;
	overflow: hidden;
	background: #e8e8e8;
}
.vallant-blog-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.vallant-blog-card__body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex: 1;
	padding: 18px 6px 6px;
}
.vallant-blog-card .vallant-blog-card__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 3px 6px;
	padding: 0 0 12px;
	font-size: 12px;
	line-height: 1.5;
	text-transform: uppercase;
}
.vallant-blog-card__category {
	border-left: 1px solid var(--blog-cyan);
	padding-left: 6px;
}
.vallant-blog-card .vallant-blog-card__title {
	padding: 0 0 28px;
	font: 700 23px/1.3 'area-extended', sans-serif;
	letter-spacing: .02em;
	overflow-wrap: anywhere;
}
.vallant-blog-card__title a { color: var(--blog-ink); }
.vallant-blog .vallant-blog-card__link,
.vallant-blog .vallant-blog__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	padding: 6px 13px;
	border: 2px solid var(--blog-cyan);
	border-radius: 4px;
	background: transparent;
	color: var(--blog-ink);
	font: 700 14px/1.3 'area-extended', sans-serif;
	text-decoration: none;
	text-transform: none;
	letter-spacing: .02em;
	cursor: pointer;
}
.vallant-blog .vallant-blog-card__link { margin-top: auto; }
.vallant-blog .vallant-blog__button { min-height: 44px; padding: 10px 24px; }
.vallant-blog .vallant-blog-card__link:hover,
.vallant-blog .vallant-blog__button:hover { background: var(--blog-cyan); }
.vallant-blog-card__title a:hover { text-decoration: underline; }
.vallant-blog :is(a, button, select):focus-visible {
	outline: 3px solid var(--blog-ink);
	outline-offset: 4px;
}
.vallant-blog__pagination { text-align: center; padding-top: 40px; }
.vallant-blog [hidden] { display: none !important; }
.vallant-blog [aria-disabled='true'] { opacity: .55; cursor: wait; }
.vallant-blog .vallant-blog__status {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}
.vallant-blog__grid[aria-busy='true'] { opacity: .55; }
.vallant-blog__error,
.vallant-blog__empty {
	grid-column: 1 / -1;
	padding: 24px;
	background: var(--blog-card);
}
.vallant-blog__error { margin-bottom: 24px; }
@media (max-width: 1000px) {
	.vallant-blog__filters { align-items: stretch; gap: 24px; }
	.vallant-blog__filter { flex: 1; flex-direction: column; align-items: stretch; gap: 10px; }
	.vallant-blog__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.vallant-blog-card .vallant-blog-card__title { font-size: 21px; }
}
@media (max-width: 600px) {
	.vallant-blog-banner.inner-banner-bar { aspect-ratio: 16 / 7; }
	.vallant-blog .vallant-blog__wrap { width: calc(100% - 40px); }
	.vallant-blog .vallant-blog__intro { padding-top: 40px; }
	.vallant-blog .vallant-blog__intro .textbg { padding: 0 0 30px; }
	.vallant-blog .vallant-blog__intro .textbg::before { left: 0; width: 150px; }
	.vallant-blog .vallant-blog__intro h1 { font-size: 16px; }
	.vallant-blog .vallant-blog__listing { padding: 32px 0 56px; }
	.vallant-blog__filters { flex-direction: column; padding: 0; margin-bottom: 32px; }
	.vallant-blog__filter label { font-size: 18px; }
	.vallant-blog__grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
	.vallant-blog-card { padding: 18px; }
	.vallant-blog-card__body { padding: 16px 2px 4px; }
	.vallant-blog .vallant-blog-card__link { min-height: 44px; }
}
.vallant-blog-card__image { position: relative; }
.vallant-blog-card__image--placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--blog-ink);
	font: 700 24px/1.3 'area-extended', sans-serif;
}
.vallant-blog-card__play {
	position: absolute;
	inset: 50% auto auto 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: rgb(0 0 0 / 12%);
	pointer-events: none;
}
.vallant-blog-card__play img { width: 100%; height: 100%; object-fit: contain; }