/* =====================================================================
 SAYFA CSS — SPOR SÖZLÜĞÜ · TERİM DETAYI  (H1 · 5. tur)

 Adres: sozluk-detay-v1.html?slug=<terim-slug>
 Veri: assets/js/sozluk-veri.js — liste sayfasıyla AYNI dizi.

 BANNER: dosya adında "-detay-" GEÇİYOR → kabuk body'ye
 data-fit-hero-kind="detay" yazıyor → yükseklik --banner-h-detay
 (560 / 617 / 726). Bu doğru davranış; sayfa buna karşı koymuyor ve
 banner ölçüsüne dair tek satır CSS yazmıyor. Yalnız görsel bildiriliyor.

 KABUĞA DOKUNULMADI (KARARLAR K35). Sınıf öneki `sz-`.
 ===================================================================== */
.lib-top{--lib-img:url('https://images.unsplash.com/photo-1517838277536-f5f99be501cd?w=1680&q=80&auto=format&fit=crop&exp=7&gam=6&sat=-16');--lib-pos:center 40%}

.sz-body{padding:var(--sec-pad-sm) 0 var(--sec-pad);background:var(--bg-white)}

/* ---------- İKİ KOLON ---------- */
.sz-cols{display:grid;grid-template-columns:minmax(0,1fr) 348px;gap:30px;align-items:start}
.sz-side{position:sticky;top:132px;display:flex;flex-direction:column;gap:14px}

/* ---------- ANA GÖVDE ---------- */
.sz-block{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:26px 28px}
.sz-block+.sz-block{margin-top:18px}
.sz-block>h2{font-size:15px;letter-spacing:.02em;margin-bottom:14px;
  display:flex;align-items:center;gap:10px}
.sz-block>h2 i{color:var(--fit-deep);font-size:14px}
.sz-lead{font-size:16.5px;font-weight:500;color:var(--slate-2);line-height:1.72;max-width:var(--measure)}
.sz-quote{display:flex;gap:15px;align-items:flex-start;background:var(--fit-tint);
  border:1px solid var(--fit-line);border-radius:var(--radius-lg);padding:20px 22px;margin-top:18px}
.sz-quote>i{flex:none;color:var(--fit-deep);font-size:16px;margin-top:3px}
.sz-quote .k{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:var(--fit-deep);display:block;margin-bottom:5px}
.sz-quote p{font-size:15px;font-weight:600;color:var(--slate);line-height:1.6;margin:0;font-style:italic}

/* karıştırılanlar */
.sz-mix{display:flex;gap:15px;align-items:flex-start;background:#fff8ee;border:1px solid #f0e0c6;
  border-radius:var(--radius-lg);padding:20px 22px}
