/* ==========================================================================
   Novrika — Seçenek C Ortak Stil Dosyası (site.css)
   Kart Tabanlı Modüler Dergi Düzeni & İnteraktif Konsol Mimarisi (2. Tur)
   ========================================================================== */

/* ---------- Değişkenler (Ana sayfa ile birebir aynı değişken adları) ---------- */
:root {
  --kagit: #ffffff;
  --zemin: #F7F5FB;
  --zemin2: #F5F1FB;
  --murekkep: #1B1530;
  --m2: #544D69;
  --m3: #3D3752;
  --mor: #421574;
  --mor-acik: #6B3AA0;
  --leylak: #E6DAF5;
  --ust-koyu: #260A47;
  --alt-koyu: #1A0733;
  --menekse: #7C3AED;
  --cizgi: #E6E1EF;
  --cizgi-koyu: #D5CCE3;
  --uyari-zemin: #FFF8E8;
  --uyari-cizgi: #E8C877;
  --uyari-yazi: #5B4A1F;
  --hata-zemin: #FDF2F2;
  --hata-cizgi: #F5C6CB;
  --hata-yazi: #721C24;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", Menlo, Consolas, "Courier New", monospace;
  --ust: 70px;
  --kap: min(100vw - 80px, max(1320px, 80vw));
  --ic: min(880px, 100vw - 48px); /* 4. Tur: Kart genişliği içindekiler kadar (560px metin + 36px boşluk + 220px görsel + 64px dolgu) */
  --alt-en: min(1120px, 100vw - 48px);
  --yazi-en: 560px; /* Kural 16 & O1: 17px'te ~76 karakter (en çok 80) */
}

@media (max-width: 900px) {
  :root {
    --ust: 60px;
  }
}

/* ---------- Sıfırlama ve Temel Kurallar ---------- */
*, *::before, *::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--ust) + 18px);
  overflow-x: clip;
  overflow-wrap: break-word;
}

body {
  margin: 0;
  background-color: var(--zemin);
  color: var(--murekkep);
  font-family: var(--font);
  font-size: 1.0625rem; /* 17px */
  line-height: 1.68;
  overflow-x: clip;
  text-align: start;
  overflow-wrap: break-word;
}

h1, h2, h3, h4 {
  margin: 0;
  font-weight: 800;
  letter-spacing: -0.022em;
  line-height: 1.2;
  color: var(--murekkep);
  text-wrap: balance;
  text-align: start;
  overflow-wrap: break-word;
  hyphens: manual;
  -webkit-hyphens: manual;
}

h1 *, h2 *, h3 *, h4 * {
  overflow-wrap: break-word;
  hyphens: manual;
  -webkit-hyphens: manual;
}

h1 {
  font-size: clamp(2rem, 3.8vw, 2.75rem);
  line-height: 1.15;
  letter-spacing: -0.03em;
}

h2 {
  font-size: clamp(1.35rem, 2.1vw, 1.75rem);
  line-height: 1.25;
}

h3 {
  font-size: 1.1875rem; /* 19px */
  line-height: 1.35;
}

p {
  margin: 0;
  text-wrap: pretty;
  text-align: start;
  overflow-wrap: break-word;
}

a {
  color: var(--mor-acik);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color 0.15s ease, text-decoration-color 0.15s ease;
}

a:hover {
  color: var(--mor);
  text-decoration-thickness: 2px;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

ul, ol {
  margin: 0;
  padding: 0;
}

button {
  font-family: inherit;
  font-size: inherit;
}

/* ---------- Erişilebilirlik ve Odak Göstergeleri ---------- */
:focus-visible {
  outline: 3px solid var(--menekse);
  outline-offset: 3px;
  border-radius: 6px;
}

/* Ekran Okuyucu Yalnızca */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* ---------- GENEL SAYFA KAPLARI VE ÇERÇEVELERİ ---------- */
.ana-sarmal {
  width: var(--ic);
  max-width: 880px;
  margin-inline: auto;
  padding-block: calc(var(--ust) + 36px) 84px;
  min-width: 0;
}

@media (max-width: 640px) {
  .ana-sarmal {
    width: 100%;
    padding-inline: 16px;
    padding-block: calc(var(--ust) + 24px) 64px;
  }
}

@media (max-width: 360px) {
  .ana-sarmal {
    padding-inline: 12px;
  }
}

/* ---------- Ekmek Kırıntısı (Breadcrumbs - Kural 18 & O2: Dokunma alanı min 44x44) ---------- */
.ekmek-kirintisi {
  margin-block-end: 22px;
}

.ekmek-listesi {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 4px;
  list-style: none;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--m2);
  overflow-wrap: break-word;
  hyphens: manual;
  -webkit-hyphens: manual;
}

.ekmek-listesi a {
  color: var(--mor-acik);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  min-width: 44px;
  padding-block: 10px;
  padding-inline: 6px;
}

.ekmek-listesi a:hover {
  text-decoration: underline;
}

.ekmek-ayrac {
  color: var(--m2);
  padding-inline: 4px;
  font-size: 0.875rem;
  user-select: none;
}

.ekmek-aktif {
  color: var(--murekkep);
  padding-inline: 6px;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

/* ---------- SAYFA BAŞLIĞI & EDİTORYAL HERO ---------- */
.dergi-baslik-alani {
  margin-block-end: 36px;
  border-bottom: 1px solid var(--cizgi);
  padding-block-end: 28px;
}

.dergi-ust-rozetler {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-block-end: 14px;
}

.etiket-rozet {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 13px;
  border-radius: 999px;
  background-color: var(--kagit);
  border: 1px solid var(--cizgi);
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--m2);
  line-height: 1.2;
  max-width: 100%;
  overflow-wrap: break-word;
  hyphens: manual;
  -webkit-hyphens: manual;
  min-width: 0;
}

