/* FinderStep — sihirbazın tek sorusu. Editoryal bir dergi sayfası gibi:
   ortada dar bir sütun, soru display fontta, şıklar cetvel çizgileriyle ayrılmış. */

/* Ortalı editoryal sütun. */
.cc_ud05zvg3_jEoKnnRf52 .fstep { max-width: 620px; margin: 0 auto; text-align: center; }
.cc_ud05zvg3_jEoKnnRf52 .fstep[hidden] { display: none; }
.cc_ud05zvg3_jEoKnnRf52 .fstep.is-active { animation: cc_ud05zvg3_jEoKnnRf52_pf-step-in .45s var(--ease) both; }

@keyframes cc_ud05zvg3_jEoKnnRf52_pf-step-in {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: none; }
}

/* Soru görseli — eklenmezse hiç yer kaplamaz. Üstünde ince bir vurgu çizgisi
   taşıyor: KEREM'in kartlarındaki 3px'lik aksan detayının inceltilmiş hâli. */
.cc_ud05zvg3_jEoKnnRf52 .fstep__media {
  display: block;
  position: relative;
  margin: 0 auto clamp(20px, 2.5vw, 30px);
  max-width: 380px;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: var(--paper-2);
}
.cc_ud05zvg3_jEoKnnRf52 .fstep__media::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 2px;
  background: var(--pf-ac, var(--accent));
  z-index: 1;
}
.cc_ud05zvg3_jEoKnnRf52 .fstep__media img { width: 100%; height: 100%; object-fit: cover; display: block; }

.cc_ud05zvg3_jEoKnnRf52 .fstep__q {
  font-family: var(--display);
  font-size: clamp(22px, 2.8vw, 32px);
  font-weight: 600;
  letter-spacing: -.015em;
  line-height: 1.14;
  margin: 0;
  color: var(--ink);
  text-wrap: balance;
}
.cc_ud05zvg3_jEoKnnRf52 .fstep__help {
  font-family: var(--sans);
  font-size: 14px;
  line-height: 1.55;
  color: var(--ink-2);
  margin: 12px auto 0;
  max-width: 42ch;
}

/* Şıklar alt alta, her biri kendi çerçevesinde. */
.cc_ud05zvg3_jEoKnnRf52 .fstep__opts {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: clamp(26px, 3vw, 40px);
  text-align: left;
}

/* TOKEN KÖPRÜ — bkz. global.css */
.cc_ud05zvg3_jEoKnnRf52 .fstep__q { letter-spacing: var(--ts-h4-ls, -.01em); }