.sz-mix>i{flex:none;color:#a9761f;font-size:17px;margin-top:2px}
.sz-mix b{display:block;font-size:15px;color:var(--slate);margin-bottom:5px}
.sz-mix p{font-size:14px;font-weight:500;color:var(--slate-2);line-height:1.65;margin:0}
.sz-mix a{color:var(--fit-deep);font-weight:700;text-decoration:underline;text-underline-offset:2px}

/* ---------- YAN KÖPRÜ KARTLARI ---------- */
.sz-link-card{display:flex;gap:14px;align-items:flex-start;background:var(--paper);
  border:1px solid var(--line);border-radius:var(--radius-lg);padding:17px 19px;
  transition:.2s var(--ease)}
.sz-link-card:hover{border-color:var(--fit);background:var(--fit-tint);transform:translateY(-2px)}
.sz-link-card .ico{flex:none;width:38px;height:38px;border-radius:var(--radius-md);
  background:var(--fit-tint);color:var(--fit-deep);display:grid;place-items:center;font-size:15px}
.sz-link-card:hover .ico{background:var(--fit);color:#fff}
.sz-link-card .t{min-width:0;flex:1}
.sz-link-card .k{font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.sz-link-card b{display:block;font-size:15px;color:var(--slate);margin:3px 0 3px}
.sz-link-card small{display:block;font-size:12.5px;font-weight:500;color:var(--muted);line-height:1.5}
.sz-link-card>.go{flex:none;color:var(--fit-deep);font-size:13px;margin-top:11px}

/* kategori kartı */
.sz-kat{background:var(--slate);border-radius:var(--radius-lg);padding:20px 22px;color:#fff}
.sz-kat .k{font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;
  color:var(--fit-bright);display:flex;align-items:center;gap:8px}
.sz-kat b{display:block;font-size:17px;margin:8px 0 8px;letter-spacing:-.01em}
.sz-kat p{font-size:13px;font-weight:500;color:rgba(255,255,255,.74);line-height:1.65;margin:0}
.sz-kat a{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:13px;
  font-weight:700;color:var(--fit-bright);transition:gap .2s var(--ease)}
.sz-kat a:hover{gap:12px}

/* ---------- AİLE LİSTESİ ---------- */
.sz-fam{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sz-fam a{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--line);
  border-radius:var(--radius-md);padding:14px 15px;background:var(--paper);transition:.2s var(--ease)}
.sz-fam a:hover{border-color:var(--fit);background:var(--fit-tint)}
.sz-fam .g{flex:none;width:30px;height:30px;border-radius:var(--radius-sm);background:var(--fit-tint);
  color:var(--fit-deep);display:grid;place-items:center;font-size:13.5px;font-weight:800}
.sz-fam a:hover .g{background:var(--fit);color:#fff}
.sz-fam b{display:block;font-size:14px;color:var(--slate);line-height:1.3}
.sz-fam small{display:block;font-size:12px;font-weight:500;color:var(--muted);margin-top:2px}

/* ---------- KÜNYE (referanstaki "KÜNYE" bloğunun karşılığı) ---------- */
.sz-kunye{border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;background:var(--paper)}
.sz-kunye .r{display:flex;gap:14px;padding:11px 15px}
.sz-kunye .r+.r{border-top:1px solid var(--line)}
.sz-kunye .k{flex:0 0 42%;font-size:12.5px;font-weight:600;color:var(--muted);line-height:1.45}
.sz-kunye .v{flex:1;min-width:0;font-size:13px;font-weight:700;color:var(--slate);line-height:1.45}

/* R8 madde 10 — "Sık aranan sorular" (.sz-ask) ve "Etiketler" (.sz-tags)
   bölümleri kalktı; stilleri de silindi. Geri alma: bu iki blok ve aşağıdaki
   `aramalar` / `etiketler` üreticileri git geçmişinden geri gelir. */

/* ---------- ÖNCEKİ / SONRAKİ ---------- */
.sz-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.sz-nav a{display:flex;align-items:center;gap:13px;border:1px solid var(--line);
  border-radius:var(--radius-lg);padding:16px 18px;background:var(--paper);transition:.2s var(--ease)}
.sz-nav a:hover{border-color:var(--fit);background:var(--fit-tint)}
.sz-nav a>i{flex:none;color:var(--fit-deep);font-size:14px}
.sz-nav .t{min-width:0;flex:1}
.sz-nav .k{font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.sz-nav b{display:block;font-size:14.5px;color:var(--slate);margin-top:2px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sz-nav .son{flex-direction:row-reverse;text-align:right}

/* ÖLÜ KURAL — R11/M10'da `.sz-back` bloğu işaretlemeden çıkarıldı
   (Beyar: "şu iki butonu kaldır"). Kural bilerek BIRAKILDI: blok geri
   istenirse biçimi hazır dursun, silinip yeniden yazılmasın. */
.sz-back{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px}

/* ---------- BULUNAMADI ---------- */
.sz-404{display:flex;flex-direction:column;align-items:center;text-align:center;padding:44px 20px}
.sz-404 .ico{width:64px;height:64px;border-radius:var(--radius-circle);background:var(--fit-tint);
  color:var(--fit-deep);display:grid;place-items:center;font-size:25px;margin-bottom:16px}
.sz-404 h2{font-size:20px;margin-bottom:8px}
.sz-404 p{font-size:14px;color:var(--muted);font-weight:500;max-width:430px;line-height:1.65;margin-bottom:20px}
.sz-404 .acts{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}

@media (max-width:1024px){
  .sz-cols{grid-template-columns:minmax(0,1fr);gap:20px}
  .sz-side{position:static}
}
@media (max-width:640px){
  .sz-block{padding:20px 18px}
  .sz-lead{font-size:15.5px}
  .sz-fam{grid-template-columns:minmax(0,1fr)}
  .sz-nav{grid-template-columns:minmax(0,1fr)}
  .sz-nav .son{flex-direction:row;text-align:left}
  .sz-quote,.sz-mix{padding:16px 16px}
}