/* VDC Case Studies — all sizes in rem. Tune the look from the variables below. */
.vdc-cs {
	--vdc-blue: #0260a0;
	--vdc-blue-card: #2072aa;
	--vdc-navy: #022946;
	--vdc-tint: #f3f7fa;
	--vdc-ink: #171717;
	--vdc-body: #4d4d4d;
	--vdc-muted: #7c7c7c;
	--vdc-line: #dbe3e9;
	--vdc-star: #fbbc04;
	--vdc-font-alt: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
	--vdc-radius: 0.5rem;
	--vdc-sticky-top: 2rem; /* distance from the top of the screen while the Project Details card is stuck; raise it if the site header is sticky */
	color: var(--vdc-body);
	font-family: inherit;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}
.vdc-cs *, .vdc-cs *::before, .vdc-cs *::after { box-sizing: border-box; }
.vdc-cs img { max-width: 100%; height: auto; }
/* The plugin sets no width, max-width, side margins or side padding: it renders inside whatever
   Elementor container it is placed in, and that container's settings control width and padding. */
.vdc-cs .vdc-cs-wrap { min-width: 0; }
.vdc-cs .vdc-cs-sr { position: absolute; width: 0.0625rem; height: 0.0625rem; margin: -0.0625rem; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.vdc-cs .vdc-cs-ico { width: 1rem; height: 1rem; flex: none; }

/* ------------------------------------------------------------- Single: hero */
.vdc-cs .vdc-cs-hero { padding: 0; }
.vdc-cs h1.vdc-cs-hero__title { margin: 0; max-width: 70rem; font-size: 3rem; line-height: 1.125; font-weight: 600; color: var(--vdc-ink); letter-spacing: -0.01em; }
.vdc-cs .vdc-cs-hero__intro { margin: 1.5rem 0 0; max-width: 62rem; font-size: 1.125rem; line-height: 1.5; color: var(--vdc-body); }
.vdc-cs .vdc-cs-hero__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; margin: 2rem 0 0; font-size: 1.0625rem; color: var(--vdc-muted); }
.vdc-cs .vdc-cs-sep { width: 0.0625rem; height: 1rem; background: currentColor; opacity: 0.6; }
.vdc-cs .vdc-cs-hero__media { margin-top: 3rem; }
.vdc-cs .vdc-cs-hero__img { display: block; width: 100%; aspect-ratio: 2 / 1; object-fit: cover; border-radius: 0.375rem; }

/* ------------------------------------------------------------ Single: stats */
.vdc-cs .vdc-cs-stats { padding-top: 6rem; }
.vdc-cs .vdc-cs-stats__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; margin: 0; padding: 0; list-style: none; }
.vdc-cs .vdc-cs-stat { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.5rem; min-height: 12rem; padding: 2rem 1rem; background: var(--vdc-tint); border-radius: 0.5rem; text-align: center; }
.vdc-cs .vdc-cs-stat__value { font-size: 2.5rem; line-height: 1.2; font-weight: 400; color: var(--vdc-ink); }
.vdc-cs .vdc-cs-stat__label { font-family: var(--vdc-font-alt); font-size: 0.9375rem; color: var(--vdc-body); }

/* ------------------------------------------------------------- Single: body */
.vdc-cs .vdc-cs-body { padding: 5rem 0 6rem; }
.vdc-cs .vdc-cs-body__grid { display: grid; grid-template-columns: minmax(0, 1fr) 22.5rem; gap: 6.25rem; align-items: start; }
.vdc-cs .vdc-cs-content { font-size: 0.875rem; line-height: 1.4; font-weight: 300; color: var(--vdc-body); }
.vdc-cs .vdc-cs-content > :first-child { margin-top: 0; }
.vdc-cs .vdc-cs-content h2 { margin: 3rem 0 1.25rem; font-size: 2rem; line-height: 1.2; font-weight: 500; color: var(--vdc-ink); }
.vdc-cs .vdc-cs-content h3 { margin: 2rem 0 1rem; font-size: 1.5rem; line-height: 1.25; font-weight: 500; color: var(--vdc-ink); }
.vdc-cs .vdc-cs-content p { margin: 0 0 2rem; }
.vdc-cs .vdc-cs-content ul, .vdc-cs .vdc-cs-content ol { margin: 0 0 2rem; padding-left: 1.5rem; }
.vdc-cs .vdc-cs-content li { margin-bottom: 0.5rem; }
.vdc-cs .vdc-cs-content a { color: var(--vdc-blue); text-decoration: underline; text-underline-offset: 0.15em; }
.vdc-cs .vdc-cs-content img { display: block; border-radius: 0.375rem; }
.vdc-cs .vdc-cs-content figure { margin: 2.5rem 0; }
.vdc-cs .vdc-cs-content figure:empty, .vdc-cs .vdc-cs-content p:empty, .vdc-cs .vdc-cs-content .wp-block-image:not(:has(img)) { display: none; }
.vdc-cs .vdc-cs-content figcaption { margin-top: 0.75rem; font-size: 0.8125rem; color: var(--vdc-muted); }
.vdc-cs .vdc-cs-content blockquote { margin: 2rem 0; padding-left: 1.5rem; border-left: 0.1875rem solid var(--vdc-blue); }

