:root {
  --zemin: #FBFBF9;
  --yuzey: #F3F2EE;
  --yuzey-derin: #EAE8E1;
  --cizgi: #DCDAD3;
  --metin-ikincil: #52514E;
  --metin: #161615;
  --vurgu: #111110;

  --hero-zemin: #121210;
  --hero-yuzey: #1A1917;
  --hero-cizgi: rgba(244, 241, 234, 0.14);
  --hero-metin: #F7F5F0;
  --hero-ikincil: #C8C4BA;
  --hero-soluk: #9A968C;

  --font-baslik: Georgia, "Times New Roman", Times, serif;
  --font-govde: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --ust-serit-yuksekligi: 68px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 100%;
  background-color: var(--zemin);
  color: var(--metin);
  -webkit-text-size-adjust: 100%;
  overflow-anchor: none;
  scroll-behavior: smooth;
  max-width: 100%;
  overflow-x: clip;
}

body {
  font-family: var(--font-govde);
  font-size: 1.0625rem;
  line-height: 1.72;
  color: var(--metin);
  background-color: var(--zemin);
  min-height: 100vh;
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  overflow-x: clip;
  overflow-anchor: none;
  -webkit-font-smoothing: antialiased;
}

main {
  flex: 1;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

@media (min-width: 1024px) {
  body {
    font-size: 1.125rem;
  }
}

:focus-visible {
  outline: 2px solid var(--vurgu);
  outline-offset: 3px;
}

.hero-monografi :focus-visible {
  outline-color: var(--hero-metin);
}

.atlama-bagi {
  position: absolute;
  top: -100px;
  left: 1rem;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 1.25rem;
  background-color: var(--vurgu);
  color: var(--zemin);
  text-decoration: none;
  font-weight: 600;
  z-index: 1000;
}

.atlama-bagi:focus {
  top: 0.5rem;
}

/* Üst Şerit ve Menü (Mobil 390 px Taşma = 0) */
.ust-serit {
  position: sticky;
  top: 0;
  width: 100%;
  border-bottom: 1px solid var(--cizgi);
  background-color: rgba(251, 251, 249, 0.95);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 500;
}

.ust-ic,
.ana-kapsayici,
.alt-ic {
  width: 100%;
  max-width: 1280px;
  margin-inline: auto;
  padding-inline: clamp(1rem, 4vw, 2.75rem);
  min-width: 0;
}

.ust-ic {
  min-height: 60px;
  padding-block: 0.375rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem 0.75rem;
}

.kimlik {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.25rem 0.625rem;
  min-width: 0;
  flex: 1 1 auto;
}

.kimlik-isim {
  font-family: var(--font-baslik);
  font-size: clamp(1.0625rem, 2vw, 1.35rem);
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--metin);
  text-decoration: none;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  overflow-wrap: break-word;
}

.kimlik-isim[aria-current="page"] {
  border-bottom: 2px solid var(--vurgu);
}

.kimlik-unvan {
  display: none;
  font-size: 0.84375rem;
  color: var(--metin-ikincil);
}

.menu-tetik {
  display: none;
  appearance: none;
  min-height: 44px;
  padding: 0.5rem 0.875rem;
  background-color: var(--zemin);
  border: 1px solid var(--cizgi);
  color: var(--metin);
  font-family: var(--font-govde);
  font-size: 0.9375rem;
  font-weight: 600;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.menu-tetik[aria-expanded="true"] {
  background-color: var(--yuzey);
  border-color: var(--vurgu);
}

.ana-menu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem 0.875rem;
}

.ana-menu a {
  min-height: 44px;
  padding: 0.5rem 0.25rem;
  display: inline-flex;
  align-items: center;
  font-size: 0.9375rem;
  color: var(--metin-ikincil);
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: color 0.2s ease, border-color 0.2s ease;
}

.ana-menu a:hover {
  color: var(--metin);
}

.ana-menu a[aria-current="page"],
.ana-menu a.aktif {
  color: var(--vurgu);
  font-weight: 600;
  border-bottom-color: var(--vurgu);
}

@media (max-width: 1023.98px) {
  .js .ust-ic {
    flex-wrap: nowrap;
  }

  .js .menu-tetik {
    display: inline-flex;
  }

  .js .ana-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: var(--zemin);
    border-bottom: 1px solid var(--cizgi);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.06);
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 0.375rem 1rem 0.75rem;
  }

  .js .ana-menu.acik {
    display: flex;
  }

  .js .ana-menu a {
    min-height: 48px;
    padding: 0.625rem 0.5rem;
    border-bottom: 1px solid var(--cizgi);
  }

  .js .ana-menu a:last-child {
    border-bottom: none;
  }
}