.etiket-rozet.vurgu {
  background-color: var(--zemin2);
  border-color: var(--leylak);
  color: var(--mor);
}

.dergi-giris-paragrafi {
  font-size: clamp(1.0625rem, 1.2vw, 1.2rem);
  line-height: 1.62;
  color: var(--m3);
  margin-block-start: 16px;
  max-width: var(--yazi-en); /* Kural 16: <= 80 karakter */
}

.dergi-meta-serit {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 24px;
  margin-block-start: 18px;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--m2);
}

.dergi-meta-oge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.dergi-meta-oge svg {
  flex: none;
  color: var(--mor-acik);
}

/* ---------- KART TABANLI MODÜLER DERGİ DÜZENİ (Kural 21: Kartların yarısı boş kalmaz) ---------- */
.dergi-duzen {
  display: flex;
  flex-direction: column;
  gap: 28px;
  min-width: 0;
}

.dergi-kart {
  background-color: var(--kagit);
  border: 1px solid var(--cizgi);
  border-radius: 20px;
  padding: 32px;
  box-shadow: 0 4px 20px -6px rgba(38, 10, 71, 0.05);
  position: relative;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  min-width: 0;
}

.dergi-kart:hover {
  border-color: var(--leylak);
  box-shadow: 0 10px 28px -10px rgba(38, 10, 71, 0.08);
}

/* Metin ağırlıklı genel paneller (Hakkında, SSS vb. 2 sütunlu editoryal düzen) */
.dergi-kart--metin {
  width: 100%;
  max-width: 100%;
}

@media (min-width: 881px) {
  .dergi-kart--metin {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 0 36px;
    align-items: start;
  }

  .dergi-kart--metin > h2,
  .dergi-kart--metin > h3 {
    grid-column: 1;
    grid-row: 1 / span 12;
    margin-block-end: 0;
    margin: 0;
    font-size: 1.25rem;
    line-height: 1.3;
  }

  .dergi-kart--metin > p,
  .dergi-kart--metin > ul,
  .dergi-kart--metin > ol,
  .dergi-kart--metin > div:not(.hata-paneli):not(.dergi-kart-ust),
  .dergi-kart--metin > aside,
  .dergi-kart--metin > section {
    grid-column: 2;
  }

  .dergi-kart--metin > .dergi-sss-blok {
    margin-block-start: 0;
  }

  .dergi-kart--metin > h2:only-child,
  .dergi-kart--metin > h3:only-child,
  .dergi-kart--metin > .hata-paneli:only-child {
    grid-column: 1 / -1;
  }

  /* Ekran görüntüsüz bölüm kartları (Tur 5: rozet ve başlık sol üstte yan yana, metin 2 sütunda yayılır) */
  .dergi-kart--metin:has(.adim-rozet),
  .dergi-kart--metin:has(.dergi-kart-ust) {
    display: block;
    column-count: 2;
    column-gap: 36px;
    column-fill: balance;
  }

  .dergi-kart--metin:has(.adim-rozet) > .dergi-kart-ust,
  .dergi-kart--metin:has(.dergi-kart-ust) > .dergi-kart-ust {
    column-span: all;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 14px;
    margin-block-end: 18px;
    grid-column: auto;
    grid-row: auto;
  }

  .dergi-kart--metin:has(.adim-rozet) > .dergi-kart-ust h2,
  .dergi-kart--metin:has(.adim-rozet) > .dergi-kart-ust h3,
  .dergi-kart--metin:has(.dergi-kart-ust) > .dergi-kart-ust h2,
  .dergi-kart--metin:has(.dergi-kart-ust) > .dergi-kart-ust h3 {
    margin: 0;
    font-size: clamp(1.25rem, 1.8vw, 1.55rem);
    line-height: 1.25;
  }

  .dergi-kart--metin:has(.adim-rozet) > p,
  .dergi-kart--metin:has(.adim-rozet) > ul,
  .dergi-kart--metin:has(.adim-rozet) > ol,
  .dergi-kart--metin:has(.dergi-kart-ust) > p,
  .dergi-kart--metin:has(.dergi-kart-ust) > ul,
  .dergi-kart--metin:has(.dergi-kart-ust) > ol {
    grid-column: auto;
    max-width: 100%;
  }

  .dergi-kart--metin:has(.adim-rozet) li,
  .dergi-kart--metin:has(.dergi-kart-ust) li {
    break-inside: avoid;
  }
}

/* Ekran görüntüsü olan bölümlerde: Metin solda (560px), dengeli telefon görseli sağda (220px) */
.dergi-kart--ekranli {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  gap: 36px;
  align-items: start;
  width: 100%;
  max-width: 100%;
}

.dergi-kart--ekranli > div:has(.ekran-vitrini),
.dergi-kart--ekranli > div:last-child:not(.dergi-kart-icerik),
.dergi-kart--ekranli > figure {
  max-width: 220px;
  width: 100%;
}

.cift-ekran-vitrini {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  width: 100%;
  max-width: 220px;
}

.dergi-kart-icerik {
  min-width: 0;
}

