/* =====================================================================
   ALIŞTIRMA KELİME ŞERİDİ (`.ex-kelime`) — MASAÜSTÜ (29 Eyl 2026)
   =====================================================================
   Kullanıcı: "bu kısmın kullanıldığı her yerde premium hale getir,
   belirgin olsun her şey". Ölçüldü: şeridin HER parçası `--muted` idi
   (`.ex-kelime { color: muted }` kelimeye de miras kalıyordu) — kelime
   17px gri, anlam 12,5px gri, hiyerarşi yok. Tek üretim yeri
   `dragdrop.js create()`: Günün dersi · Tekrar · Zayıflar · Dinleme.
   Telefonun kendi şerit tasarımı var (telefon-alistirma.css); bu blok
   yalnız ≥941px.
   ===================================================================== */
@media (min-width: 941px) {
  .ex-kelime {
    gap: var(--sp-4); padding: var(--sp-3) var(--sp-4) var(--sp-3) var(--sp-3);
    background: var(--card); border: 1px solid var(--line-kart); border-radius: var(--r-lg);
    box-shadow: var(--shadow-1); color: var(--text);
  }
  /* hoparlör: bakır, belirgin */
  .ex-kelime .ex-kelime-spk {
    width: 40px; height: 40px; border-radius: var(--r-md);
    background: var(--accent-soft); border: 0; color: var(--accent);
  }
  .ex-kelime .ex-kelime-spk svg { width: 18px; height: 18px; }
  .ex-kelime .ex-kelime-spk:hover { background: var(--accent); color: var(--card); }

  .ex-kelime .ex-kelime-metin { flex-wrap: wrap; align-items: center; gap: var(--sp-1) var(--sp-3); }
  /* kelime: şeridin en belirgin öğesi */
  .ex-kelime .ekm-ust { gap: var(--sp-2); }
  .ex-kelime .ekm-ust b { font-size: var(--fs-xl); font-weight: 600; letter-spacing: -.01em; color: var(--text); line-height: 1.15; }
  .ex-kelime .ex-kelime-oku { font-size: var(--fs-base); font-weight: 500; color: var(--accent); letter-spacing: .02em; }
  /* anlam: okunur, ince ayraçla ayrı */
  .ex-kelime .ekm-tr {
    font-size: var(--fs-md); color: var(--text);
    padding-left: var(--sp-3); border-left: 1px solid var(--line);
  }
  /* kimlik satırı: tür · seviye · ortam · rol */
  .ex-kelime .ex-kelime-kimlik { gap: var(--sp-2); }
  .ex-kelime .ex-kelime-kimlik .pos-badge { font-size: var(--fs-xs); }
  .ex-kelime .ekm-lvl {
    display: inline-flex; align-items: center; height: 20px; padding: 0 var(--sp-2);
    border: 1px solid var(--line); border-radius: var(--r-full);
    font-size: var(--fs-xs); font-weight: 600; color: var(--text);
  }
  .ex-kelime .ex-kelime-kimlik i, .ex-kelime .ex-kelime-kimlik .ex-ayrac { font-size: var(--fs-sm); color: var(--muted); }
  .ex-kelime .ekm-ortam .ic { color: var(--accent); width: 14px; height: 14px; }
  /* bu kelimenin kaçıncı cümlesi — bakır hap */
  .ex-kelime .ex-kelime-say {
    display: inline-flex; align-items: center; height: 24px; padding: 0 var(--sp-2);
    border-radius: var(--r-full); background: var(--accent-soft); color: var(--accent);
    font-size: var(--fs-xs); font-weight: 600;
  }
}

/* "1/2. cümle" hapı koyu temada 4,18:1 (bakır yazı kendi bakır tintinde) */
@media (min-width: 941px) {
  :root[data-theme="dark"] .ex-kelime .ex-kelime-say { color: color-mix(in srgb, var(--accent) 60%, var(--text)); }
}
@media (min-width: 941px) and (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .ex-kelime .ex-kelime-say { color: color-mix(in srgb, var(--accent) 60%, var(--text)); }
}