@media (min-width: 1024px) {
  .ust-ic {
    min-height: var(--ust-serit-yuksekligi);
    padding-block: 0.5rem;
    flex-wrap: nowrap;
  }

  .kimlik-unvan {
    display: inline-block;
  }
}

/* ==========================================================================
   GÖRKEMLİ MİMARİ MONOGRAFİ KAPAĞI (HERO — h1-cephe.webp + 4 Kapı Eşiği)
   ========================================================================== */
@keyframes monografiBelir {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.hero-monografi {
  position: relative;
  width: 100%;
  background-color: var(--hero-zemin);
  color: var(--hero-metin);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  border-bottom: 1px solid var(--cizgi);
}

@media (min-width: 1024px) {
  .hero-monografi {
    min-height: calc(100svh - var(--ust-serit-yuksekligi));
  }
}

.hero-sahne {
  position: relative;
  flex: 1;
  width: 100%;
  max-width: 1360px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
}

.hero-mimari-kapsayici {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  background-color: #161513;
  margin: 0;
}

.hero-mimari-kapsayici picture {
  display: block;
  width: 100%;
  height: auto;
}

.hero-mimari-kapsayici::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(18, 18, 16, 0.08) 0%, rgba(18, 18, 16, 0) 55%, rgba(18, 18, 16, 0.65) 90%, var(--hero-zemin) 100%);
  pointer-events: none;
}

.hero-mimari-kapsayici img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  filter: contrast(1.06) brightness(0.95);
}

.hero-icerik-kapsayici {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 1.25rem clamp(1rem, 4vw, 2.75rem) 2.25rem;
  min-width: 0;
  animation: monografiBelir 0.75s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.hero-metin-blok {
  max-width: 64ch;
  min-width: 0;
}

.hero-metin-blok h1 {
  font-family: var(--font-baslik);
  font-size: clamp(2rem, 4.3vw, 3.75rem);
  font-weight: 700;
  line-height: 1.09;
  letter-spacing: -0.02em;
  color: var(--hero-metin);
  max-width: 20ch;
  margin-bottom: 0.75rem;
  overflow-wrap: break-word;
  word-break: break-word;
}

.hero-alt {
  font-family: var(--font-baslik);
  font-style: italic;
  font-size: clamp(1.15rem, 1.8vw, 1.5rem);
  line-height: 1.38;
  color: var(--hero-ikincil);
  margin-bottom: 1.75rem;
  max-width: 44ch;
  overflow-wrap: break-word;
}

.hero-alinti {
  margin-block: 1.75rem;
  padding: 0.25rem 0 0.25rem clamp(1rem, 2.2vw, 1.75rem);
  border-left: 2px solid rgba(247, 245, 240, 0.55);
}

.hero-alinti p {
  font-family: var(--font-baslik);
  font-style: italic;
  font-size: clamp(1.125rem, 1.5vw, 1.35rem);
  line-height: 1.52;
  color: var(--hero-metin);
  max-width: 52ch;
  overflow-wrap: break-word;
}

.hero-alinti footer {
  margin-top: 0.625rem;
  font-family: var(--font-govde);
  font-style: normal;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--hero-ikincil);
  white-space: nowrap;
}

.hero-giris {
  font-size: clamp(0.96875rem, 1.15vw, 1.0625rem);
  line-height: 1.72;
  color: var(--hero-ikincil);
  max-width: 58ch;
  overflow-wrap: break-word;
}

/* Masaüstü Hero: Solda %46 Tipografi, Sağda %54 Mimari Cephe */
@media (min-width: 1024px) {
  .hero-sahne {
    grid-template-columns: minmax(0, 0.92fr) minmax(440px, 1.08fr);
    min-height: calc(100svh - var(--ust-serit-yuksekligi) - 128px);
    align-items: stretch;
  }

  .hero-icerik-kapsayici {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    align-items: center;
    padding: 3.25rem 1.5rem 3.25rem clamp(1.5rem, 4vw, 3.25rem);
  }

  .hero-mimari-kapsayici {
    grid-column: 2;
    grid-row: 1;
    height: 100%;
    max-width: 820px;
    justify-self: end;
  }

  .hero-mimari-kapsayici picture {
    height: 100%;
  }

  .hero-mimari-kapsayici::after {
    background:
      linear-gradient(90deg, var(--hero-zemin) 0%, rgba(18, 18, 16, 0.62) 16%, rgba(18, 18, 16, 0) 44%, rgba(18, 18, 16, 0.35) 100%),
      linear-gradient(180deg, rgba(18, 18, 16, 0.32) 0%, rgba(18, 18, 16, 0) 24%, rgba(18, 18, 16, 0.68) 88%, var(--hero-zemin) 100%),
      radial-gradient(circle at 58% 48%, transparent 50%, rgba(18, 18, 16, 0.45) 100%);
  }

  .hero-mimari-kapsayici img {
    height: 100%;
    object-fit: cover;
    object-position: 62% center;
  }
}