@media (max-width: 880px) {
  .dergi-kart--ekranli {
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .dergi-kart--metin {
    display: block;
    column-count: 1;
  }
}

.dergi-kart-ust {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-block-end: 18px;
}

.dergi-kart-ust h2,
.dergi-kart-ust h3 {
  margin: 0;
  font-size: clamp(1.25rem, 1.8vw, 1.55rem);
  line-height: 1.25;
}

.adim-rozet {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--mor) 0%, var(--mor-acik) 100%);
  color: #ffffff;
  font-weight: 800;
  font-size: 1.0625rem;
  flex: none;
  box-shadow: 0 4px 10px rgba(66, 21, 116, 0.25);
  hyphens: manual;
  -webkit-hyphens: manual;
}

.dergi-kart h2 {
  color: var(--murekkep);
  font-size: clamp(1.25rem, 1.8vw, 1.55rem);
}

.dergi-kart h3 {
  margin-block-start: 20px;
  margin-block-end: 8px;
  color: var(--murekkep);
  font-size: 1.1875rem;
}

.dergi-kart p {
  color: var(--m3);
  font-size: 1.0625rem; /* 17px */
  line-height: 1.72;
  margin-block-start: 12px;
  max-width: var(--yazi-en); /* Kural 16 & O1: <= 80 karakter */
}

.dergi-kart p:first-of-type {
  margin-block-start: 0;
}

.dergi-kart ul, .dergi-kart ol {
  margin-block-start: 14px;
  padding-inline-start: 24px;
  color: var(--m3);
  line-height: 1.72;
  max-width: var(--yazi-en); /* Kural 16 & O1: <= 80 karakter */
}

.dergi-kart li {
  margin-block-end: 10px;
  font-size: 1.0625rem; /* 17px */
}

.dergi-kart li strong {
  color: var(--murekkep);
}

@media (max-width: 640px) {
  .dergi-kart {
    padding: 22px 18px;
    border-radius: 16px;
  }
  .dergi-kart-ust,
  .adim-baslik-satiri {
    gap: 10px;
    margin-block-end: 14px;
  }
  .adim-rozet {
    width: 32px;
    height: 32px;
    font-size: 0.9375rem;
    border-radius: 9px;
  }
  .dergi-kart p, .dergi-kart ul, .dergi-kart ol, .dergi-kart li {
    font-size: 1rem; /* 16px */
  }
}

@media (max-width: 360px) {
  .dergi-kart {
    padding: 18px 14px;
  }
}

/* ---------- GERÇEK UYGULAMA EKRAN GÖRÜNTÜLERİ ÇERÇEVESİ (Kural 13 & 21: Orantılı, dengeli) ---------- */
.ekran-vitrini {
  margin: 0;
  padding: 10px 12px;
  background-color: var(--zemin);
  border: 1px solid var(--cizgi);
  border-radius: 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 220px;
  width: 100%;
  justify-self: end;
  align-self: start;
  flex: none;
}

.ekran-cerceve {
  max-width: 192px;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  background-color: #0e0a18;
  padding: 5px;
  box-shadow: 0 12px 28px -10px rgba(42, 11, 78, 0.25);
}

.ekran-cerceve img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
}

.ekran-altyazi {
  margin-block-start: 8px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--m2);
  text-align: center;
  line-height: 1.35;
}

@media (max-width: 880px) {
  .ekran-vitrini {
    justify-self: center;
    max-width: 200px;
  }
}

/* ---------- KARŞILAŞTIRMA TABLOSU (Kural 18: 320px taşmaz, kaydırmalı — Tur 30: Kaydırma İpucu) ---------- */
.tablo-sarmal-kapsayici {
  position: relative;
  margin-block: 24px;
  max-width: 100%;
  width: 100%;
  min-width: 0;
}

.tablo-sarmal-kapsayici > .tablo-sarmal {
  margin-block: 0;
}

.tablo-sarmal {
  margin-block: 24px;
  background-color: var(--kagit);
  border: 1px solid var(--cizgi);
  border-radius: 16px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
  width: 100%;
  display: block;
  min-width: 0;
  scrollbar-width: thin;
  scrollbar-color: var(--cizgi-koyu) transparent;
}

.tablo-sarmal:focus-visible {
  outline: 3px solid var(--menekse);
  outline-offset: 2px;
}

/* Kaydırma İpucu (Tur 30) */
.tablo-kaydirma-ipucu {
  position: absolute;
  inset-block: 1px;
  inset-inline-end: 1px;
  width: 44px;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-inline-end: 8px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s ease, visibility 0.25s ease;
  z-index: 3;
  border-start-end-radius: 15px;
  border-end-end-radius: 15px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.98) 100%);
}

[dir="rtl"] .tablo-kaydirma-ipucu,
html[dir="rtl"] .tablo-kaydirma-ipucu {
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.98) 100%);
}

.tablo-sarmal-kapsayici.kaydir-son .tablo-kaydirma-ipucu {
  opacity: 1;
  visibility: visible;
}

.tablo-kaydirma-ipucu::after {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background-color: var(--kagit);
  border: 1px solid var(--leylak);
  box-shadow: 0 2px 8px rgba(66, 21, 116, 0.16);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23421574' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  flex: none;
}

[dir="rtl"] .tablo-kaydirma-ipucu::after,
html[dir="rtl"] .tablo-kaydirma-ipucu::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23421574' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3C/svg%3E");
}

