/* Kartın karar parçaları: "Son kararlar" listesi (gün sütunu, karar türünün noktası, kısa söz,
   altında o günün olayı; düşünürken üç nokta) ve en alttaki kapalı "Geliştirici" bölümü (A1 açılır
   bölümü; son kararın yolu, kaynak rozeti, İngilizce sonuç, olasılık çubukları, bugünkü karar ağacı, ajanın
   gördüğü durum metni; yalnız burada eşaralıklı yazı). */

/* ------------------------------------------------------------------ son kararlar */
.k-karar-govde { display: grid; grid-template-columns: 8px minmax(0, 1fr);
  column-gap: var(--bosluk-4); align-items: baseline; }
.k-karar-govde b { color: var(--yazi-1); font-weight: 600; }
.k-karar-govde small { grid-column: 2; color: var(--yazi-2); font-size: var(--boy-2); }
.k-karar-govde .k-yedek { color: var(--uyari); }
.k-karar.tur-savas .k-nokta { background: var(--kotu); }
.k-karar.tur-dost .k-nokta { background: var(--iyi); }
.k-karar.tur-savunma .k-nokta { background: var(--bilgi); }
.k-karar.tur-insa .k-nokta { background: var(--vurgu); }
.k-karar.tur-senlik .k-nokta { background: var(--uyari); }
.k-karar.bos { display: block; color: var(--yazi-3); font-style: italic; }
.k-karar.dusunuyor b { color: var(--vurgu-acik); font-weight: 400; font-style: italic; }
.k-noktalar { display: inline-flex; gap: 2px; align-self: center; }
.k-noktalar i { width: 2px; height: 6px; border-radius: 1px; background: var(--vurgu);
  animation: k-dusun 1.2s infinite ease-in-out; }
.k-noktalar i:nth-child(2) { animation-delay: .18s; }
.k-noktalar i:nth-child(3) { animation-delay: .36s; }
@keyframes k-dusun { 0%, 70%, 100% { opacity: .25; } 35% { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .k-noktalar i { animation: none; opacity: .7; } }

/* ------------------------------------------------------------------ Geliştirici */
/* açılır bölüm A1'in `details.acilir`'i (css/bilesen/kart.css); burada yalnız yer ve boy */
.k-gelistirici { margin-top: var(--bosluk-7); color: var(--yazi-2); font-size: var(--boy-2); }
.k-gelistirici > summary { padding: var(--bosluk-3) 0; }
.k-gelistirici > summary span { font-weight: 600; }
.g-govde { display: flex; flex-direction: column; gap: var(--bosluk-4);
  padding-bottom: var(--bosluk-4); }
.g-govde code, .g-govde pre, .g-sonuc, .g-agac small { font-family: var(--aile-mono); }
.g-bas { color: var(--yazi-2); font-size: var(--boy-2); font-weight: 600; }
.g-bos { color: var(--yazi-3); font-style: italic; }
.g-karar { padding: var(--bosluk-3) var(--bosluk-4); border: 1px solid var(--cizgi);
  border-radius: var(--yaricap-2); background: var(--zemin-1); }
.g-yol { color: var(--yazi-1); }
.g-ek { display: flex; align-items: baseline; gap: var(--bosluk-4); margin-top: var(--bosluk-1);
  color: var(--yazi-3); }
.g-ek code { margin-left: auto; font-size: var(--boy-1); overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap; }
.g-rozet { padding: 0 var(--bosluk-2); border-radius: var(--yaricap-1); background: var(--zemin-2);
  color: var(--yazi-2); font-size: var(--boy-1); }
.g-rozet.g-ajan, .g-rozet.g-model { color: var(--vurgu-acik); }
.g-rozet.g-yedek { color: var(--uyari); }
.g-sonuc { margin-top: var(--bosluk-2); color: var(--yazi-2); font-size: var(--boy-1); }

.g-grup { display: flex; flex-direction: column; gap: 2px; }
.g-grup-bas { color: var(--yazi-2); font-weight: 600; }
.g-grup-bas code { color: var(--yazi-3); font-size: var(--boy-1); font-weight: 400; }
.g-olas { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) 34px;
  gap: var(--bosluk-4); align-items: center; padding-left: var(--bosluk-4); }
.g-olas .ad { overflow-wrap: anywhere; }
.g-olas b { color: var(--yazi-2); font-weight: 400; text-align: right; }
.g-olas .olcer > i { background: var(--yazi-3); }
.g-olas.secilen { color: var(--yazi-1); }
.g-olas.secilen b { color: var(--yazi-1); font-weight: 600; }
.g-olas.secilen .olcer > i { background: var(--vurgu); }

.g-ic > summary { min-height: 28px; padding: var(--bosluk-2) 0; cursor: pointer;
  color: var(--yazi-2); font-weight: 600; }
.g-ic > summary small { color: var(--yazi-3); font-weight: 400; }
.g-ic[open] > summary { margin-bottom: var(--bosluk-3); }
.g-soru-metni { color: var(--yazi-2); font-style: italic; }
.g-soru { display: flex; flex-direction: column; gap: 2px; margin-top: var(--bosluk-3); }
.g-soru .g-soru { margin: var(--bosluk-2) 0 var(--bosluk-1) var(--bosluk-4);
  padding-left: var(--bosluk-4); border-left: 1px dashed var(--cizgi-guclu); }
.g-soru-bas { display: flex; align-items: baseline; gap: var(--bosluk-4); }
.g-soru-bas span { color: var(--yazi-1); font-weight: 600; }
.g-soru-bas small { color: var(--yazi-3); font-style: italic; overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap; }
.g-agac { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column;
  gap: 2px; }
.g-agac li { padding: var(--bosluk-2) var(--bosluk-4); border-left: 2px solid var(--cizgi);
  border-radius: var(--yaricap-1); background: var(--zemin-1); }
.g-agac li.secilen { border-left-color: var(--vurgu); background: var(--vurgu-zemin); }
.g-yaprak, .g-dal summary { display: grid; grid-template-columns: auto minmax(0, 1fr);
  column-gap: var(--bosluk-4); }
.g-dal summary { cursor: pointer; list-style: none; }
.g-dal summary::-webkit-details-marker { display: none; }
.g-agac b { color: var(--yazi-1); font-weight: 600; }
.g-agac code { justify-self: end; color: var(--yazi-3); font-size: var(--boy-1);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.g-agac small { grid-column: 1 / -1; color: var(--yazi-2); font-size: var(--boy-1); }
.g-govde pre { margin: 0; padding: var(--bosluk-4); max-height: 260px; overflow: auto;
  border: 1px solid var(--cizgi); border-radius: var(--yaricap-2); background: var(--zemin-alt);
  color: var(--yazi-2); font-size: var(--boy-1); line-height: 1.5; white-space: pre-wrap;
  word-break: break-word; }