/* Hero Alt Eşiği: Dört Sütun Kapısı */
.hero-esik {
  position: relative;
  z-index: 3;
  width: 100%;
  background-color: var(--hero-yuzey);
  border-top: 1px solid var(--hero-cizgi);
}

.hero-esik-ic {
  width: 100%;
  max-width: 1360px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 640px) {
  .hero-esik-ic {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .hero-esik-ic {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.esik-kapi {
  min-height: 48px;
  padding: 1.125rem clamp(1rem, 2.5vw, 1.75rem);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.375rem;
  text-decoration: none;
  color: var(--hero-metin);
  border-bottom: 1px solid var(--hero-cizgi);
  transition: background-color 0.25s ease;
  min-width: 0;
}

.esik-kapi:last-child {
  border-bottom: none;
}

@media (min-width: 640px) and (max-width: 1023.98px) {
  .esik-kapi:nth-child(odd) {
    border-right: 1px solid var(--hero-cizgi);
  }
  .esik-kapi:nth-child(3),
  .esik-kapi:nth-child(4) {
    border-bottom: none;
  }
}

@media (min-width: 1024px) {
  .esik-kapi {
    padding: 1.375rem 1.75rem;
    border-bottom: none;
    border-right: 1px solid var(--hero-cizgi);
  }

  .esik-kapi:last-child {
    border-right: none;
  }
}

.esik-kapi:hover {
  background-color: rgba(247, 245, 240, 0.05);
}

.esik-baslik {
  font-family: var(--font-baslik);
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--hero-metin);
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.5rem;
}

.esik-baslik::after {
  content: "↓";
  font-family: var(--font-govde);
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--hero-soluk);
  flex-shrink: 0;
  transition: transform 0.2s ease, color 0.2s ease;
}

.esik-kapi:hover .esik-baslik::after {
  transform: translateY(2px);
  color: var(--hero-metin);
}

.esik-ozet {
  font-size: 0.84375rem;
  line-height: 1.5;
  color: var(--hero-soluk);
  overflow-wrap: break-word;
}

/* ==========================================================================
   Ana Kapsayıcı, Alt Sayfa Açılışı ve Dört Sütunlu Kodeks Sahnesi
   ========================================================================== */
.ana-kapsayici {
  padding-block: 2.5rem 4rem;
}

@media (min-width: 1024px) {
  .ana-kapsayici {
    padding-block: 4rem 5.5rem;
  }
}

.acilis--alt {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--cizgi);
}

.acilis--alt h1 {
  font-family: var(--font-baslik);
  font-size: clamp(1.85rem, 3.8vw, 2.85rem);
  font-weight: 700;
  line-height: 1.16;
  color: var(--metin);
}

.acilis-giris {
  margin-top: 0.75rem;
  font-size: clamp(1rem, 1.3vw, 1.125rem);
  line-height: 1.7;
  color: var(--metin-ikincil);
  max-width: 60ch;
}

.acilis-aksiyon {
  margin-top: 1.5rem;
}

.dugme {
  min-height: 44px;
  padding: 0.625rem 1.375rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--vurgu);
  color: var(--zemin);
  border: 1px solid var(--vurgu);
  font-size: 0.9375rem;
  font-weight: 600;
  text-decoration: none;
}

.dugme:hover {
  background-color: var(--metin-ikincil);
  border-color: var(--metin-ikincil);
}

/* Dört Sütunlu Etkileşimli Sahne (Kodeks Paneli: Masaüstü Yanda, Mobil Altta) */
.etkilesim-alani {
  margin-top: 0.5rem;
}

.sahne-madde {
  border-bottom: 1px solid var(--cizgi);
  min-width: 0;
}

.sahne-kapsayici--dortlu > .sahne-madde:first-of-type {
  border-top: 1px solid var(--cizgi);
}

.sahne-baslik {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
  scroll-margin-top: calc(var(--ust-serit-yuksekligi) + 1rem);
}

/* HIZ-09 Çözümü: Açık arka plan ve metin rengi çifti tanımlandı (Kontrast 17.4:1) */
.sahne-tetik {
  appearance: none;
  width: 100%;
  min-height: 56px;
  padding: 1.125rem 1rem;
  background-color: var(--zemin);
  color: var(--metin);
  border: none;
  border-left: 3px solid transparent;
  text-align: left;
  font-family: var(--font-baslik);
  font-size: clamp(1.2rem, 1.65vw, 1.45rem);
  font-weight: 700;
  line-height: 1.32;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  transition: background-color 0.2s ease, border-color 0.2s ease, padding-left 0.2s ease;
}