@media (prefers-reduced-motion: no-preference) {
  .tablo-sarmal-kapsayici.kaydir-son .tablo-kaydirma-ipucu::after {
    animation: tablo-ok-durt 1.8s ease-in-out infinite;
  }

  @keyframes tablo-ok-durt {
    0%, 100% {
      transform: translateX(0);
    }
    50% {
      transform: translateX(3px);
    }
  }

  [dir="rtl"] .tablo-sarmal-kapsayici.kaydir-son .tablo-kaydirma-ipucu::after,
  html[dir="rtl"] .tablo-sarmal-kapsayici.kaydir-son .tablo-kaydirma-ipucu::after {
    animation-name: tablo-ok-durt-rtl;
  }

  @keyframes tablo-ok-durt-rtl {
    0%, 100% {
      transform: translateX(0);
    }
    50% {
      transform: translateX(-3px);
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  .tablo-kaydirma-ipucu,
  .tablo-kaydirma-ipucu::after {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}

@media print {
  .tablo-kaydirma-ipucu {
    display: none !important;
  }
}

.karsilastirma-tablo {
  width: 100%;
  min-width: 460px;
  border-collapse: collapse;
  font-size: 1rem; /* 16px */
  text-align: start;
}

.karsilastirma-tablo th {
  padding: 14px 18px;
  border-bottom: 1px solid var(--cizgi);
  vertical-align: middle;
  overflow-wrap: break-word;
  hyphens: manual;
  -webkit-hyphens: manual;
}

.karsilastirma-tablo td {
  padding: 14px 18px;
  border-bottom: 1px solid var(--cizgi);
  vertical-align: middle;
  overflow-wrap: break-word;
  hyphens: auto;
  -webkit-hyphens: auto;
}

.karsilastirma-tablo thead th {
  background-color: var(--zemin2);
  color: var(--mor);
  font-weight: 800;
  font-size: 1rem;
  letter-spacing: -0.01em;
  border-bottom: 2px solid var(--leylak);
}

.karsilastirma-tablo thead th:first-child {
  width: 28%;
}

.karsilastirma-tablo tbody th {
  font-weight: 700;
  color: var(--murekkep);
  background-color: rgba(247, 245, 251, 0.4);
}

.karsilastirma-tablo tbody td {
  color: var(--m3);
}

.karsilastirma-tablo tbody tr:last-child th,
.karsilastirma-tablo tbody tr:last-child td {
  border-bottom: none;
}

.karsilastirma-tablo tbody tr:hover {
  background-color: rgba(245, 241, 251, 0.5);
}

.tablo-boru, .tablo-ayrac-satir {
  display: none;
}

/* ---------- VURGU PANELLERİ (Hatalar, Bilgilendirme Notu, İpuçları) ---------- */
.dergi-panel {
  border-radius: 18px;
  padding: 24px 28px;
  margin-block: 8px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.hata-paneli {
  background-color: #FFF9F9;
  border: 1px solid #F5DADA;
  border-inline-start: 5px solid #C53030;
  border-radius: 16px;
  padding: 24px 28px;
}

.hata-paneli h2, .hata-paneli h3 {
  color: #9B2C2C;
  font-size: 1.25rem;
  margin-block-end: 12px;
}

.hata-paneli ul {
  list-style: none;
  padding: 0;
  margin: 0;
  max-width: var(--yazi-en); /* Kural 16 & O1: 1052px yayılmayı önler */
}

.hata-paneli li {
  position: relative;
  padding-inline-start: 26px;
  margin-block-end: 12px;
  color: var(--m3);
  font-size: 1rem; /* 16px */
  line-height: 1.68;
}

.hata-paneli li:last-child {
  margin-block-end: 0;
}

.hata-paneli li::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 9px;
  width: 14px;
  height: 2px;
  background-color: #E53E3E;
  border-radius: 2px;
}

.hata-paneli li strong {
  color: #742A2A;
}

@media (min-width: 881px) {
  .hata-paneli {
    display: grid;
    grid-template-columns: 200px minmax(0, 1fr);
    gap: 0 32px;
    align-items: start;
  }

  .hata-paneli h2, .hata-paneli h3 {
    grid-column: 1;
    margin: 0;
  }

  .hata-paneli ul, .hata-paneli ol, .hata-paneli p {
    grid-column: 2;
    margin: 0;
  }
}

.uyari-paneli,
.uyari-paneli.dergi-kart--metin {
  background-color: var(--uyari-zemin);
  border: 1px solid var(--uyari-cizgi);
  border-radius: 14px;
  padding: 18px 22px;
  font-size: 1rem; /* 16px */
  line-height: 1.6;
  color: var(--uyari-yazi);
  display: flex !important;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  max-width: 100%;
}

.uyari-paneli svg {
  flex: none;
  color: #B7791F;
  margin-block-start: 3px;
}

.uyari-paneli p, .uyari-paneli .uyari {
  color: var(--uyari-yazi);
  font-size: 1rem; /* 16px */
  margin: 0;
  line-height: 1.6;
  max-width: var(--yazi-en); /* Kural 16: <= 80 karakter (1062px yayılmayı önler) */
}

.bolum-ayrac {
  text-align: center;
  color: var(--m2);
  letter-spacing: 0.4em;
  font-weight: 700;
  margin-block: 14px;
}

/* ---------- YAZI İÇİ SSS (3 Soru Modülü) ---------- */
.dergi-sss-blok {
  margin-block-start: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  max-width: 100%;
}

.dergi-sss-oge {
  background-color: var(--zemin);
  border: 1px solid var(--cizgi);
  border-radius: 14px;
  overflow: hidden;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}

.dergi-sss-oge[open] {
  background-color: var(--kagit);
  border-color: var(--mor-acik);
}

.dergi-sss-soru {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 15px 20px;
  font-size: 1.0625rem;
  font-weight: 700;
  color: var(--murekkep);
  cursor: pointer;
  list-style: none;
  user-select: none;
  min-height: 48px;
  overflow-wrap: break-word;
  hyphens: manual;
  -webkit-hyphens: manual;
}

.dergi-sss-soru::-webkit-details-marker {
  display: none;
}

.dergi-sss-soru svg {
  flex: none;
  color: var(--mor-acik);
  transition: transform 0.2s ease;
}

.dergi-sss-oge[open] .dergi-sss-soru svg {
  transform: rotate(180deg);
}

.dergi-sss-cevap {
  padding: 0 20px 18px;
  font-size: 1rem; /* 16px */
  color: var(--m3);
  line-height: 1.68;
}

.dergi-sss-cevap,
p.dergi-sss-cevap,
.dergi-sss-cevap p {
  margin: 0;
  max-width: var(--yazi-en);
}

/* ---------- YAZI SONU VE KÜTÜPHANE REHBER KARTLARI ---------- */
.rehber-kutuphanesi-baslik {
  font-size: 1.4rem;
  margin-block-end: 18px;
  color: var(--murekkep);
  overflow-wrap: break-word;
  hyphens: manual;
  -webkit-hyphens: manual;
}

.rehber-kutuphanesi-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  width: 100%;
  min-width: 0;
}

@media (min-width: 641px) {
  .rehber-kutuphanesi-grid > .rehber-vitrin-kart:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    align-items: center;
    gap: 8px 24px;
  }

  .rehber-kutuphanesi-grid > .rehber-vitrin-kart:last-child:nth-child(odd) strong {
    grid-column: 1;
    grid-row: 1;
  }

  .rehber-kutuphanesi-grid > .rehber-vitrin-kart:last-child:nth-child(odd) p {
    grid-column: 1;
    grid-row: 2;
    margin: 0;
    max-width: var(--yazi-en);
  }

  .rehber-kutuphanesi-grid > .rehber-vitrin-kart:last-child:nth-child(odd) .rehber-kart-ok {
    grid-column: 2;
    grid-row: 1 / -1;
    align-self: center;
    margin-block-start: 0;
    white-space: nowrap;
    padding: 10px 18px;
    border-radius: 999px;
    background-color: var(--zemin2);
    border: 1px solid var(--leylak);
  }
}

@media (max-width: 640px) {
  .rehber-kutuphanesi-grid {
    grid-template-columns: 1fr;
  }
}

.rehber-vitrin-kart {
  position: relative;
  background-color: var(--kagit);
  border: 1px solid var(--cizgi);
  border-radius: 16px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-decoration: none;
  box-shadow: 0 4px 16px -6px rgba(38, 10, 71, 0.05);
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  min-width: 0;
}

.rehber-vitrin-kart:hover {
  transform: translateY(-3px);
  border-color: var(--mor);
  box-shadow: 0 12px 28px -10px rgba(66, 21, 116, 0.12);
}

.rehber-vitrin-kart strong {
  font-size: 1.125rem;
  font-weight: 800;
  line-height: 1.35;
  color: var(--murekkep);
  overflow-wrap: break-word;
  hyphens: manual;
  -webkit-hyphens: manual;
}

.rehber-vitrin-kart p {
  font-size: 1rem; /* 16px */
  line-height: 1.6;
  color: var(--m2);
  margin: 0;
  max-width: var(--yazi-en);
}

.rehber-kart-ok {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--mor-acik);
  margin-block-start: auto;
  min-height: 44px;
  overflow-wrap: break-word;
  hyphens: manual;
  -webkit-hyphens: manual;
}

