/* Konuşma daveti: yalnızca ortak kitte olmayan yerleşimler. */

/* Sahne: metin solda, dekupe portre sağda alt kenara basar */
.kd-sahne { padding-bottom: 0; }
.kd-sahne__ic { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, auto); gap: clamp(1rem, 4vw, 3rem); align-items: end; }
.kd-sahne__metin { padding-bottom: clamp(2.75rem, 6vw, 5rem); min-width: 0; }
.kd-sahne .baslik--sayfa { max-width: 11em; }
.kd-sahne__figur { position: relative; margin: 0; height: clamp(22rem, 18rem + 18vw, 38rem); aspect-ratio: 610 / 988; justify-self: end; }
.kd-sahne__figur .figur { display: block; height: 100%; width: 100%; object-fit: contain; object-position: bottom; }
.kd-sahne__figur .demo-etiket { position: absolute; right: 0; bottom: 18%; color: var(--metin); background: rgba(7, 10, 24, .7); }

/* Nerelerde konuştum */
.kd-yerler { display: grid; gap: 0; border-top: 1px solid rgba(255, 255, 255, .1); }
.kd-yerler li { display: grid; grid-template-columns: minmax(0, 14rem) minmax(0, 1fr); gap: .4rem clamp(1rem, 4vw, 3rem); padding-block: clamp(1.1rem, 2.4vw, 1.6rem); border-bottom: 1px solid rgba(255, 255, 255, .1); }
.kd-yerler__ne { font-stretch: 88%; font-weight: 700; font-size: 1.15rem; line-height: 1.25; }
.kd-yerler__ne .demo-etiket { margin-left: .4rem; }
.kd-yerler p { margin: 0; max-width: 42rem; }
.kd-yerler .kunye { margin-top: .45rem; }

/* Bölüm üstü kısa açıklama */
.kd-giris { max-width: 40rem; margin: -1rem 0 clamp(1.5rem, 3vw, 2.25rem); }
.kd-sure { margin-top: .9rem; }

/* Not kutusu: adımlardan nefes payıyla ayrılır */
.kd-not { max-width: 46rem; margin-top: clamp(2rem, 4vw, 3rem); }

/* Konu kartları: altı kart 3 + 3 dizilir */
.kd-konu-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); }

@media (max-width: 60rem) {
  .kd-sahne__figur { height: clamp(18rem, 12rem + 24vw, 26rem); }
  .kd-konu-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 40rem) {
  .kd-konu-izgara { grid-template-columns: minmax(0, 1fr); }
  .kd-sahne__ic { grid-template-columns: minmax(0, 1fr); }
  .kd-sahne__metin { padding-bottom: 1rem; }
  .kd-sahne__figur { justify-self: center; height: 20rem; max-width: 100%; }
  .kd-yerler li { grid-template-columns: minmax(0, 1fr); }
}