.tetik-metin {
  min-width: 0;
  overflow-wrap: break-word;
}

.sahne-tetik:hover {
  background-color: var(--yuzey);
  color: var(--metin);
}

.tetik-ikon {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}

.tetik-ikon::before,
.tetik-ikon::after {
  content: "";
  position: absolute;
  background-color: var(--metin-ikincil);
  transition: transform 0.25s ease, opacity 0.25s ease;
}

.tetik-ikon::before {
  width: 12px;
  height: 1.5px;
}

.tetik-ikon::after {
  width: 1.5px;
  height: 12px;
}

.sahne-madde.acik .sahne-tetik,
.sahne-tetik[aria-expanded="true"] {
  border-left-color: var(--vurgu);
  background-color: var(--yuzey);
  color: var(--metin);
}

.sahne-madde.acik .tetik-ikon::after,
.sahne-tetik[aria-expanded="true"] .tetik-ikon::after {
  transform: rotate(90deg);
  opacity: 0;
}

.sahne-panel {
  background-color: var(--yuzey);
  padding: 1.5rem;
  min-width: 0;
}

@media (max-width: 1023.98px) {
  .sahne-panel {
    padding: 1.25rem 0.875rem 1.75rem;
    background-color: var(--zemin);
    border-top: 1px solid var(--cizgi);
  }
}

.panel-gorsel {
  width: 100%;
  height: auto;
  background-color: var(--yuzey-derin);
  overflow: hidden;
  margin-bottom: 1.5rem;
  border: 1px solid var(--cizgi);
}

.panel-gorsel img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  filter: sepia(0.06) contrast(1.04);
}

/* Üçüncü Şahıs Çevre Anlatı (Derleyici Sesi) */
.panel-derleyici {
  font-family: var(--font-govde);
  font-size: clamp(0.96875rem, 1.15vw, 1.0625rem);
  line-height: 1.68;
  color: var(--metin-ikincil);
  padding-bottom: 1.25rem;
  margin-bottom: 1.25rem;
  border-bottom: 1px solid var(--cizgi);
  max-width: 64ch;
  overflow-wrap: break-word;
}

.panel-alt-baslik {
  font-family: var(--font-baslik);
  font-size: clamp(1.15rem, 1.5vw, 1.325rem);
  font-weight: 700;
  line-height: 1.35;
  color: var(--metin);
  margin-bottom: 0.75rem;
  overflow-wrap: break-word;
}

/* Birinci Şahıs Birebir Metin */
.panel-metin p {
  font-family: var(--font-govde);
  font-size: clamp(1.03125rem, 1.2vw, 1.125rem);
  line-height: 1.74;
  color: var(--metin);
  max-width: 64ch;
  overflow-wrap: break-word;
}

.panel-metin p + p {
  margin-top: 1rem;
}

.panel-capraz-bag {
  margin-top: 1.25rem;
  font-size: 0.96875rem;
  line-height: 1.6;
  color: var(--metin-ikincil);
  max-width: 64ch;
  overflow-wrap: break-word;
}

.metin-ici-bag {
  color: var(--metin);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.metin-ici-bag:hover {
  color: var(--metin-ikincil);
}

/* Sütun Büyük Alıntıları (Açılış veya Kapanış) */
.sutun-alinti {
  margin-top: 1.75rem;
  padding: 1.25rem 1.5rem;
  background-color: var(--zemin);
  border-left: 3px solid var(--vurgu);
  min-width: 0;
}

.sutun-alinti--acilis {
  margin-top: 0;
  margin-bottom: 1.5rem;
}

@media (max-width: 1023.98px) {
  .sutun-alinti {
    padding: 1rem 1.125rem;
    background-color: var(--yuzey);
  }
}

.sutun-alinti p {
  font-family: var(--font-baslik);
  font-style: italic;
  font-size: clamp(1.15rem, 1.6vw, 1.375rem);
  line-height: 1.45;
  color: var(--metin);
  max-width: 58ch;
  overflow-wrap: break-word;
  word-break: break-word;
}

.sutun-alinti footer {
  margin-top: 0.625rem;
  font-family: var(--font-govde);
  font-style: normal;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--metin-ikincil);
  white-space: nowrap;
}

/* Estetik Sütunu Sık Sorulanlar (SSS / FAQPage) Bloğu */
.sutun-sss {
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--cizgi);
  max-width: 64ch;
  min-width: 0;
}