/* ---------- SSS SAYFASI ÖZEL (Seçenek C: 2 Sütunlu Modüler Kartlı Kategori Panelleri) ---------- */
.sss-kontrol-cubuk {
  display: flex;
  justify-content: flex-end;
  margin-block-end: 20px;
}

.sss-tum-dugme {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  height: auto;
  min-width: 44px;
  padding-block: 8px;
  padding-inline: 20px;
  border-radius: 999px;
  border: 1px solid var(--cizgi);
  background-color: var(--kagit);
  color: var(--mor);
  font-weight: 700;
  font-size: 0.875rem;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease;
  text-align: center;
  overflow-wrap: break-word;
  hyphens: manual;
  -webkit-hyphens: manual;
  max-width: 100%;
}

.sss-tum-dugme:hover {
  background-color: var(--zemin2);
  border-color: var(--mor-acik);
}

.sss-kategori-izgara {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  align-items: start;
  min-width: 0;
}

@media (max-width: 860px) {
  .sss-kategori-izgara {
    grid-template-columns: 1fr;
  }
}

.sss-kategori-panel {
  background-color: var(--kagit);
  border: 1px solid var(--cizgi);
  border-radius: 20px;
  padding: 28px;
  box-shadow: 0 4px 20px -6px rgba(38, 10, 71, 0.05);
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

.sss-kategori-baslik {
  font-size: 1.25rem;
  font-weight: 800;
  color: var(--mor);
  display: flex;
  align-items: center;
  gap: 10px;
  padding-block-end: 12px;
  border-bottom: 2px solid var(--zemin2);
  margin-block-end: 6px;
  overflow-wrap: break-word;
  hyphens: manual;
  -webkit-hyphens: manual;
}

.sss-kategori-baslik svg {
  color: var(--mor-acik);
  flex: none;
}

/* SSS Soru okunurluğu (Kural C-11: Aşırı kalın/büyük yazı hafifletildi, ayrım netleştirildi) */
.sss-madde {
  border: 1px solid var(--cizgi);
  border-radius: 12px;
  background-color: var(--zemin);
  overflow: hidden;
  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}

.sss-madde[open] {
  background-color: #ffffff;
  border-color: var(--mor-acik);
  box-shadow: 0 4px 14px rgba(66, 21, 116, 0.07);
}

.sss-soru {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 18px;
  min-height: 48px;
  cursor: pointer;
  list-style: none;
  user-select: none;
  font-size: 0.95rem; /* ~15.2px: 3 satıra kırılmayı engeller */
  font-weight: 600; /* Çok kalın olmayan, net ve okunaklı ağırlık */
  color: var(--murekkep);
  line-height: 1.42;
  overflow-wrap: break-word;
  hyphens: manual;
  -webkit-hyphens: manual;
}

.sss-soru::-webkit-details-marker {
  display: none;
}

.sss-soru svg {
  flex: none;
  color: var(--mor-acik);
  transition: transform 0.2s ease;
}

.sss-madde[open] .sss-soru svg {
  transform: rotate(180deg);
}

.sss-cevap {
  padding: 0 18px 16px;
  font-size: 1rem; /* 16px */
  line-height: 1.68;
  color: var(--m3);
  border-top: 1px solid var(--zemin2);
  padding-top: 12px;
}

.sss-cevap p {
  margin: 0;
  max-width: var(--yazi-en);
}

/* ---------- HAKKINDA SAYFASI ÖZEL ---------- */
.hakkinda-vitrin {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  gap: 36px;
  align-items: start;
}

.hakkinda-vitrin h2 {
  margin-block-end: 14px;
}

.hakkinda-vitrin p + p {
  margin-block-start: 14px;
}

@media (max-width: 880px) {
  .hakkinda-vitrin {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

.hakkinda-ekran {
  margin: 0;
}

.hakkinda-uyari {
  margin-block-start: 16px;
}

.ozellikler-izgara {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-block-start: 16px;
}

@media (max-width: 800px) {
  .ozellikler-izgara {
    grid-template-columns: repeat(2, 1fr);
  }
  .ozellikler-izgara > .ozellik-kart:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 560px) {
  .ozellikler-izgara {
    grid-template-columns: 1fr;
  }
  .ozellikler-izgara > .ozellik-kart:last-child {
    grid-column: auto;
  }
}

.ozellik-kart {
  background-color: var(--zemin);
  border: 1px solid var(--cizgi);
  border-radius: 14px;
  padding: 18px 20px;
}

.ozellik-kart strong {
  display: block;
  font-size: 1.0625rem;
  color: var(--mor);
  margin-block-end: 6px;
  overflow-wrap: break-word;
  hyphens: manual;
  -webkit-hyphens: manual;
}

.ozellik-kart p {
  font-size: 1rem; /* 16px */
  line-height: 1.6;
  color: var(--m3);
  margin: 0;
  max-width: var(--yazi-en);
}

.akis-adimlari {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-block: 16px;
}

.akis-adim {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  background-color: var(--zemin);
  border: 1px solid var(--cizgi);
  border-radius: 14px;
  padding: 16px 20px;
}

.akis-no {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--mor);
  color: #ffffff;
  font-weight: 800;
  font-size: 0.9375rem;
  flex: none;
}

.akis-metin strong {
  display: block;
  font-size: 1rem;
  color: var(--murekkep);
  margin-block-end: 4px;
  overflow-wrap: break-word;
  hyphens: manual;
  -webkit-hyphens: manual;
}

.akis-metin p {
  font-size: 1rem; /* 16px */
  color: var(--m3);
  margin: 0;
  max-width: var(--yazi-en);
}

/* ---------- İLETİŞİM SAYFASI ÖZEL (Seçenek C: Entegre Konsol Düzeni) ---------- */
.iletisim-konsol {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.iletisim-ust-kart {
  background: linear-gradient(145deg, var(--kagit) 0%, var(--zemin2) 100%);
  border: 1px solid var(--leylak);
  border-radius: 24px;
  padding: 36px 40px;
  box-shadow: 0 8px 30px -10px rgba(42, 11, 78, 0.08);
  width: 100%;
  max-width: 100%;
}

.iletisim-alt-metin {
  margin-block-start: 12px;
  color: var(--m3);
  max-width: var(--yazi-en);
  font-size: 1rem;
}

.iletisim-bilgi-satiri {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 24px;
  align-items: stretch;
  margin-block-start: 24px;
  padding-block-start: 24px;
  border-top: 1px solid var(--cizgi);
}

@media (max-width: 768px) {
  .iletisim-bilgi-satiri {
    grid-template-columns: 1fr;
  }
}

.iletisim-etiket {
  font-size: 0.8125rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--m2);
  margin-block-end: 6px;
  overflow-wrap: break-word;
  hyphens: manual;
  -webkit-hyphens: manual;
}

.eposta-satir {
  margin: 0;
  font-size: 1rem;
}

.gelistirici-metin {
  margin-block-start: 10px;
  font-size: 1rem;
  color: var(--m2);
}

.yanit-kutusu {
  background-color: var(--kagit);
  border: 1px solid var(--cizgi);
  border-radius: 16px;
  padding: 18px 22px;
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.yanit-etiket {
  font-size: 0.8125rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--mor-acik);
  margin-block-end: 4px;
  overflow-wrap: break-word;
  hyphens: manual;
  -webkit-hyphens: manual;
}

.yanit-metin {
  font-size: 1rem; /* 16px */
  line-height: 1.55;
  color: var(--m3);
  margin: 0;
  max-width: var(--yazi-en);
}

.eposta-kutu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.eposta-adresi {
  font-family: var(--mono);
  font-size: clamp(1.125rem, 1.8vw, 1.4rem);
  font-weight: 700;
  color: var(--mor);
  text-decoration: none;
}

.kopyala-dugme {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  height: auto;
  min-width: 44px;
  padding-block: 8px;
  padding-inline: 18px;
  border-radius: 999px;
  border: 1px solid var(--mor-acik);
  background-color: var(--kagit);
  color: var(--mor);
  font-weight: 700;
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.15s ease;
  text-align: center;
  overflow-wrap: break-word;
  hyphens: manual;
  -webkit-hyphens: manual;
  max-width: 100%;
}

.kopyala-dugme:hover {
  background-color: var(--mor);
  color: #ffffff;
}

.kopyala-dugme.kopyalandi {
  background-color: #2E7D32;
  border-color: #2E7D32;
  color: #ffffff;
}

.konu-kartlari-izgara {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  width: 100%;
  max-width: 100%;
}

@media (max-width: 768px) {
  .konu-kartlari-izgara {
    grid-template-columns: 1fr;
  }
}

.konu-karti {
  background-color: var(--kagit);
  border: 1px solid var(--cizgi);
  border-radius: 18px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-decoration: none;
  box-shadow: 0 4px 16px -6px rgba(38, 10, 71, 0.05);
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  min-width: 0;
}

.konu-karti:hover {
  transform: translateY(-2px);
  border-color: var(--mor);
  box-shadow: 0 8px 24px -8px rgba(66, 21, 116, 0.12);
}

.konu-karti strong {
  font-size: 1.125rem;
  color: var(--mor);
  display: flex;
  align-items: center;
  gap: 8px;
  overflow-wrap: break-word;
  hyphens: manual;
  -webkit-hyphens: manual;
}

.konu-karti p {
  font-size: 1rem; /* 16px */
  line-height: 1.55;
  color: var(--m3);
  margin: 0;
  max-width: var(--yazi-en);
}

.konu-baglanti-yazi {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--mor-acik);
  margin-block-start: auto;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 44px;
  overflow-wrap: break-word;
  hyphens: manual;
  -webkit-hyphens: manual;
}

/* ---------- KAPANIŞ EYLEME ÇAĞRI KARTI (CTA) ---------- */
.kapanis-alani {
  margin-block-start: 48px;
  background: linear-gradient(135deg, var(--mor) 0%, var(--ust-koyu) 100%);
  border-radius: 24px;
  padding: 40px 48px;
  color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  box-shadow: 0 16px 40px -16px rgba(38, 10, 71, 0.5);
}

.kapanis-metin {
  max-width: 520px;
}

.kapanis-metin h2 {
  color: #ffffff;
  font-size: clamp(1.5rem, 2.5vw, 2.1rem);
  letter-spacing: -0.025em;
  margin-block-end: 12px;
}

.kapanis-metin p {
  color: var(--leylak);
  font-size: 1.0625rem;
  line-height: 1.6;
}

.rozet {
  display: inline-block;
  border-radius: 12px;
  transition: transform 0.15s ease;
  min-height: 44px;
  min-width: 44px;
}

.rozet:hover {
  transform: translateY(-2px);
}

.rozet-gorsel {
  height: 52px;
  width: auto;
  display: block;
}

@media (max-width: 640px) {
  .kapanis-alani {
    padding: 28px 22px;
    border-radius: 18px;
  }
}

/* ---------- Prefers-Reduced-Motion & Yazdırma ---------- */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

@media print {
  .ust, .alt, .kapanis-alani, .sss-kontrol-cubuk, .atla {
    display: none !important;
  }
  body {
    background: #ffffff !important;
    color: #000000 !important;
  }
  .dergi-kart, .sss-kategori-panel {
    border: 1px solid #ccc !important;
    box-shadow: none !important;
    break-inside: avoid;
  }
  details {
    display: block !important;
  }
  details[open] summary ~ * {
    display: block !important;
  }
}

/* ---------- Başlık, Kart Başlığı, Rozet, Düğme ve Tablo Başlıklarında Otomatik Heceleme Kapalı (26. Tur) ---------- */
h1, h2, h3, h4,
h1 *, h2 *, h3 *, h4 *,
.rehber-kutuphanesi-baslik,
.rehber-vitrin-kart strong,
.sss-kategori-baslik,
.sss-soru,
.dergi-sss-soru,
.ozellik-kart strong,
.akis-metin strong,
.konu-karti strong,
.iletisim-etiket,
.yanit-etiket,
.etiket-rozet,
.adim-rozet,
.karsilastirma-tablo th,
.sss-tum-dugme,
.kopyala-dugme,
.rehber-kart-ok,
.konu-baglanti-yazi,
.ekmek-listesi {
  overflow-wrap: break-word;
  hyphens: manual;
  -webkit-hyphens: manual;
}

/* ---------- SAĞDAN SOLA (RTL) İÇERİK DÜZENİ (17. Tur) ---------- */
[dir="rtl"] {
  text-align: start;
}

[dir="rtl"] body {
  text-align: start;
}

/* Yön bildiren simgeler (oklar) aynalanır */
[dir="rtl"] .rehber-kart-ok svg,
[dir="rtl"] .konu-baglanti-yazi svg,
[dir="rtl"] .ekmek-listesi svg,
[dir="rtl"] .simge-ok,
[dir="rtl"] .ok-simge,
[dir="rtl"] [data-yon="ok"] {
  transform: scaleX(-1);
}

[dir="rtl"] .rehber-kart-ok::after,
[dir="rtl"] .konu-baglanti-yazi::after {
  display: inline-block;
  transform: scaleX(-1);
}

/* Logo, ekran görüntüleri, rozet görselleri ve rakamlar aynalanmaz */
[dir="rtl"] .marka img,
[dir="rtl"] .ekran-cerceve img,
[dir="rtl"] .ekran-vitrini img,
[dir="rtl"] .rozet-gorsel,
[dir="rtl"] .adim-rozet,
[dir="rtl"] .akis-no {
  transform: none !important;
}

/* Ekmek kırıntısı ayracı RTL uyumu */
[dir="rtl"] .ekmek-ayrac {
  display: inline-flex;
  align-items: center;
}

/* ---------- Çevirilerde Dergi Kartı Başlık ve Sütun Düzeni (27. Tur) ---------- */
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .dergi-kart--metin > h2,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .dergi-kart--metin > h3,
html:not(:lang(tr)):not(:lang(en)) .dergi-kart--metin > h2,
html:not(:lang(tr)):not(:lang(en)) .dergi-kart--metin > h3 {
  font-size: clamp(1.15rem, 1.5vw, 1.35rem);
}

@media (min-width: 881px) {
  html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .dergi-kart--metin,
  html:not(:lang(tr)):not(:lang(en)) .dergi-kart--metin {
    grid-template-columns: 290px minmax(0, 1fr);
  }
}

/* ---------- Çevirilerde Tablo Hücreleri ve Not / Uyarı Kutularında Otomatik Heceleme Kapalı (28. Tur) ---------- */
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .karsilastirma-tablo td,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .karsilastirma-tablo td *,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .karsilastirma-tablo th,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .karsilastirma-tablo th *,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .karsilastirma-tablo tbody th,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .karsilastirma-tablo tbody th *,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) table td,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) table td *,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) table th,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) table th *,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .uyari-paneli,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .uyari-paneli *,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .uyari,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .uyari *,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .ceviri-notu,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .ceviri-notu *,
html:not(:lang(tr)):not(:lang(en)) .karsilastirma-tablo td,
html:not(:lang(tr)):not(:lang(en)) .karsilastirma-tablo td *,
html:not(:lang(tr)):not(:lang(en)) .karsilastirma-tablo th,
html:not(:lang(tr)):not(:lang(en)) .karsilastirma-tablo th *,
html:not(:lang(tr)):not(:lang(en)) .karsilastirma-tablo tbody th,
html:not(:lang(tr)):not(:lang(en)) .karsilastirma-tablo tbody th *,
html:not(:lang(tr)):not(:lang(en)) table td,
html:not(:lang(tr)):not(:lang(en)) table td *,
html:not(:lang(tr)):not(:lang(en)) table th,
html:not(:lang(tr)):not(:lang(en)) table th *,
html:not(:lang(tr)):not(:lang(en)) .uyari-paneli,
html:not(:lang(tr)):not(:lang(en)) .uyari-paneli *,
html:not(:lang(tr)):not(:lang(en)) .uyari,
html:not(:lang(tr)):not(:lang(en)) .uyari *,
html:not(:lang(tr)):not(:lang(en)) .ceviri-notu,
html:not(:lang(tr)):not(:lang(en)) .ceviri-notu * {
  overflow-wrap: break-word;
  word-break: break-word;
  hyphens: manual;
  -webkit-hyphens: manual;
}

