/* Büyük soru 4: tramvay, haz hesabı, Kant'ın testi, kapıdaki katil */
.tr .fill { min-height: 220px; }
.tr-panel { border-top: 1px solid var(--line); max-height: 50%; display: grid; gap: 12px; align-content: start; }
.tr .secim-soru { font-size: 1.05rem; }
.tr-sayac { border-top: 1px dashed var(--line); padding-top: 10px; }
.tr-sayac h4 { margin: 0 0 6px; font-family: var(--f-ui); font-weight: 700; font-size: .85rem; color: var(--brass-2); }
.tr-rozet { display: flex; flex-wrap: wrap; gap: 6px; }
.tr-rozet span { display: inline-flex; gap: 6px; align-items: baseline; padding: 2px 10px; border: 1px solid var(--line); font-family: var(--f-ui); font-size: .82rem; color: var(--ink-2); }
.tr-rozet span b { font-weight: 700; color: var(--muted); }
.tr-rozet span[data-v="mudahale"] b { color: var(--lehte); }
.tr-rozet span[data-v="birak"] b { color: var(--aleyhte); }
.tr-sayi { margin: 6px 0 4px; font-family: var(--f-ui); font-size: .85rem; color: var(--ink-2); }
.tr-gerilim, .tr-uyum { margin: 4px 0 0; padding: 7px 10px; font-size: .92rem; }
.tr-gerilim { border: 1px dashed rgba(201,165,92,.6); background: rgba(201,165,92,.06); color: var(--ink); }
.tr-uyum { border-left: 3px solid var(--lehte); color: var(--ink-2); }

.ea-body { flex: 1; min-height: 0; }
.ea-durum { margin: 0 0 12px; color: var(--ink); font-style: italic; }
.ea-kolonlar { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.ea-kolon { display: grid; gap: 4px; align-content: start; }
.ea-kolon h4 { margin: 0 0 4px; font-family: var(--f-display); font-weight: 400; font-size: 1.15rem; }
.ea-kolon label { display: grid; grid-template-columns: 1fr auto; font-family: var(--f-ui); font-size: .82rem; color: var(--ink-2); align-items: center; column-gap: 8px; }
.ea-kolon label input[type="range"] { grid-column: 1 / -1; width: 100%; grid-row: 2; }
.ea-kolon .seg { margin-top: 6px; justify-self: start; }
.ea-kolon .seg button { font-size: .78rem; }
.ea-mill { display: flex; gap: 8px; align-items: center; margin: 12px 0; font-family: var(--f-ui); font-size: .88rem; color: var(--ink-2); }
.ea-mill input { accent-color: var(--brass); }
.ea-yorum { margin-top: 10px; }
.ea-sonuc { margin: 0 0 6px; color: var(--ink); }
.ea-maksimler { display: grid; gap: 4px; margin-bottom: 10px; }
.ea-maksim {
  text-align: left; padding: 6px 10px; cursor: pointer; border: 0; border-left: 2px solid var(--line);
  background: rgba(255,255,255,.02); color: var(--ink-2); font-family: var(--f-body); font-size: .96rem; font-style: italic;
}
.ea-maksim:hover { color: var(--ink); }
.ea-maksim.on { border-left-color: var(--brass); color: var(--ink); background: rgba(201,165,92,.08); }
.ea-tahmin { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-family: var(--f-ui); font-size: .9rem; color: var(--ink-2); }
.ea-cvkap { position: relative; height: 150px; margin: 10px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.ea-cv { position: absolute; inset: 0; width: 100%; height: 100%; }
@media (max-width: 860px) { .ea-kolonlar { grid-template-columns: 1fr; } .tr-panel { max-height: none; } }