/*
Generated time: July 1, 2025 04:52
This file was created by the app developer. Feel free to contact the original developer with any questions. It was minified (compressed) by AVADA. AVADA do NOT own this script.
*/
.-blog-mx-2{margin-right:calc(2 * var(--space-unit) * -1);margin-left:calc(2 * var(--space-unit) * -1)}.blog-gap-y-12{row-gap:calc(12 * var(--space-unit))}@media (min-width:768px){.featured-card{margin-right:0;margin-left:0}}@media (min-width:769px){.md\:blog-mb-6{margin-bottom:calc(6 * var(--space-unit))}}@media (min-width:1024px){.lg\:blog-text-lg{font-size:1.8rem}.lg\:blog-mb-6{margin-bottom:calc(6 * var(--space-unit))}.lg\:blog-gap-y-16{row-gap:calc(16 * var(--space-unit))}.lg\:blog-mb-16{margin-bottom:calc(16 * var(--space-unit))}.lg\:blog-mt-16{margin-top:calc(16 * var(--space-unit))}}@media (min-width:1280px){.featured-card .card.color-scheme .card__info{padding:calc(12 * var(--space-unit))}}

/* ==========================================================================
   Blog listing & related-articles redesign
   Scoped to .cc-main-blog / .featured-card / related-articles only —
   these selectors never appear on product or page templates.
   ========================================================================== */

.cc-main-blog .card__title,
.featured-card .card__title,
related-articles .card__title {
  margin-bottom: 0.5em;
  line-height: 1.3;
}

.cc-main-blog .card--article:not(.card--featured) .card__title {
  font-size: var(--h5-font-size);
}

.cc-main-blog .card__info p,
related-articles .card__info p {
  color: rgba(var(--text-color) / 0.75);
  line-height: 1.55;
}

.cc-main-blog .card__tags,
related-articles .card__tags,
.featured-card .card__tags {
  font-weight: 700;
  letter-spacing: 0.02em;
}

/* Featured (latest) post card: bigger, magazine-style heading */
.featured-card .card__title {
  font-size: var(--h3-font-size);
  line-height: 1.2;
}
.featured-card .card__info p:not(.card__tags):not(.text-theme-light) {
  font-size: 1.1em;
  line-height: 1.6;
}

/* Article cards get the same soft image radius as in-article images */
.cc-main-blog .card--article .media img,
related-articles .card--article .media img,
.featured-card .card--article .media img {
  border-radius: 8px;
}