/* ---------- Çevirilerde Karşılaştırma Tablosunda Sözcük Kırılmasını Önleme ve Sütun Genişliği (29. Tur) ---------- */
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .karsilastirma-tablo thead th:first-child,
html:not(:lang(tr)):not(:lang(en)) .karsilastirma-tablo thead th:first-child {
  width: auto;
}

html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .karsilastirma-tablo th,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .karsilastirma-tablo th *,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .karsilastirma-tablo td,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .karsilastirma-tablo td *,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .karsilastirma-tablo tbody th,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .karsilastirma-tablo tbody th *,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) table th,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) table th *,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) table td,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) table td *,
html:not(:lang(tr)):not(:lang(en)) .karsilastirma-tablo th,
html:not(:lang(tr)):not(:lang(en)) .karsilastirma-tablo th *,
html:not(:lang(tr)):not(:lang(en)) .karsilastirma-tablo td,
html:not(:lang(tr)):not(:lang(en)) .karsilastirma-tablo td *,
html:not(:lang(tr)):not(:lang(en)) .karsilastirma-tablo tbody th,
html:not(:lang(tr)):not(:lang(en)) .karsilastirma-tablo tbody th *,
html:not(:lang(tr)):not(:lang(en)) table th,
html:not(:lang(tr)):not(:lang(en)) table th *,
html:not(:lang(tr)):not(:lang(en)) table td,
html:not(:lang(tr)):not(:lang(en)) table td * {
  overflow-wrap: normal;
  word-break: normal;
}