/**
 * Shortcode [bdz_blog]: Breakdance tokens (--bde-*).
 * Section has no outer padding and no section fill (transparent) so the page shows through;
 * 15px inset only inside cards (shadow → frame, text block).
 * Layout/sizing in this file uses px (not rem/em) unless inheriting from Breakdance vars.
 */
.bdz-blog-section {
  /**
   * Card inset: gap between shadow and #51648e frame + text padding under image.
   * Project uses 15px; exported Classes may still show 12px (uploads/.../selectors.css).
   */
  --bdz-service-card-inset: 15px;

  box-sizing: border-box;
  width: 100%;
  overflow: visible;
  padding: 0;
  background-color: transparent;
  color: var(--bde-body-text-color, #5a5a68);
  font-family: var(--bde-body-font-family, system-ui, sans-serif);
  font-size: var(--bde-body-font-size, 16px);
  line-height: 1.68;
}

.bdz-blog-section *,
.bdz-blog-section *::before,
.bdz-blog-section *::after {
  box-sizing: border-box;
}

.bdz-blog-section__inner {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

.bdz-blog-section__header {
  margin-bottom: clamp(24px, 16px + 2vw, 40px);
  text-align: center;
}

.bdz-blog-section__title {
  margin: 0;
  font-family: var(--bde-heading-font-family, inherit);
  font-size: var(--bde-h3-font-size, 24px);
  font-weight: 800;
  line-height: 1.3;
  color: var(--bde-headings-color, #263559);
}

.bdz-blog-section__subtitle {
  margin: 12px 0 0;
  max-width: 672px;
  margin-left: auto;
  margin-right: auto;
  opacity: 0.92;
}

.bdz-blog-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr;
  overflow: visible;
  width: 100%;
}

@media (min-width: 600px) {
  .bdz-blog-grid--cols-2,
  .bdz-blog-grid--cols-3,
  .bdz-blog-grid--cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 960px) {
  .bdz-blog-grid--cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .bdz-blog-grid--cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .bdz-blog-grid--cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/*
 * [bdz_blog] columns=3: zapytanie ma 4 wpisy — 4. kafelek domyślnie ukryty (szer. >1024px, jak desktop Breakdance).
 * Telefon portret (≤600px, wąski): 1 kolumna, 3 wpisy.
 * Tablet portrait Breakdance: szer. viewport ≤1023px i ≥600px (bez wąskiego telefonu) — 2×2, 4 wpisy.
 * Telefon poziom (≤600px, landscape): 2×2, 4 wpisy.
 * nth-of-type(4): między <article> są węzły #text, nth-child(4) nie działał.
 */
.bdz-blog-section--mobile-2x2 .bdz-blog-grid--cols-3 > article:nth-of-type(4) {
  display: none;
}

@media (max-width: 599.98px) and (orientation: portrait) {
  .bdz-blog-section--mobile-2x2 .bdz-blog-grid--cols-3 {
    grid-template-columns: 1fr !important;
  }

  .bdz-blog-section--mobile-2x2 .bdz-blog-grid--cols-3 > article:nth-of-type(4) {
    display: none;
  }
}

@media (min-width: 600px) and (max-width: 1023.98px) {
  .bdz-blog-section--mobile-2x2 .bdz-blog-grid--cols-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .bdz-blog-section--mobile-2x2 .bdz-blog-grid--cols-3 > article:nth-of-type(4) {
    display: block !important;
  }
}

@media (max-width: 599.98px) and (orientation: landscape) {
  .bdz-blog-section--mobile-2x2 .bdz-blog-grid--cols-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .bdz-blog-section--mobile-2x2 .bdz-blog-grid--cols-3 > article:nth-of-type(4) {
    display: block !important;
  }
}

/**
 * Card classes match Breakdance → Classes (selectors.css).
 * Rules below mirror .breakdance … when the shortcode renders outside that wrapper.
 */

.bdz-blog-section .up-on-hover-001-trigger .up-on-hover-001 {
  transition: transform 0.4s ease-in-out;
}

.bdz-blog-section .up-on-hover-001-trigger:hover .up-on-hover-001 {
  transform: translateY(-4px);
}

/* Card surface: same inset as text block (--bdz-service-card-inset on section). */
.bdz-blog-section .bdz-blog-card__surface.services-cards-style-002 {
  flex-grow: 1;
  padding: var(--bdz-service-card-inset, 15px);
  box-shadow: 0px 2px 8px 0px #00000030;
  transition: all 400ms ease-in-out !important;
}

.bdz-blog-section .bdz-blog-card__surface.services-cards-style-002:hover {
  box-shadow: 0px 2px 10px 0px #51648e;
}

.bdz-blog-section .bdz-blog-card--case-study .bdz-blog-card__surface.services-cards-style-002:hover {
  box-shadow: 0px 2px 10px 0px var(--bde-palette-color-15, #5a5a68);
}

.bdz-blog-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0;
  overflow: visible;
}

.bdz-blog-card__surface {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  background: var(--bde-palette-color-12, #fff);
  box-sizing: border-box;
}

/* One stretched link wraps image + body (no nested <a>); title id is aria-labelledby target */
.bdz-blog-card__link {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  width: 100%;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  outline: none;
}

.bdz-blog-card__link:focus-visible {
  outline: 2px solid var(--bde-palette-color-16, #51648e);
  outline-offset: 2px;
}

/* Frame border: Breakdance palette --bde-palette-color-16 (#51648e) */
.bdz-blog-card__frame {
  width: 100%;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  border: 2px solid var(--bde-palette-color-16, #51648e);
}

.bdz-blog-card__media {
  display: block;
  width: 100%;
  flex-shrink: 0;
  position: relative;
  aspect-ratio: 16 / 10;
  background: var(--grey-100, #f3f4f6);
  overflow: hidden;
}

/* Case studies: obraz niższy + „text dark” (#5A5A68) na ramce i pillu (odróżnienie od blogu / secondary) */
.bdz-blog-card--case-study .bdz-blog-card__media {
  aspect-ratio: 16 / 9;
}

.bdz-blog-card--case-study .bdz-blog-card__frame {
  border-color: var(--bde-palette-color-15, #5a5a68);
}

.bdz-blog-card--case-study .bdz-blog-card__badge {
  background: var(--bde-palette-color-15, #5a5a68);
}

.bdz-blog-card--case-study .bdz-blog-card__link:focus-visible {
  outline-color: var(--bde-palette-color-15, #5a5a68);
}

/*
 * Cover w stałym aspect-ratio. Wyższa specyficzność niż `.breakdance img { height: auto }`
 * (global-settings.css) — inaczej pod obrazkiem widać szary pasek tła `.bdz-blog-card__media`.
 */
.bdz-blog-section .bdz-blog-card__media .bdz-blog-card__img,
.bdz-blog-section .bdz-blog-card__media > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  display: block;
}
.bdz-blog-card__badge {
  position: absolute;
  z-index: 2;
  max-width: calc(100% - 16px);
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 400;
  color: #fff;
  background: var(--bde-palette-color-16, #51648e);
  font-family: var(--ywf--family-rubik, var(--bde-body-font-family, Rubik, system-ui, sans-serif));
  text-align: left;
  pointer-events: none;
}

/* Blog: bottom-right on image; round top-left corner of the pill */
.bdz-blog-card__badge--blog-br {
  bottom: 0;
  right: 0;
  border-radius: 8px 0 0 0;
}

/* Case studies: top-left on image; round bottom-right corner of the pill */
.bdz-blog-card__badge--case-tl {
  top: 0;
  left: 0;
  border-radius: 0 0 8px 0;
}

.bdz-blog-card__placeholder {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: var(--grey-500, #6b7280);
  background: linear-gradient(
    135deg,
    var(--grey-100, #f3f4f6) 0%,
    var(--grey-200, #e5e7eb) 100%
  );
}

/* Fills space under image; flex column so the text-button can sit bottom-left like other site cards */
.bdz-blog-card__text-wrap {
  width: 100%;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: var(--bdz-service-card-inset, 15px);
  /* Nadpisuje text-align: center z nadrzędnej sekcji Breakdance */
  text-align: left;
}

.bdz-blog-card__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  align-items: stretch;
  padding: 0;
  margin: 0;
  text-align: left;
}

.bdz-blog-card__meta {
  font-size: 14px;
  color: var(--bde-palette-color-16, #51648e);
  margin-bottom: 4px;
  text-align: left;
}

/*
 * Tytuł karty: preset „Heading XS Bold” (zmienne jak H5/H6).
 * Musi wygrać z `.breakdance h3 { font-size: var(--preset-id-c92c20f9-…-font-size) }` z global-settings —
 * tam semantyczne H3 są duże; karty używają <h3> tylko dla hierarchii, więc podnosimy specyficzność.
 */
.breakdance h3.bdz-blog-card__title,
.bdz-blog-card__title {
  margin: 0 0 10px;
  font-family: var(--bde-heading-font-family, inherit);
  font-size: var(
    --preset-id-c691558f-b46c-4e0b-9820-5ff59e668821-font-size,
    clamp(1.13rem, 1.05rem + 0.37vw, 1.38rem)
  );
  font-weight: var(--preset-id-c691558f-b46c-4e0b-9820-5ff59e668821-font-weight, 800);
  line-height: 1.3;
  text-align: left;
}

.bdz-blog-card__link .bdz-blog-card__title {
  color: var(--bde-headings-color, #263559);
  transition: color var(--bde-transition-duration, 400ms) ease;
}

.bdz-blog-card__link:hover .bdz-blog-card__title {
  color: var(--bde-links-color-hover, var(--bde-headings-color, #263559));
}

.bdz-blog-card__excerpt {
  margin: 0 0 16px;
  flex: 1;
  font-size: 15px;
  text-align: left;
}

/* Bottom-left CTA: same pattern as other card components on this project */
.bdz-blog-card__more-wrap {
  margin-top: auto;
  align-self: flex-start;
  width: fit-content;
  max-width: 100%;
}

/**
 * Text button style 01 — mirror of uploads/breakdance/css/presets.css
 * (.breakdance .bde-preset-3443420e-…) scoped to shortcodes without a .breakdance wrapper.
 * Also used by [bdz_opinie] „Read more” (same preset class as BDZ_BLOG_TEXT_BUTTON_PRESET_01).
 */
.bdz-blog-section .bde-preset-3443420e-87e7-4c39-a80d-ffd71b82c1e3 .bde-button__button .button-atom__icon-wrapper,
.bdz-opinie .bde-preset-3443420e-87e7-4c39-a80d-ffd71b82c1e3 .bde-button__button .button-atom__icon-wrapper {
  --spaceBeforeArrow: 8px;
  --hoverTranslate: 0px;
  margin-left: var(--spaceBeforeArrow);
  font-size: 8px;
}

.bdz-blog-section .bde-preset-3443420e-87e7-4c39-a80d-ffd71b82c1e3 .bde-button__button svg,
.bdz-opinie .bde-preset-3443420e-87e7-4c39-a80d-ffd71b82c1e3 .bde-button__button svg {
  transition: transform 0.3s ease;
  position: relative;
  font-size: inherit;
  margin-left: 2px;
  fill: currentColor;
  stroke: currentColor;
  stroke-width: 0;
}

.bdz-blog-section .bde-preset-3443420e-87e7-4c39-a80d-ffd71b82c1e3 .bde-button__button:hover svg,
.bdz-opinie .bde-preset-3443420e-87e7-4c39-a80d-ffd71b82c1e3 .bde-button__button:hover svg {
  transform: translate3d(var(--hoverTranslate), 0, 0);
}

.bdz-blog-section .bde-preset-3443420e-87e7-4c39-a80d-ffd71b82c1e3 .bde-button__button,
.bdz-opinie .bde-preset-3443420e-87e7-4c39-a80d-ffd71b82c1e3 .bde-button__button {
  position: relative;
  color: var(--bde-palette-color-17, #b28c50);
  font-family: var(--ywf--family-inter, var(--bde-heading-font-family, Inter, system-ui, sans-serif));
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  --fancyUnderlineColor: currentColor;
}

.bdz-blog-section .bde-preset-3443420e-87e7-4c39-a80d-ffd71b82c1e3 .bde-button__button:hover,
.bdz-opinie .bde-preset-3443420e-87e7-4c39-a80d-ffd71b82c1e3 .bde-button__button:hover {
  color: var(--bde-palette-color-16, #51648e);
  text-decoration: none;
}

/* CTA w karcie to <span> — ten sam efekt hover co przy <a>, ale reagujący na hover całego linku karty */
.bdz-blog-card__link:hover .bde-preset-3443420e-87e7-4c39-a80d-ffd71b82c1e3 .bde-button__button {
  color: var(--bde-palette-color-16, #51648e);
  text-decoration: none;
}

.bdz-blog-card__link:hover .bde-preset-3443420e-87e7-4c39-a80d-ffd71b82c1e3 .bde-button__button svg {
  transform: translate3d(var(--hoverTranslate, 0px), 0, 0);
}

.bdz-blog-card__link:hover .bde-preset-3443420e-87e7-4c39-a80d-ffd71b82c1e3 .bde-button__button::before {
  transition-delay: 0s;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-timing-function: cubic-bezier(0.2, 0, 0.3, 1);
}

.bdz-blog-section .bde-preset-3443420e-87e7-4c39-a80d-ffd71b82c1e3 .bde-button__button::before,
.bdz-opinie .bde-preset-3443420e-87e7-4c39-a80d-ffd71b82c1e3 .bde-button__button::before {
  content: "";
}

.bdz-blog-section .bde-preset-3443420e-87e7-4c39-a80d-ffd71b82c1e3 .bde-button__button::before,
.bdz-blog-section .bde-preset-3443420e-87e7-4c39-a80d-ffd71b82c1e3 .bde-button__button::after,
.bdz-opinie .bde-preset-3443420e-87e7-4c39-a80d-ffd71b82c1e3 .bde-button__button::before,
.bdz-opinie .bde-preset-3443420e-87e7-4c39-a80d-ffd71b82c1e3 .bde-button__button::after {
  position: absolute;
  width: 100%;
  height: 1px;
  background: currentColor;
  top: 110%;
  left: 0;
  pointer-events: none;
}

.bdz-blog-section .bde-preset-3443420e-87e7-4c39-a80d-ffd71b82c1e3 .bde-button__button::before,
.bdz-opinie .bde-preset-3443420e-87e7-4c39-a80d-ffd71b82c1e3 .bde-button__button::before {
  opacity: 0;
  transform-origin: 50% 0%;
  transform: translate3d(0, 3px, 0);
  transition-property: transform, opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.8, 1);
  transition-delay: 0.1s;
}

.bdz-blog-section .bde-preset-3443420e-87e7-4c39-a80d-ffd71b82c1e3 .bde-button__button:hover::before,
.bdz-opinie .bde-preset-3443420e-87e7-4c39-a80d-ffd71b82c1e3 .bde-button__button:hover::before {
  transition-delay: 0s;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-timing-function: cubic-bezier(0.2, 0, 0.3, 1);
}

/* [bdz_opinie]: ten sam atom co link w blogu, ale <button> — reset domyślnych stylów przeglądarki */
.bdz-opinie .bde-preset-3443420e-87e7-4c39-a80d-ffd71b82c1e3 button.bde-button__button {
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  text-align: start;
  line-height: 1.2;
}

.bdz-opinie .bde-preset-3443420e-87e7-4c39-a80d-ffd71b82c1e3 button.bde-button__button:focus-visible {
  outline: 2px solid var(--bde-palette-color-16, #51648e);
  outline-offset: 2px;
}

.bdz-blog-section__footer {
  margin-top: clamp(28px, 20px + 1.5vw, 40px);
  text-align: center;
}

.bdz-blog-section__archive {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-family: var(--bde-heading-font-family, inherit);
  font-size: var(--bde-body-font-size, 16px);
  line-height: 1;
  text-decoration: none;
  padding: 12px 24px;
  border-radius: 2px;
  border: 3px solid var(--bde-palette-color-17, #b28c50);
  color: var(--bde-palette-color-17, #b28c50);
  background: transparent;
  transition: color var(--bde-transition-duration, 400ms) ease,
    border-color var(--bde-transition-duration, 400ms) ease;
}

.bdz-blog-section__archive:hover {
  color: var(--bde-palette-color-16, #51648e);
  border-color: var(--bde-palette-color-16, #51648e);
}

/* [bdz_blog_archive]: przyciski kategorii nad siatką (sekcja --archive) */
.bdz-blog-section--archive .bdz-blog-archive__filters {
  width: 100%;
  margin-bottom: clamp(20px, 14px + 1.2vw, 36px);
  text-align: left;
  border: 0;
  box-shadow: none;
  outline: none;
  background: transparent;
}

.bdz-blog-section--archive .bdz-blog-archive__filter-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 10px 12px;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0;
  box-shadow: none;
  background: transparent;
}

.bdz-blog-section--archive .bdz-blog-archive__filter-list li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.bdz-blog-archive__filter-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.5em;
  padding: 0.45em 1.1em;
  font-family: var(--bde-heading-font-family, inherit);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  text-align: center;
  color: var(--bde-headings-color, #263559);
  border: 2px solid var(--bde-palette-color-16, #51648e);
  border-radius: 4px;
  background: transparent;
  cursor: pointer;
  transition: color 450ms ease, border-color 450ms ease, background-color 450ms ease;
}

/* Breakdance często nadpisuje kolor linków — wyższa specyficzność + !important tylko na hover */
.bdz-blog-section--archive a.bdz-blog-archive__filter-btn:hover,
.bdz-blog-section--archive a.bdz-blog-archive__filter-btn:focus-visible {
  color: #fff !important;
  -webkit-text-fill-color: #fff;
  background: #263559 !important;
  border-color: #263559 !important;
  outline: none;
}

.bdz-blog-archive__filter-btn--active {
  color: #fff;
  background: var(--bde-palette-color-17, #b28c50);
  border-color: var(--bde-palette-color-17, #b28c50);
  cursor: default;
}

/* [bdz_blog_archive]: paginacja (paginate_links → ul.page-numbers) */
.bdz-blog-section--archive .bdz-blog-archive__pagination {
  margin-top: clamp(28px, 20px + 1.5vw, 48px);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px 12px;
  border: 0;
  box-shadow: none;
  outline: none;
  background: transparent;
}

.bdz-blog-section--archive .bdz-blog-archive__pagination ul.page-numbers {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0;
  box-shadow: none;
  outline: none;
  background: transparent;
}

.bdz-blog-section--archive .bdz-blog-archive__pagination ul.page-numbers li {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0;
  box-shadow: none;
  background: transparent;
}

/*
 * Paginacja archiwum: ten sam układ na blogu i case studies (sekcja --archive).
 * Prefiks .bdz-blog-section--archive podnosi specyficzność względem stylów Breakdance (.breakdance nav a …).
 */
.bdz-blog-section--archive .bdz-blog-archive__pagination .bdz-blog-archive__pagination-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.bdz-blog-section--archive .bdz-blog-archive__pagination .bdz-blog-archive__pagination-icon--prev {
  transform: scaleX(-1);
}

.bdz-blog-section--archive .bdz-blog-archive__pagination .un-arrow-icon,
.bdz-blog-section--archive .bdz-blog-archive__pagination .un-arrow-icon path {
  display: block;
  fill: currentColor;
}

.bdz-blog-section--archive .bdz-blog-archive__pagination .screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.bdz-blog-section--archive .bdz-blog-archive__pagination a.prev.page-numbers,
.bdz-blog-section--archive .bdz-blog-archive__pagination a.next.page-numbers {
  position: relative;
}

.bdz-blog-section--archive .bdz-blog-archive__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.25em;
  min-height: 2.25em;
  padding: 0 0.5em;
  font-family: var(--bde-heading-font-family, inherit);
  font-size: var(--bde-body-font-size, 15px);
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  color: var(--bde-headings-color, #263559);
  border: 2px solid var(--bde-palette-color-16, #51648e);
  border-radius: 2px;
  background: transparent;
  transition: color 0.25s ease, border-color 0.25s ease, background-color 0.25s ease;
}

.bdz-blog-section--archive .bdz-blog-archive__pagination a.page-numbers:hover,
.bdz-blog-section--archive .bdz-blog-archive__pagination a.page-numbers:focus-visible {
  color: #fff;
  background: var(--bde-palette-color-16, #51648e);
  border-color: var(--bde-palette-color-16, #51648e);
  outline: none;
}

.bdz-blog-section--archive .bdz-blog-archive__pagination .page-numbers.current {
  color: #fff;
  background: var(--bde-palette-color-17, #b28c50);
  border-color: var(--bde-palette-color-17, #b28c50);
  cursor: default;
}

.bdz-blog-section--archive .bdz-blog-archive__pagination .page-numbers.dots {
  min-width: auto;
  padding: 0 4px;
  border: 0;
  background: transparent;
  color: var(--bde-body-text-color, #5a5a68);
  font-weight: 500;
}

/* [bdz_blog_sidebar] / [bdz_case_studies_sidebar]: kolumna boczna single — jedna kolumna */
.bdz-blog-section--sidebar-recent .bdz-blog-section__inner,
.bdz-blog-section--sidebar-case-studies .bdz-blog-section__inner {
  width: 100%;
  text-align: left;
}

.bdz-blog-section--sidebar-recent .bdz-blog-grid--cols-1,
.bdz-blog-section--sidebar-case-studies .bdz-blog-grid--cols-1 {
  grid-template-columns: 1fr;
}

.bdz-blog-sidebar-recent__heading,
.bdz-case-study-sidebar__heading {
  margin: 0 0 clamp(14px, 10px + 0.8vw, 20px);
  font-family: var(--bde-heading-font-family, inherit);
  font-size: clamp(17px, 15px + 0.35vw, 20px);
  font-weight: 800;
  line-height: 1.3;
  color: var(--bde-headings-color, #263559);
  text-align: left;
}