.sss-baslik {
  font-family: var(--font-baslik);
  font-size: clamp(1.125rem, 1.45vw, 1.275rem);
  font-weight: 700;
  color: var(--metin);
  margin-bottom: 1rem;
}

.sss-liste {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
}

.sss-madde {
  min-width: 0;
}

.sss-madde dt {
  font-family: var(--font-baslik);
  font-size: 1.03125rem;
  font-weight: 700;
  line-height: 1.4;
  color: var(--metin);
  margin-bottom: 0.25rem;
  overflow-wrap: break-word;
}

.sss-madde dd {
  font-size: 0.96875rem;
  line-height: 1.65;
  color: var(--metin-ikincil);
  overflow-wrap: break-word;
}

@keyframes sahneBelir {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.js .sahne-panel {
  display: none;
}

.js .sahne-madde.acik .sahne-panel {
  display: block;
  animation: sahneBelir 0.2s ease-out;
}

/* Mobil Varsayılan: İlk sütun açık başlar */
@media (max-width: 1023.98px) {
  .js .sahne-kapsayici:not(.etkilesimli) .sahne-madde.ilk .sahne-panel {
    display: block;
  }

  .js .sahne-kapsayici:not(.etkilesimli) .sahne-madde.ilk .sahne-tetik {
    border-left-color: var(--vurgu);
    background-color: var(--yuzey);
  }

  .js .sahne-kapsayici:not(.etkilesimli) .sahne-madde.ilk .tetik-ikon::after {
    transform: rotate(90deg);
    opacity: 0;
  }
}

/* Masaüstü (≥ 1024px): Solda Dört Sütun Başlığı, Sağda Boşluksuz Görselli Okuma Paneli */
@media (min-width: 1024px) {
  .js .sahne-kapsayici--dortlu {
    display: grid;
    grid-template-columns: 34% minmax(0, 66%);
    grid-template-rows: repeat(4, max-content) 1fr;
    column-gap: clamp(2.25rem, 4vw, 3.75rem);
    align-items: start;
    align-content: start;
  }

  .js .sahne-madde {
    display: contents;
  }

  .js .sahne-baslik {
    grid-column: 1;
    min-width: 0;
    border-bottom: 1px solid var(--cizgi);
  }

  .js .sahne-kapsayici--dortlu > .sahne-madde:first-of-type .sahne-baslik {
    border-top: 1px solid var(--cizgi);
  }

  .js .sahne-kapsayici--dortlu .sahne-panel {
    grid-column: 2;
    grid-row: 1 / span 5;
    position: sticky;
    top: calc(var(--ust-serit-yuksekligi) + 1.5rem);
    border: 1px solid var(--cizgi);
    padding: 2rem 2.5rem;
    background-color: var(--yuzey);
  }

  .js .sahne-kapsayici--dortlu .panel-gorsel img {
    height: clamp(200px, 26vh, 280px);
    aspect-ratio: auto;
    object-fit: cover;
  }

  /* Masaüstünde mikroskop sol kenarda kesilmesin */
  .js .sahne-kapsayici--dortlu .panel-gorsel img[src*="y3-mikroskop"] {
    object-position: 8% center;
  }

  .js .sahne-kapsayici:not(.etkilesimli) .sahne-madde.ilk .sahne-panel {
    display: block;
  }

  .js .sahne-kapsayici:not(.etkilesimli) .sahne-madde.ilk .sahne-tetik {
    border-left-color: var(--vurgu);
    background-color: var(--yuzey);
    padding-left: 1.375rem;
  }

  .js .sahne-madde.acik .sahne-tetik {
    padding-left: 1.375rem;
  }

  .js .sahne-kapsayici:not(.etkilesimli) .sahne-madde.ilk .tetik-ikon::after {
    transform: rotate(90deg);
    opacity: 0;
  }
}

/* Kapanış Bloğu (EMRAH_ONAYI) */
.kapanis-blogu {
  margin-top: 3.5rem;
  padding: 2.25rem clamp(1.25rem, 4vw, 3rem);
  background-color: var(--yuzey);
  border-top: 1px solid var(--cizgi);
  border-bottom: 1px solid var(--cizgi);
}

.kapanis-ust {
  font-size: 0.9375rem;
  color: var(--metin-ikincil);
  margin-bottom: 0.75rem;
}

.kapanis-alinti p {
  font-family: var(--font-baslik);
  font-style: italic;
  font-size: clamp(1.35rem, 2.3vw, 1.85rem);
  line-height: 1.38;
  color: var(--metin);
  overflow-wrap: break-word;
}

.kapanis-alinti footer {
  margin-top: 0.75rem;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--metin-ikincil);
  white-space: nowrap;
}