.vdc-cs .vdc-cs-body__grid > .vdc-cs-details {
	position: -webkit-sticky; position: sticky;
	top: var(--vdc-sticky-top);
	align-self: start;
	max-height: calc(100vh - var(--vdc-sticky-top) - 2rem);
	overflow-y: auto;
	overscroll-behavior: contain;
}
.admin-bar .vdc-cs .vdc-cs-body__grid > .vdc-cs-details { top: calc(var(--vdc-sticky-top) + 2rem); max-height: calc(100vh - var(--vdc-sticky-top) - 4rem); }
.vdc-cs .vdc-cs-details { padding: 1.75rem 1.75rem 2rem; background: var(--vdc-blue-card); border-radius: 0.5rem; color: #fff; }
.vdc-cs h2.vdc-cs-details__title { margin: 0 0 1.25rem; font-size: 1.5rem; line-height: 1.25; font-weight: 500; color: #fff; }
.vdc-cs .vdc-cs-details__list { margin: 0; }
.vdc-cs .vdc-cs-details__row + .vdc-cs-details__row { margin-top: 1.25rem; }
.vdc-cs .vdc-cs-details dt { margin: 0; font-size: 1.125rem; font-weight: 300; color: rgba(255, 255, 255, 0.8); }
.vdc-cs .vdc-cs-details dd { margin: 0.125rem 0 0; font-size: 0.875rem; font-weight: 500; line-height: 1.4; color: #fff; }

/* ---------------------------------------------------------- Single: gallery */
.vdc-cs .vdc-cs-gallery { padding: 2.5rem 0 3rem; background: var(--vdc-tint); }
.vdc-cs .vdc-cs-slider__track {
	--vdc-slide-w: 34rem;
	position: relative; display: flex; gap: 1.5rem; overflow-x: auto; scroll-snap-type: x mandatory;
	scrollbar-width: none; outline-offset: -0.125rem;
}
.vdc-cs .vdc-cs-slider__track::-webkit-scrollbar { display: none; }
.vdc-cs .vdc-cs-slide { flex: 0 0 var(--vdc-slide-w); margin: 0; scroll-snap-align: start; }
.vdc-cs .vdc-cs-slide__img { display: block; width: 100%; aspect-ratio: 61 / 50; object-fit: cover; }
.vdc-cs .vdc-cs-slider__dots { display: flex; justify-content: center; gap: 0.5rem; margin-top: 3.25rem; }
.vdc-cs button.vdc-cs-slider__dot, .vdc-cs button.vdc-cs-slider__dot:hover, .vdc-cs button.vdc-cs-slider__dot:focus { width: 1rem; height: 1rem; min-width: 0; margin: 0; padding: 0; border: 0; border-radius: 62rem; background: #e3e8ec; box-shadow: none; transition: width 0.25s ease, background-color 0.25s ease; cursor: pointer; }
.vdc-cs button.vdc-cs-slider__dot { position: relative; }
.vdc-cs button.vdc-cs-slider__dot::after { content: ""; position: absolute; inset: -0.75rem -0.25rem; }
.vdc-cs button.vdc-cs-slider__dot.is-active, .vdc-cs button.vdc-cs-slider__dot.is-active:hover { width: 3rem; background: var(--vdc-blue-card); }
.vdc-cs button.vdc-cs-slider__dot:focus-visible { outline: 0.125rem solid var(--vdc-blue); outline-offset: 0.125rem; }

/* ------------------------------------------------------- Single: testimonial */
/* Doubled class (.vdc-cs.vdc-cs) so theme / Elementor Kit blockquote, cite and figcaption styles can't win. */
.vdc-cs .vdc-cs-testimonial { padding: 7rem 0; }
.vdc-cs.vdc-cs .vdc-cs-quote { display: flex; flex-direction: column; align-items: center; margin: 0; padding: 0; text-align: center; font-family: var(--vdc-font-alt); font-style: normal; }
.vdc-cs .vdc-cs-quote__stars { display: flex; gap: 1rem; color: var(--vdc-star); }
.vdc-cs .vdc-cs-quote__stars svg { width: 1.25rem; height: 1.25rem; }
.vdc-cs.vdc-cs .vdc-cs-quote blockquote.vdc-cs-quote__text { position: static; max-width: 62rem; margin: 1.5rem auto 0; padding: 0; border: 0; background: none; box-shadow: none; quotes: none; }
.vdc-cs.vdc-cs .vdc-cs-quote blockquote.vdc-cs-quote__text::before, .vdc-cs.vdc-cs .vdc-cs-quote blockquote.vdc-cs-quote__text::after { content: none; display: none; }
.vdc-cs.vdc-cs .vdc-cs-quote blockquote.vdc-cs-quote__text p { margin: 0; padding: 0; font-family: var(--vdc-font-alt); font-size: 2rem; line-height: 1.2; font-weight: 500; font-style: normal; letter-spacing: normal; text-transform: none; text-align: center; color: var(--vdc-ink); }
.vdc-cs.vdc-cs .vdc-cs-quote blockquote.vdc-cs-quote__text p::before, .vdc-cs.vdc-cs .vdc-cs-quote blockquote.vdc-cs-quote__text p::after { content: "\""; display: inline; position: static; font: inherit; color: inherit; }
.vdc-cs.vdc-cs .vdc-cs-quote figcaption.vdc-cs-quote__by { display: flex; align-items: center; gap: 0.75rem; margin: 3rem 0 0; padding: 0; font-family: var(--vdc-font-alt); font-style: normal; color: var(--vdc-ink); text-align: left; }
.vdc-cs.vdc-cs .vdc-cs-quote figcaption.vdc-cs-quote__by::before { content: none; }
.vdc-cs .vdc-cs-quote__avatar { width: 3rem; height: 3rem; border-radius: 50%; object-fit: cover; }
.vdc-cs.vdc-cs .vdc-cs-quote .vdc-cs-quote__name { font-size: 1.25rem; line-height: 1.3; font-weight: 400; font-style: normal; }
.vdc-cs.vdc-cs .vdc-cs-quote .vdc-cs-quote__name:not(:last-child)::after { content: ","; }
.vdc-cs.vdc-cs .vdc-cs-quote .vdc-cs-quote__role { margin-left: -0.5rem; font-size: 0.875rem; line-height: 1.3; font-weight: 400; font-style: normal; }

/* --------------------------------------------------------- Single: takeaways */
.vdc-cs .vdc-cs-takeaways { padding: 6.25rem 0 6rem; background: var(--vdc-navy); color: #fff; }
.vdc-cs h2.vdc-cs-takeaways__title { margin: 0 0 3rem; font-family: var(--vdc-font-alt); font-size: 2.5rem; line-height: 1.2; font-weight: 600; text-align: center; color: #fff; }
.vdc-cs .vdc-cs-takeaways__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; margin: 0; padding: 0; list-style: none; }
.vdc-cs .vdc-cs-takeaway { margin: 0; padding: 2rem; background: rgba(255, 255, 255, 0.1); border-radius: 0.5rem; font-size: 0.9375rem; line-height: 1.4; font-weight: 300; color: #fff; }

/* ---------------------------------------------------------------- Single: FAQ */
.vdc-cs .vdc-cs-faq { padding: 6rem 0 0; }
.vdc-cs .vdc-cs-faq__wrap { max-width: 67rem; }
.vdc-cs h2.vdc-cs-faq__title { margin: 0; font-family: var(--vdc-font-alt); font-size: 2.5rem; line-height: 1.2; font-weight: 600; text-align: center; color: #2d2d2d; }
.vdc-cs .vdc-cs-faq__intro { max-width: 43rem; margin: 2rem auto 0; font-family: var(--vdc-font-alt); font-size: 1rem; line-height: 1.4; text-align: center; color: var(--vdc-body); }
.vdc-cs .vdc-cs-faq__list { display: flex; flex-direction: column; gap: 1.75rem; margin-top: 3rem; }
.vdc-cs .vdc-cs-faq__item { border: 0.0625rem dashed var(--vdc-line); border-radius: 0.75rem; transition: background-color 0.25s ease; }
.vdc-cs .vdc-cs-faq__item.is-open { background: var(--vdc-tint); border-color: var(--vdc-tint); }
.vdc-cs h3.vdc-cs-faq__q { margin: 0; font: inherit; }
.vdc-cs button.vdc-cs-faq__btn, .vdc-cs button.vdc-cs-faq__btn:hover, .vdc-cs button.vdc-cs-faq__btn:focus { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; width: 100%; margin: 0; padding: 2.5rem 2.5rem; border: 0; border-radius: 0.75rem; background: transparent; box-shadow: none; text-align: left; text-transform: none; font-family: inherit; font-size: 1.25rem; line-height: 1.3; font-weight: 500; color: var(--vdc-ink); cursor: pointer; }
.vdc-cs .vdc-cs-faq__item.is-open button.vdc-cs-faq__btn { padding-bottom: 0; }
.vdc-cs button.vdc-cs-faq__btn:focus-visible { outline: 0.125rem solid var(--vdc-blue); outline-offset: -0.125rem; }
.vdc-cs.vdc-cs button.vdc-cs-faq__btn { height: auto; min-height: 0; max-width: 100%; white-space: normal; letter-spacing: normal; line-height: 1.3; }
.vdc-cs.vdc-cs .vdc-cs-faq__btn > span:first-child { flex: 1 1 auto; min-width: 0; white-space: normal; overflow-wrap: anywhere; word-break: normal; }
.vdc-cs.vdc-cs .vdc-cs-faq__icon { position: relative; display: block; flex: 0 0 2.5rem; width: 2.5rem; min-width: 2.5rem; max-width: 2.5rem; height: 2.5rem; min-height: 2.5rem; max-height: 2.5rem; aspect-ratio: 1; margin: 0; padding: 0; border-radius: 50%; background: var(--vdc-navy); }
.vdc-cs .vdc-cs-faq__icon::before, .vdc-cs .vdc-cs-faq__icon::after { content: ""; position: absolute; top: 50%; left: 50%; width: 0.875rem; height: 0.125rem; background: #fff; border-radius: 0.0625rem; transform: translate(-50%, -50%); transition: transform 0.25s ease; }
.vdc-cs .vdc-cs-faq__icon::after { transform: translate(-50%, -50%) rotate(90deg); }
.vdc-cs .vdc-cs-faq__item.is-open .vdc-cs-faq__icon::after { transform: translate(-50%, -50%) rotate(0deg); }
.vdc-cs.vdc-js .vdc-cs-faq__a, .vdc-cs .vdc-js .vdc-cs-faq__a { display: grid; grid-template-rows: 0fr; visibility: hidden; transition: grid-template-rows 0.3s ease, visibility 0s linear 0.3s; }
.vdc-cs.vdc-js .vdc-cs-faq__item.is-open .vdc-cs-faq__a { grid-template-rows: 1fr; visibility: visible; transition-delay: 0s; }
.vdc-cs .vdc-cs-faq__a-inner { min-height: 0; overflow: hidden; padding: 0 2.5rem; font-size: 0.9375rem; line-height: 1.6; font-weight: 300; color: var(--vdc-body); }
.vdc-cs .vdc-cs-faq__a-inner > :first-child { margin-top: 2.25rem; }
.vdc-cs .vdc-cs-faq__a-inner > :last-child { margin-bottom: 2.5rem; }
.vdc-cs .vdc-cs-faq__a-inner p { margin: 0 0 1rem; }

/* ================================================================= Archive */
.vdc-cs-archive { padding: 0; }
.vdc-cs .vdc-cs-archive__layout { display: grid; grid-template-columns: 18rem minmax(0, 1fr); column-gap: 1.5rem; row-gap: 3rem; align-items: start; }
.vdc-cs .vdc-cs-filter { grid-column: 1; grid-row: 1; }
.vdc-cs .vdc-cs-archive__featured { grid-column: 2; grid-row: 1; min-width: 0; }
.vdc-cs .vdc-cs-archive__results { grid-column: 1 / -1; grid-row: 2; min-width: 0; }
.vdc-cs[data-layout="split"] .vdc-cs-archive__featured { display: none; }
.vdc-cs[data-layout="split"] .vdc-cs-archive__results { grid-column: 2; grid-row: 1 / span 2; }

/* Sidebar */
.vdc-cs .vdc-cs-search { position: relative; }
.vdc-cs .vdc-cs-search .vdc-cs-ico { position: absolute; top: 50%; left: 1rem; width: 1.375rem; height: 1.375rem; color: var(--vdc-ink); transform: translateY(-50%); pointer-events: none; }
.vdc-cs input[type="search"].vdc-cs-search__input { display: block; width: 100%; height: 3rem; margin: 0; padding: 0 1rem 0 3.75rem; border: 0.0625rem solid #cfd8df; border-radius: 0.5rem; background: #fff; box-shadow: none; font-family: inherit; font-size: 0.9375rem; color: var(--vdc-ink); -webkit-appearance: none; appearance: none; }
.vdc-cs input[type="search"].vdc-cs-search__input::placeholder { color: #9aa5ad; opacity: 1; }
.vdc-cs input[type="search"].vdc-cs-search__input:focus { outline: 0.125rem solid var(--vdc-blue); outline-offset: 0; border-color: var(--vdc-blue); }
.vdc-cs .vdc-cs-filter__title { display: flex; align-items: center; gap: 0.75rem; margin: 1.5rem 0 1.25rem; font-size: 1.125rem; line-height: 1.3; font-weight: 500; color: #2d2d2d; }
.vdc-cs .vdc-cs-filter__title .vdc-cs-ico { width: 1.25rem; height: 1.25rem; }
.vdc-cs .vdc-cs-groups { display: flex; flex-direction: column; gap: 0.75rem; margin: 0; padding: 0; list-style: none; }
.vdc-cs .vdc-cs-groups > li { margin: 0; }
.vdc-cs button.vdc-cs-group, .vdc-cs button.vdc-cs-group:hover, .vdc-cs button.vdc-cs-group:focus { display: block; width: 100%; min-height: 3rem; margin: 0; padding: 0.75rem 1rem; border: 0; border-radius: 0.5rem; background: transparent; box-shadow: none; text-align: left; text-transform: none; font-family: inherit; font-size: 1rem; line-height: 1.3; font-weight: 400; color: #3d3d3d; cursor: pointer; transition: background-color 0.2s ease, color 0.2s ease; }
.vdc-cs button.vdc-cs-group:hover { background: var(--vdc-tint); }
.vdc-cs button.vdc-cs-group.is-active, .vdc-cs button.vdc-cs-group.is-active:hover, .vdc-cs button.vdc-cs-group.is-active:focus { background: var(--vdc-blue); color: #fff; }
.vdc-cs button.vdc-cs-group:focus-visible { outline: 0.125rem solid var(--vdc-blue); outline-offset: 0.125rem; }
.vdc-cs .vdc-cs-terms { display: flex; flex-direction: column; gap: 0.25rem; padding: 0.75rem 0.5rem 0.25rem 1rem; }
.vdc-cs .vdc-cs-terms[hidden] { display: none; }
.vdc-cs .vdc-cs-term { display: flex; align-items: center; gap: 0.75rem; padding: 0.375rem 0; font-size: 0.9375rem; line-height: 1.3; color: #3d3d3d; cursor: pointer; }
.vdc-cs .vdc-cs-term input { flex: none; width: 1.125rem; height: 1.125rem; margin: 0; accent-color: var(--vdc-blue); }
.vdc-cs .vdc-cs-term__name { flex: 1; }
.vdc-cs .vdc-cs-term__count { font-size: 0.8125rem; color: var(--vdc-muted); }

/* Cards */
.vdc-cs .vdc-cs-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3rem 1.25rem; }
.vdc-cs .vdc-cs-card { position: relative; display: flex; flex-direction: column; min-width: 0; overflow: hidden; background: var(--vdc-tint); border-radius: 0.25rem; box-shadow: 0 0.125rem 0.375rem rgba(2, 41, 70, 0.1); }
.vdc-cs .vdc-cs-card__media { display: block; aspect-ratio: 1.36 / 1; background: #e6edf2; overflow: hidden; }
.vdc-cs .vdc-cs-card__img { display: block; width: 100%; height: 100%; object-fit: cover; }
.vdc-cs .vdc-cs-card__ph { display: block; width: 100%; height: 100%; }
.vdc-cs .vdc-cs-card__body { position: relative; display: flex; flex-direction: column; flex: 1; padding: 1.75rem; }
.vdc-cs h3.vdc-cs-card__title { margin: 0; font-size: 1.625rem; line-height: 1.2; font-weight: 700; color: var(--vdc-navy); }
.vdc-cs .vdc-cs-card__title a, .vdc-cs .vdc-cs-card__title a:visited { color: inherit; text-decoration: none; transition: color 0.2s ease; }
.vdc-cs .vdc-cs-card__title a:hover, .vdc-cs .vdc-cs-card__title a:focus { color: inherit; text-decoration: none; }
.vdc-cs .vdc-cs-card__tags { margin: 1rem 0 0; font-size: 1.0625rem; line-height: 1.4; font-weight: 400; color: #3d3d3d; }
.vdc-cs .vdc-cs-card__excerpt { margin: 1rem 0 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 1rem; line-height: 1.55; font-weight: 300; color: #666; }
.vdc-cs a.vdc-cs-card__link, .vdc-cs a.vdc-cs-card__link:visited, .vdc-cs a.vdc-cs-card__link:hover, .vdc-cs a.vdc-cs-card__link:focus { color: var(--vdc-blue); text-decoration: none; box-shadow: none; }
/* Hover: underline the label only (not the arrow), colour unchanged */
.vdc-cs a.vdc-cs-card__link > span:first-child { text-decoration: none; text-underline-offset: 0.2em; text-decoration-thickness: 0.0625rem; }
.vdc-cs a.vdc-cs-card__link:hover > span:first-child, .vdc-cs a.vdc-cs-card__link:focus-visible > span:first-child { text-decoration: underline; }
.vdc-cs a.vdc-cs-card__link { position: relative; }
.vdc-cs a.vdc-cs-card__link::after { content: ""; position: absolute; inset: -0.75rem -0.5rem; }
.vdc-cs a.vdc-cs-card__link { display: inline-flex; align-items: center; gap: 0.75rem; margin-top: 1.5rem; align-self: flex-start; font-size: 0.875rem; line-height: 1.3; font-weight: 600; color: var(--vdc-blue); text-decoration: none; }
.vdc-cs a.vdc-cs-card__link:hover .vdc-cs-ico { transform: translate(0.125rem, -0.125rem); }
.vdc-cs a.vdc-cs-card__link .vdc-cs-ico { transition: transform 0.2s ease; }
.vdc-cs a.vdc-cs-card__link:focus-visible, .vdc-cs .vdc-cs-card__title a:focus-visible, .vdc-cs a.vdc-cs-card__arrow:focus-visible { outline: 0.125rem solid var(--vdc-blue); outline-offset: 0.25rem; }

/* Featured card */
.vdc-cs .vdc-cs-card--featured .vdc-cs-card__media { aspect-ratio: 2.12 / 1; }
.vdc-cs .vdc-cs-card--featured .vdc-cs-card__body { padding: 2rem 2rem 2.25rem; }
.vdc-cs .vdc-cs-card--featured h3.vdc-cs-card__title { padding-right: 4.5rem; font-size: 2.25rem; line-height: 1.15; }
.vdc-cs .vdc-cs-card--featured .vdc-cs-card__tags { margin-top: 0.75rem; font-size: 1.25rem; }
.vdc-cs .vdc-cs-card--featured .vdc-cs-card__excerpt { margin-top: 1.25rem; -webkit-line-clamp: 4; font-size: 1.0625rem; }
.vdc-cs a.vdc-cs-card__arrow { position: absolute; top: 2rem; right: 2rem; display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: 50%; background: var(--vdc-blue); color: #fff; transition: transform 0.2s ease, background-color 0.2s ease; }
.vdc-cs a.vdc-cs-card__arrow:hover { background: var(--vdc-navy); transform: translate(0.125rem, -0.125rem); }
.vdc-cs a.vdc-cs-card__arrow .vdc-cs-ico { width: 1.25rem; height: 1.25rem; }

/* Empty / error / load more */
.vdc-cs .vdc-cs-empty, .vdc-cs .vdc-cs-error { padding: 3rem 1.5rem; text-align: center; font-size: 1.0625rem; background: var(--vdc-tint); border-radius: 0.5rem; grid-column: 1 / -1; }
.vdc-cs .vdc-cs-empty[hidden] { display: none; }
.vdc-cs .vdc-cs-empty p, .vdc-cs .vdc-cs-error p { margin: 0 0 1rem; }
.vdc-cs button.vdc-cs-linkbtn, .vdc-cs button.vdc-cs-linkbtn:hover, .vdc-cs button.vdc-cs-linkbtn:focus { padding: 0; border: 0; background: none; box-shadow: none; font-family: inherit; font-size: 1rem; font-weight: 600; text-transform: none; color: var(--vdc-blue); text-decoration: underline; cursor: pointer; }
.vdc-cs .vdc-cs-more { display: flex; justify-content: center; margin-top: 3rem; }
.vdc-cs .vdc-cs-more[hidden] { display: none; }
.vdc-cs button.vdc-cs-more__btn, .vdc-cs button.vdc-cs-more__btn:hover, .vdc-cs button.vdc-cs-more__btn:focus { display: inline-flex; align-items: center; gap: 0.75rem; min-height: 3rem; padding: 0.75rem 2rem; border: 0.0625rem solid var(--vdc-blue); border-radius: 0.5rem; background: #fff; box-shadow: none; font-family: inherit; font-size: 1rem; font-weight: 600; text-transform: none; color: var(--vdc-blue); cursor: pointer; }
.vdc-cs button.vdc-cs-more__btn:hover { background: var(--vdc-blue); color: #fff; }
.vdc-cs button.vdc-cs-more__btn:disabled { opacity: 0.8; cursor: progress; }
.vdc-cs .vdc-cs-spinner { display: none; width: 1.125rem; height: 1.125rem; border: 0.1875rem solid currentColor; border-right-color: transparent; border-radius: 50%; animation: vdc-spin 0.7s linear infinite; }
.vdc-cs .vdc-cs-more__btn.is-loading .vdc-cs-spinner { display: inline-block; }

/* Loading skeleton (shown whenever results are being fetched) */
.vdc-cs .vdc-cs-skel { background: linear-gradient(90deg, #e6edf2 25%, #f3f7fa 50%, #e6edf2 75%); background-size: 200% 100%; animation: vdc-shimmer 1.2s linear infinite; border-radius: 0.25rem; }
.vdc-cs .vdc-cs-card--skel .vdc-cs-card__media { background: none; }
.vdc-cs .vdc-cs-card--skel .vdc-cs-card__media.vdc-cs-skel { border-radius: 0; }
.vdc-cs .vdc-cs-skel--title { width: 60%; height: 1.75rem; }
.vdc-cs .vdc-cs-skel--line { width: 100%; height: 1rem; margin-top: 1rem; }
.vdc-cs .vdc-cs-skel--short { width: 70%; margin-top: 0.5rem; }
.vdc-cs.is-loading .vdc-cs-filter { opacity: 0.85; }
@keyframes vdc-shimmer { to { background-position: -200% 0; } }
@keyframes vdc-spin { to { transform: rotate(360deg); } }

/* ============================================================ Responsive */
@media (max-width: 63.9375rem) {
	.vdc-cs .vdc-cs-body__grid { grid-template-columns: minmax(0, 1fr); gap: 3rem; }
	.vdc-cs .vdc-cs-body__grid > .vdc-cs-details, .admin-bar .vdc-cs .vdc-cs-body__grid > .vdc-cs-details { position: static; max-height: none; overflow: visible; }
	.vdc-cs .vdc-cs-takeaways__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.vdc-cs .vdc-cs-archive__layout, .vdc-cs[data-layout="split"] .vdc-cs-archive__layout { grid-template-columns: minmax(0, 1fr); }
	.vdc-cs .vdc-cs-filter, .vdc-cs .vdc-cs-archive__featured, .vdc-cs .vdc-cs-archive__results,
	.vdc-cs[data-layout="split"] .vdc-cs-archive__results { grid-column: 1; grid-row: auto; }
	.vdc-cs .vdc-cs-groups { flex-direction: row; flex-wrap: wrap; align-items: flex-start; }
	.vdc-cs .vdc-cs-groups > li { flex: 0 1 auto; }
	.vdc-cs .vdc-cs-groups > li:has(> .vdc-cs-terms:not([hidden])) { flex-basis: 100%; }
	.vdc-cs button.vdc-cs-group, .vdc-cs button.vdc-cs-group:hover, .vdc-cs button.vdc-cs-group:focus { width: auto; }
}
@media (max-width: 48rem) {
	.vdc-cs h1.vdc-cs-hero__title { font-size: 2.25rem; }
	.vdc-cs .vdc-cs-stats { padding-top: 3rem; }
	.vdc-cs .vdc-cs-stats__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
	.vdc-cs .vdc-cs-stat { min-height: 8rem; }
	.vdc-cs .vdc-cs-stat__value { font-size: 2rem; }
	.vdc-cs .vdc-cs-body { padding: 3rem 0 4rem; }
	.vdc-cs .vdc-cs-content h2 { font-size: 1.625rem; }
	.vdc-cs .vdc-cs-slider__track { --vdc-slide-w: 80%; }
	.vdc-cs .vdc-cs-testimonial { padding: 4rem 0; }
	.vdc-cs.vdc-cs .vdc-cs-quote blockquote.vdc-cs-quote__text p { font-size: 1.375rem; }
	.vdc-cs .vdc-cs-takeaways { padding: 4rem 0; }
	.vdc-cs h2.vdc-cs-takeaways__title, .vdc-cs h2.vdc-cs-faq__title { font-size: 2rem; }
	.vdc-cs .vdc-cs-takeaways__list { grid-template-columns: minmax(0, 1fr); }
	.vdc-cs .vdc-cs-faq { padding: 4rem 0 0; }
	.vdc-cs button.vdc-cs-faq__btn, .vdc-cs button.vdc-cs-faq__btn:hover, .vdc-cs button.vdc-cs-faq__btn:focus { padding: 1.5rem; font-size: 1.0625rem; }
	.vdc-cs .vdc-cs-faq__a-inner { padding: 0 1.5rem; }
	.vdc-cs .vdc-cs-faq__a-inner > :first-child { margin-top: 1.25rem; }
	.vdc-cs .vdc-cs-grid { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
	.vdc-cs .vdc-cs-card--featured h3.vdc-cs-card__title { font-size: 1.75rem; padding-right: 3.5rem; }
	.vdc-cs .vdc-cs-card__body, .vdc-cs .vdc-cs-card--featured .vdc-cs-card__body { padding: 1.5rem; }
	.vdc-cs a.vdc-cs-card__arrow { top: 1.5rem; right: 1.5rem; width: 2.75rem; height: 2.75rem; }
	.vdc-cs h3.vdc-cs-card__title { font-size: 1.375rem; }
	.vdc-cs .vdc-cs-card__tags, .vdc-cs .vdc-cs-card--featured .vdc-cs-card__tags { font-size: 0.9375rem; }
	.vdc-cs .vdc-cs-card__excerpt, .vdc-cs .vdc-cs-card--featured .vdc-cs-card__excerpt { font-size: 0.9375rem; }
	.vdc-cs .vdc-cs-content { font-size: 0.9375rem; line-height: 1.55; }
	.vdc-cs .vdc-cs-content p { margin-bottom: 1.5rem; }
	.vdc-cs .vdc-cs-hero__intro { font-size: 1rem; }
	.vdc-cs .vdc-cs-hero__media { margin-top: 2rem; }
	.vdc-cs .vdc-cs-details { padding: 1.5rem; }
	.vdc-cs .vdc-cs-quote__by { flex-wrap: wrap; justify-content: center; }
	.vdc-cs .vdc-cs-slider__dots { margin-top: 2rem; }
}
@media (max-width: 30rem) {
	.vdc-cs h1.vdc-cs-hero__title { font-size: 1.875rem; line-height: 1.15; }
	.vdc-cs .vdc-cs-stat { padding: 1.5rem 0.75rem; min-height: 7rem; }
	.vdc-cs .vdc-cs-stat__value { font-size: 1.75rem; }
	.vdc-cs .vdc-cs-stat__label { font-size: 0.8125rem; }
	.vdc-cs .vdc-cs-slider__track { --vdc-slide-w: 85%; gap: 1rem; }
	.vdc-cs.vdc-cs .vdc-cs-quote blockquote.vdc-cs-quote__text p { font-size: 1.25rem; line-height: 1.3; }
	.vdc-cs .vdc-cs-takeaway { padding: 1.5rem; }
	.vdc-cs button.vdc-cs-faq__btn, .vdc-cs button.vdc-cs-faq__btn:hover, .vdc-cs button.vdc-cs-faq__btn:focus { padding: 1.25rem; font-size: 1rem; gap: 1rem; }
	.vdc-cs.vdc-cs .vdc-cs-faq__icon { flex-basis: 2rem; width: 2rem; min-width: 2rem; max-width: 2rem; height: 2rem; min-height: 2rem; max-height: 2rem; }
	.vdc-cs .vdc-cs-faq__a-inner { padding: 0 1.25rem; }
	.vdc-cs .vdc-cs-faq__a-inner > :last-child { margin-bottom: 1.5rem; }
}
@media (prefers-reduced-motion: reduce) {
	.vdc-cs *, .vdc-cs *::before, .vdc-cs *::after { transition-duration: 0.001ms !important; scroll-behavior: auto !important; }
	.vdc-cs .vdc-cs-skel { animation: none; }
}