/* ==========================================================================
   Serbest sayfalar, KVKK ve sözleşme (/sayfa/{slug}, /kvkk, /gizlilik-sozlesmesi) — tuvalde panosu yok.
   Blog yazısının okuma düzeninden türetildi (sayfa-blog-yazi.css .by-* aynı sayfada yüklenir): 720 px sütun,
   sağda yapışkan içindekiler (3+ başlıkta), gövde tipografisi. Önek: sy-.
   ========================================================================== */

/* İçindekiler yoksa tek sütun (sağda boş kenar sütunu bırakılmaz) */
@media (min-width: 1024px) { .by-duzen.sy-duzen--tek { grid-template-columns: minmax(0, 720px); grid-template-areas: "bas" "ana"; justify-content: start; } }

/* Başlık: künye ve etiket satırı yok; alt çizgi başlığı gövdeden ayırır */
.sy-bas { padding-bottom: var(--space-6); border-bottom: 1px solid var(--color-sinir-ince); margin-bottom: var(--space-7); }

/* Sayfa görseli (panelden yüklenmişse): kırpılmaz */
.sy-gorsel { margin-bottom: clamp(28px, 1.25rem + 2vw, 48px); }
.sy-gorsel img { width: 100%; height: auto; border-radius: var(--radius-sm); }

/* Gövde: uzun hukuk metinlerinde sıkı ritim; başlık sonrası boşluk daha dar */
.sy-govde > :first-child { margin-top: 0; }
.sy-govde h2 { margin-top: clamp(36px, 1.5rem + 2vw, 56px); font-size: var(--size-h3); line-height: var(--size-h3-satir); }
.sy-govde h3 { font-size: var(--size-h4); line-height: var(--size-h4-satir); font-weight: 700; }
.sy-govde h4, .sy-govde h5, .sy-govde h6 { font-size: var(--size-govde); line-height: var(--size-govde-satir); font-weight: 700; }
.sy-govde p { overflow-wrap: break-word; text-align: left; hyphens: manual; text-wrap: pretty; }
/* Uzun hukuk metinlerinde paragraflar arası nefes: satır sonlarından ayrılan paragraflar belirgin ayrılır */
.sy-govde p + p { margin-top: 16px; }

/* Çerez / teknik adlar: satır içi kod, ölçülü bir yüzeyle */
.sy-govde code { padding: 1px 6px; border-radius: var(--radius-xs); background: var(--color-zemin-yuzey-2); font: 500 .9em/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; overflow-wrap: anywhere; }

/* Etiketli tablolar (hücrelerde data-etiket: Çerez Politikası): satır başlığı dar, açıklama sütunu geniş; telefonda satır satır okunur
   (başlıkta satırın adı, altında etiket + değer çiftleri; yatay kaydırma yok). Etiketsiz tablolar eskisi gibi kaydırılabilir kutuda kalır. */
@media (min-width: 600px) {
  .sy-govde .by-tablo:has(td[data-etiket]) table { table-layout: fixed; }
  .sy-govde .by-tablo:has(td[data-etiket]) tr > :nth-child(1) { width: 24%; }
  .sy-govde .by-tablo:has(td[data-etiket]) tr > :nth-child(2) { width: 18%; }
  .sy-govde .by-tablo:has(td[data-etiket]) tr > :nth-child(4) { width: 16%; }
  .sy-govde .by-tablo:has(td[data-etiket]) tbody th { overflow-wrap: anywhere; }
}
@media (max-width: 599.98px) {
  .sy-govde .by-tablo:has(td[data-etiket]) { overflow: visible; }
  .sy-govde .by-tablo:has(td[data-etiket]) table { min-width: 0; }
  .sy-govde .by-tablo:has(td[data-etiket]) thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .sy-govde .by-tablo:has(td[data-etiket]) tr { display: block; padding: 14px 16px; border-bottom: 1px solid var(--color-sinir-ince); }
  .sy-govde .by-tablo:has(td[data-etiket]) tbody tr:last-child { border-bottom: 0; }
  .sy-govde .by-tablo:has(td[data-etiket]) th, .sy-govde .by-tablo:has(td[data-etiket]) td { display: block; padding: 0; border: 0; }
  .sy-govde .by-tablo:has(td[data-etiket]) tbody th { width: auto; margin-bottom: 6px; font: 700 16px/24px var(--font-aile-baslik); }
  .sy-govde .by-tablo:has(td[data-etiket]) td { display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: 8px; padding-block: 3px; }
  .sy-govde .by-tablo:has(td[data-etiket]) td::before { content: attr(data-etiket); font: 500 13px/22px var(--font-aile-govde); color: var(--color-metin-ikincil); }
}