/* Künye Kartı (Portre + Tekrarsız Tanım Listesi) */
.kunye-bolumu {
  margin-top: 3rem;
}

.kunye-bolumu--ust {
  margin-top: 2.25rem;
}

.kunye-karti {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.5rem;
  align-items: start;
  padding: clamp(1.25rem, 3vw, 2rem);
  background-color: var(--yuzey);
  border: 1px solid var(--cizgi);
}

@media (min-width: 1024px) {
  .kunye-karti {
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 2.5rem;
    align-items: center;
  }
}

.kunye-portre {
  width: 100%;
  max-width: 220px;
  height: auto;
  background-color: var(--yuzey-derin);
  border: 1px solid var(--cizgi);
  overflow: hidden;
  margin: 0;
}

@media (min-width: 1024px) {
  .kunye-portre {
    max-width: none;
    aspect-ratio: 4 / 5;
  }
}

.kunye-portre img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  filter: sepia(0.08) saturate(1.12) contrast(1.04);
}

@media (min-width: 1024px) {
  .kunye-portre img {
    height: 100%;
    object-fit: cover;
    object-position: center 15%;
  }
}

.kunye-bilgi {
  min-width: 0;
}

.kunye-baslik {
  font-family: var(--font-baslik);
  font-size: clamp(1.2rem, 1.8vw, 1.45rem);
  font-weight: 700;
  line-height: 1.32;
  color: var(--metin);
  margin-bottom: 0.5rem;
  overflow-wrap: break-word;
}

.kunye-aciklama {
  font-size: 1rem;
  line-height: 1.65;
  color: var(--metin-ikincil);
  max-width: 62ch;
  overflow-wrap: break-word;
}

.kunye-liste {
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--cizgi);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.kunye-satir {
  display: grid;
  grid-template-columns: minmax(110px, max-content) minmax(0, 1fr);
  gap: 0.75rem;
  font-size: 0.9375rem;
  line-height: 1.5;
  align-items: baseline;
}

@media (max-width: 420px) {
  .kunye-satir {
    grid-template-columns: 104px minmax(0, 1fr);
    gap: 0.5rem;
  }
}

.kunye-satir dt {
  font-weight: 600;
  color: var(--metin);
}

.kunye-satir dd {
  color: var(--metin-ikincil);
  min-width: 0;
  overflow-wrap: break-word;
}

/* Hakkında Sayfası Dört Sütun Geçiş Izgarası */
.sutun-gecis-izgara {
  margin-top: 3rem;
  padding-top: 2.5rem;
  border-top: 1px solid var(--cizgi);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.25rem;
}

@media (min-width: 768px) {
  .sutun-gecis-izgara {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
  }
}

