.elementor-4309 .elementor-element.elementor-element-4b132bc{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-9bc8f30 */article, .ds-insight-related, article *, .ds-insight-related * {
  font-family: 'IBM Plex Sans', 'Segoe UI', sans-serif !important;
  box-sizing: border-box;
}
.ds-insight-title, .ds-insight-content h2, .ds-insight-content h3, .ds-insight-related__title {
  font-family: 'Archivo', 'Segoe UI', sans-serif !important;
}

.ds-insight-header { background: #F7F9FC; border-bottom: 1px solid #DEE2E9; }
.ds-insight-header__top { max-width: 1280px; margin-inline: auto; padding: 56px 24px 0; }
.ds-insight-back {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 14px !important; font-weight: 500 !important;
  color: #606A78 !important; text-decoration: none; transition: color .15s ease;
}
.ds-insight-back:hover { color: #0A46B9 !important; }
.ds-insight-back svg { width: 16px !important; height: 16px !important; }

.ds-insight-meta {
  margin-top: 32px; display: flex; flex-wrap: wrap; align-items: center; gap: 12px;
  font-size: 11px !important; font-weight: 600 !important;
  text-transform: uppercase; letter-spacing: 0.14em; color: #0A46B9 !important;
}
.ds-insight-meta__muted { color: #606A78 !important; }
.ds-insight-meta__divider { display: block; width: 24px; height: 1px; background: #DEE2E9; }

.ds-insight-title {
  margin-top: 20px !important; max-width: 48rem;
  font-size: 34px !important; font-weight: 600 !important; line-height: 1.1 !important;
  color: #0E1624 !important;
}
@media (min-width: 768px) { .ds-insight-title { font-size: 44px !important; } }
.ds-insight-excerpt {
  margin-top: 16px !important; max-width: 42rem;
  font-size: 16px !important; font-weight: 400 !important; line-height: 1.625 !important;
  color: #606A78 !important;
}
.ds-insight-header__cover { max-width: 1280px; margin-inline: auto; padding: 56px 24px; }
.ds-insight-cover-wrap {
  aspect-ratio: 21 / 9;
  width: 100%;
  max-height: 420px;
  border: 1px solid #DEE2E9;
}
.ds-insight-cover {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.ds-insight-body {
  max-width: 1280px; margin-inline: auto; padding: 64px 24px;
  display: grid; gap: 56px; grid-template-columns: 1fr;
}
@media (min-width: 1024px) { .ds-insight-body { grid-template-columns: 1fr 2.2fr; } }
@media (min-width: 1024px) {
  .ds-insight-toc { grid-column: 1; }
  .ds-insight-content { grid-column: 2; }
}

.ds-insight-toc__label {
  font-size: 12px !important; font-weight: 600 !important;
  text-transform: uppercase; letter-spacing: 0.05em; color: #606A78 !important;
}
.ds-insight-toc__list { margin-top: 16px; list-style: none; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.ds-insight-toc__list a {
  font-size: 14px !important; font-weight: 400 !important;
  color: #606A78 !important; text-decoration: none; transition: color .15s ease;
}
.ds-insight-toc__list a:hover { color: #0A46B9 !important; }
@media (min-width: 1024px) {
  .ds-insight-toc { position: sticky; top: 112px; align-self: start; }
}

.ds-insight-content { max-width: 48rem; }
.ds-insight-content h2 {
  margin-top: 48px; font-size: 24px !important; font-weight: 600 !important;
  line-height: 1.3 !important; color: #0E1624 !important; scroll-margin-top: 112px;
}
.ds-insight-content h2:first-child { margin-top: 0; }
.ds-insight-content h3 {
  margin-top: 32px; font-size: 18px !important; font-weight: 600 !important;
  color: #0E1624 !important;
}
.ds-insight-content p {
  margin-top: 16px; font-size: 16px !important; font-weight: 400 !important;
  line-height: 1.625 !important; color: #606A78 !important;
}
.ds-insight-content ul, .ds-insight-content ol { margin-top: 16px; padding-left: 24px; }
.ds-insight-content li {
  font-size: 16px !important; line-height: 1.625 !important; color: #606A78 !important;
}
.ds-insight-content a { color: #0A46B9 !important; text-decoration: underline; }
.ds-insight-content img { width: 100%; height: auto; margin-top: 24px; border: 1px solid #DEE2E9; }
.ds-insight-content strong { color: #0E1624 !important; font-weight: 600 !important; }
.ds-insight-content blockquote {
  margin-top: 24px; padding-left: 20px; border-left: 3px solid #0A46B9;
  font-size: 18px !important; font-style: italic; color: #0E1624 !important;
}

.ds-insight-related { padding-block: 72px; background: #F7F9FC; border-top: 1px solid #DEE2E9; }
.ds-insight-related__inner { max-width: 1280px; margin-inline: auto; padding-inline: 24px; }
.ds-insight-related__title { font-size: 24px !important; font-weight: 600 !important; color: #0E1624 !important; }
.ds-insight-related__grid {
  margin-top: 32px; display: grid; gap: 32px; grid-template-columns: 1fr;
}
@media (min-width: 768px) { .ds-insight-related__grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1024px) { .ds-insight-related__grid { grid-template-columns: 1fr 1fr 1fr; } }

/* Insight card (reused) */
.ds-insight-card { display: flex; flex-direction: column; height: 100%; border: 1px solid #DEE2E9; background: #FFFFFF; text-decoration: none; transition: border-color .15s ease; }
.ds-insight-card:hover { border-color: #0A46B9; }
.ds-insight-card__media { aspect-ratio: 16 / 9; overflow: hidden; background: #F7F9FC; }
.ds-insight-card__img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; transition: transform .5s ease; }
.ds-insight-card:hover .ds-insight-card__img { transform: scale(1.03); }
.ds-insight-card__body { display: flex; flex-direction: column; flex: 1; padding: 24px !important; }
.ds-insight-card__meta { display: flex; align-items: center; gap: 12px; }
.ds-insight-card__category { font-size: 11px !important; font-weight: 600 !important; line-height: 16px !important; text-transform: uppercase; letter-spacing: 0.12em; color: #0A46B9 !important; }
.ds-insight-card__divider { display: block !important; width: 24px !important; height: 1px !important; background: #DEE2E9 !important; }
.ds-insight-card__date { font-size: 11px !important; font-weight: 600 !important; line-height: 16px !important; text-transform: uppercase; letter-spacing: 0.12em; color: #606A78 !important; }
.ds-insight-card__title { margin-top: 12px !important; font-size: 18px !important; font-weight: 600 !important; line-height: 1.375 !important; color: #0E1624 !important; }
.ds-insight-card__excerpt { margin-top: 12px !important; flex: 1; font-size: 14px !important; font-weight: 400 !important; line-height: 1.625 !important; color: #606A78 !important; }
.ds-insight-card__cta { margin-top: 20px !important; display: inline-flex; align-items: center; gap: 8px; font-size: 14px !important; font-weight: 600 !important; color: #0A46B9 !important; }
.ds-insight-card__cta svg { width: 16px !important; height: 16px !important; transition: transform .15s ease; }
.ds-insight-card:hover .ds-insight-card__cta svg { transform: translateX(2px); }

/* Lazy-load shimmer (borítókép + kapcsolódó kártyák) */
.ds-lazy-media {
  position: relative;
  overflow: hidden;
  background: #F7F9FC;
}
.ds-lazy-media::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #DEE2E9 25%, #F7F9FC 50%, #DEE2E9 75%);
  background-size: 400% 100%;
  animation: ds-shimmer 1.4s ease infinite;
}
.ds-lazy-media.is-loaded::before {
  display: none;
}
.ds-lazy-img {
  opacity: 0;
  transition: opacity .3s ease;
}
.ds-lazy-img.is-loaded {
  opacity: 1;
}
@keyframes ds-shimmer {
  0% { background-position: 100% 0; }
  100% { background-position: 0 0; }
}

@media (max-width: 767px) {
  .ds-insight-header__top, .ds-insight-header__cover { padding-left: 24px; padding-right: 24px; padding-top: 32px; }
  .ds-insight-body { padding-block: 40px; }
  .ds-insight-related { padding-block: 40px; }
}

.ds-insight-tags { border-top: 1px solid #DEE2E9; background: #FFFFFF; }
.ds-insight-tags__inner { max-width: 1280px; margin-inline: auto; padding: 40px 24px; }
.ds-insight-tags__label {
  font-size: 12px !important; font-weight: 600 !important;
  text-transform: uppercase; letter-spacing: 0.05em; color: #606A78 !important;
}
.ds-insight-tags__list { margin-top: 16px; display: flex; flex-wrap: wrap; gap: 8px; }
.ds-insight-tag {
  border: 1px solid #DEE2E9;
  padding: 6px 14px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #0E1624 !important;
  text-decoration: none;
  transition: border-color .15s ease, color .15s ease;
}
.ds-insight-tag:hover { border-color: #0A46B9 !important; color: #0A46B9 !important; }/* End custom CSS */