/* Referans section.science: üst not, iki sütun başlık/metin, altta üç çerçeveli adım. */
.cc_mfkw8zzp_XC4urglWyE .xomage-science-intro {
  background: var(--kombos-white);
  color: var(--xomage-science-ink);
}

.cc_mfkw8zzp_XC4urglWyE .xomage-science-intro__inner { padding-block: 6rem; }
.cc_mfkw8zzp_XC4urglWyE .xomage-science-intro__eyebrow { margin: 0 0 2rem; color: var(--xomage-science-muted); }

.cc_mfkw8zzp_XC4urglWyE .xomage-science-intro__heading {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 6.25rem;
  align-items: start;
}

.cc_mfkw8zzp_XC4urglWyE .xomage-science-intro__title { margin: 0; }
.cc_mfkw8zzp_XC4urglWyE .xomage-science-intro__title em { font-style: normal; color: var(--xomage-science-accent); }
.cc_mfkw8zzp_XC4urglWyE .xomage-science-intro__lead { margin: 0 0 1rem; }
.cc_mfkw8zzp_XC4urglWyE .xomage-science-intro__description { margin: 0 0 1.5rem; color: var(--xomage-science-muted); }

/*
 * IkasComponentRenderer çocukları `display: contents` sarmalayıcılara koyduğu için
 * kardeş seçicisi adımlara ulaşmaz. Ara çizgiler bu yüzden 1px gap + çizgi renkli
 * zeminle çiziliyor; adımın beyaz zemini çizgiyi yalnızca aralarda bırakır.
 */
.cc_mfkw8zzp_XC4urglWyE .xomage-science-intro__steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  margin-top: 5rem;
  border-block: 1px solid var(--xomage-science-line);
  background: var(--xomage-science-line);
}

.cc_mfkw8zzp_XC4urglWyE .xomage-science-intro__steps .xomage-science-step { background: var(--kombos-white); }

@media (max-width: 1023px) {
  .cc_mfkw8zzp_XC4urglWyE .xomage-science-intro__heading { grid-template-columns: 1fr; gap: 2rem; }
}

@media (max-width: 767px) {
  .cc_mfkw8zzp_XC4urglWyE .xomage-science-intro__inner { padding-block: 4rem; }
  .cc_mfkw8zzp_XC4urglWyE .xomage-science-intro__steps { grid-template-columns: 1fr; margin-top: 3rem; }
}