.sutun-gecis-kart {
  display: block;
  padding: 1.5rem;
  background-color: var(--yuzey);
  border: 1px solid var(--cizgi);
  text-decoration: none;
  color: var(--metin);
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

.sutun-gecis-kart:hover {
  border-color: var(--vurgu);
  background-color: var(--yuzey-derin);
}

.sutun-gecis-baslik {
  font-family: var(--font-baslik);
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  color: var(--metin);
}

.sutun-gecis-kart p {
  font-size: 0.96875rem;
  line-height: 1.6;
  color: var(--metin-ikincil);
}

/* KVKK Aydınlatma Metni Sayfası (.yasal-metin) */
.yasal-metin {
  margin-top: 2.25rem;
  max-width: 74ch;
}

.yasal-bolum {
  scroll-margin-top: calc(var(--ust-serit-yuksekligi) + 1rem);
}

.yasal-bolum + .yasal-bolum {
  margin-top: 2.25rem;
  padding-top: 1.75rem;
  border-top: 1px solid var(--cizgi);
}

.yasal-bolum h2 {
  font-family: var(--font-baslik);
  font-size: clamp(1.2rem, 1.7vw, 1.4rem);
  font-weight: 700;
  color: var(--metin);
  margin-bottom: 0.75rem;
}

.yasal-bolum p {
  font-size: 1rem;
  line-height: 1.72;
  color: var(--metin);
  overflow-wrap: break-word;
}

.yasal-bolum p + p {
  margin-top: 0.875rem;
}

.yasal-bolum a {
  color: var(--metin);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.yasal-liste {
  margin-block: 0.875rem;
  padding-left: 1.375rem;
}

.yasal-liste li {
  font-size: 0.96875rem;
  line-height: 1.68;
  color: var(--metin);
  margin-bottom: 0.5rem;
  overflow-wrap: break-word;
}

.yasal-metin code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.9em;
  background-color: var(--yuzey);
  padding: 0.125rem 0.375rem;
}

/* ==========================================================================
   Alt Bilgi (a..f Düzenli Bloklar, Yetim Etiket Yok, 390 px Tam Uyum)
   ========================================================================== */
.alt-bilgi {
  border-top: 1px solid var(--cizgi);
  background-color: var(--yuzey);
  font-size: 0.9375rem;
  color: var(--metin-ikincil);
}

.alt-ic {
  padding-block: 1.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.alt-sube-grup {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.alt-sube-satir {
  font-size: 0.9rem;
  line-height: 1.55;
  color: var(--metin-ikincil);
  overflow-wrap: break-word;
}

.alt-eposta-satir {
  font-size: 0.9rem;
  line-height: 1.55;
  color: var(--metin);
}

.tek-parca {
  display: inline-block;
  white-space: nowrap;
}

.alt-baglar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem 0.625rem;
  padding-top: 0.25rem;
  border-top: 1px solid var(--cizgi);
}

.alt-baglar .ayrac {
  color: var(--metin-ikincil);
}

.alt-bilgi a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  color: var(--metin);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.alt-bilgi a:hover {
  color: var(--metin-ikincil);
}

.alt-uyari {
  font-size: 0.8125rem;
  line-height: 1.6;
  color: var(--metin-ikincil);
}

.alt-uyari time {
  font-weight: 600;
  color: var(--metin);
  white-space: nowrap;
}

.alt-telif {
  font-size: 0.84375rem;
  font-weight: 600;
  color: var(--metin);
}

/* Mobil Kırpmasız Görsel Kuralı (< 1024px: Hiçbir görsel kırpılmaz, doğal oranında tam görünür) */
@media (max-width: 1023.98px) {
  .hero-mimari-kapsayici,
  .hero-mimari-kapsayici picture,
  .panel-gorsel,
  .kunye-portre {
    aspect-ratio: auto;
    max-height: none;
    height: auto;
  }

  main img,
  .hero-monografi img,
  picture img {
    aspect-ratio: auto;
    width: 100%;
    height: auto;
    max-height: none;
    object-fit: contain;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}

/* Anu 22.10 (Yusuf: "Evdiş isimlerinde link olduğu belli olsun, mavi olmalı") — dış bağlantılar ve e-posta mavi + altı çizili */
a[href^="https://evdis.com.tr"], a[href^="https://www.evdis.com.tr"], a[href^="mailto:"] {
  color: #1d4ed8;
  text-decoration: underline;
  text-underline-offset: 2px;
}
a[href^="https://evdis.com.tr"]:visited, a[href^="https://www.evdis.com.tr"]:visited, a[href^="mailto:"]:visited { color: #1e40af; }
a[href^="https://evdis.com.tr"]:hover, a[href^="https://www.evdis.com.tr"]:hover, a[href^="mailto:"]:hover { color: #1e3a8a; }

/* ==========================================================================
   Anu 23.10 — Çok dil eki (yalnız ek; yukarıdaki kurallar yayin_1023 ile aynı)
   Dil seçici · Kısa notlar · Çeviri notu · [dir="rtl"] aynalama
   ========================================================================== */
.ust-sag {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  flex-shrink: 0;
  min-width: 0;
}

.dil-secici {
  display: inline-flex;
  align-items: center;
  gap: 0;
  font-family: var(--font-govde);
  font-size: 0.8125rem;
  line-height: 1;
}

.dil-secici a {
  min-height: 44px;
  min-width: 28px;
  padding-inline: 0.125rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--metin-ikincil);
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 0.02em;
}

.dil-secici a:hover {
  color: var(--metin);
}

.dil-secici a[aria-current="page"] {
  color: var(--vurgu);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.dil-secici .ayrac {
  color: var(--metin-ikincil);
  opacity: 0.55;
  user-select: none;
}

@media (max-width: 419.98px) {
  .dil-secici .ayrac {
    display: none;
  }

  .ust-ic {
    column-gap: 0.5rem;
  }

  .ust-sag {
    gap: 0.25rem;
  }

  .dil-secici a {
    min-width: 26px;
    padding-inline: 0;
  }

  .js .menu-tetik {
    padding-inline: 0.625rem;
  }

  .js .kimlik-isim {
    white-space: nowrap;
  }
}

@media (max-width: 379.98px) {
  .js .kimlik-isim {
    font-size: 0.9375rem;
  }
}

/* Uzun unvanlı diller (EN/DE/AR): dar ekranda isim küçülür, gerekirse iki satıra iner, seçiciyle çakışmaz */
@media (max-width: 419.98px) {
  html:not([lang="tr"]).js .kimlik-isim {
    white-space: normal;
    font-size: 0.9375rem;
    line-height: 1.2;
  }
}

@media (min-width: 1024px) {
  .ust-sag {
    order: 3;
    margin-inline-start: 0.75rem;
  }
}

html:not(.js) .ust-sag {
  order: 3;
}

/* Sütun sonu kısa notlar kutusu */
.kisa-notlar {
  margin-top: 1.5rem;
  padding: 1.125rem 1.25rem;
  background-color: var(--zemin);
  border: 1px solid var(--cizgi);
  max-width: 64ch;
  min-width: 0;
}

.kisa-notlar-baslik {
  font-family: var(--font-govde);
  font-size: 0.8125rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--metin-ikincil);
  margin-bottom: 0.625rem;
}

.kisa-notlar-liste {
  margin: 0;
  padding-inline-start: 1.125rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.kisa-notlar-liste li {
  font-family: var(--font-baslik);
  font-size: 0.96875rem;
  line-height: 1.55;
  color: var(--metin);
  overflow-wrap: break-word;
}

/* Çeviri notu: "(translated from Turkish)" vb. */
.ceviri-notu {
  font-weight: 400;
  font-size: 0.8125rem;
  opacity: 0.82;
}

html:not([lang="tr"]) .hero-alinti footer,
html:not([lang="tr"]) .sutun-alinti footer,
html:not([lang="tr"]) .kapanis-alinti footer {
  white-space: normal;
}

/* Arapça: harf aralığı bitişik yazıyı bozmasın; sistem Arapça yazı tipine düş */
html[lang="ar"] body {
  font-family: var(--font-govde), "Geeza Pro", "Noto Naskh Arabic", "Noto Sans Arabic", "Segoe UI", Tahoma, sans-serif;
}

html[lang="ar"] * {
  letter-spacing: 0 !important;
}

html[lang="ar"] .kisa-notlar-baslik {
  text-transform: none;
}

/* [dir="rtl"] aynalama */
[dir="rtl"] .atlama-bagi {
  left: auto;
  right: 1rem;
}

[dir="rtl"] .hero-alinti {
  padding: 0.25rem clamp(1rem, 2.2vw, 1.75rem) 0.25rem 0;
  border-left: none;
  border-right: 2px solid rgba(247, 245, 240, 0.55);
}

[dir="rtl"] .sahne-tetik {
  border-left: none;
  border-right: 3px solid transparent;
  text-align: right;
}

[dir="rtl"] .sahne-madde.acik .sahne-tetik,
[dir="rtl"] .sahne-tetik[aria-expanded="true"] {
  border-right-color: var(--vurgu);
}

[dir="rtl"] .sutun-alinti {
  border-left: none;
  border-right: 3px solid var(--vurgu);
}

[dir="rtl"] .yasal-liste {
  padding-left: 0;
  padding-right: 1.375rem;
}

@media (min-width: 640px) and (max-width: 1023.98px) {
  [dir="rtl"] .esik-kapi:nth-child(odd) {
    border-right: none;
    border-left: 1px solid var(--hero-cizgi);
  }
}

@media (max-width: 1023.98px) {
  .js[dir="rtl"] .sahne-kapsayici:not(.etkilesimli) .sahne-madde.ilk .sahne-tetik {
    border-right-color: var(--vurgu);
  }
}

@media (min-width: 1024px) {
  [dir="rtl"] .hero-icerik-kapsayici {
    padding: 3.25rem clamp(1.5rem, 4vw, 3.25rem) 3.25rem 1.5rem;
  }

  [dir="rtl"] .hero-mimari-kapsayici::after {
    background:
      linear-gradient(270deg, var(--hero-zemin) 0%, rgba(18, 18, 16, 0.62) 16%, rgba(18, 18, 16, 0) 44%, rgba(18, 18, 16, 0.35) 100%),
      linear-gradient(180deg, rgba(18, 18, 16, 0.32) 0%, rgba(18, 18, 16, 0) 24%, rgba(18, 18, 16, 0.68) 88%, var(--hero-zemin) 100%),
      radial-gradient(circle at 42% 48%, transparent 50%, rgba(18, 18, 16, 0.45) 100%);
  }

  [dir="rtl"] .esik-kapi {
    border-right: none;
    border-left: 1px solid var(--hero-cizgi);
  }

  [dir="rtl"] .esik-kapi:last-child {
    border-left: none;
  }

  .js[dir="rtl"] .sahne-kapsayici:not(.etkilesimli) .sahne-madde.ilk .sahne-tetik,
  .js[dir="rtl"] .sahne-madde.acik .sahne-tetik {
    border-right-color: var(--vurgu);
    padding-left: 1rem;
    padding-right: 1.375rem;
  }
}