/* =====================================================================
 SAYFAYA ÖZGÜ CSS — yalnız yasal-metin şablonunun kendi yerleşimi.
 Kabuktan gelenler burada TEKRARLANMAZ: banner (.lib-top) + breadcrumb
 (.lib-crumb) + .eyebrow + .wrap + tipografi + renk token'ları
 fit-shell.css'in kanonik kitidir (HANDOFF §1). Eski turuncu kimliğin
 token tanımı burada YOK; kabuk --fit'yu DadaFit yeşili #009d4f
 yapıyor, bu sayfa onu olduğu gibi kullanır — yeniden tanımlamaz.
 ===================================================================== */

/* ---- banner: kanonik .lib-top kiti; sayfa yalnız görselini bildirir.
 Göçten önceki görsel (restoran masası) eski markanın içeriğiydi; repoda zaten
 kullanılan bir DadaFit hareket görseliyle değiştirildi — yeni harici bağımlılık yok. ---- */
.lib-top{--lib-img:url('https://images.unsplash.com/photo-1518310383802-640c2de311b2?w=1680&q=80&auto=format&fit=crop&exp=7&gam=6&sat=-18');--lib-pos:center 30%}

/* ---- "son güncelleme" satırı (koyu banner içinde) ---- */
.lg-update{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:13px;font-weight:500;color:rgba(255,255,255,.72)}
.lg-update i{font-size:12px;color:var(--fit-bright)}
.lg-update b{color:#fff;font-weight:700}

/* ---- yerleşim: sol sticky dizin + sağ uzun-form metin ---- */
.lg-sec{padding:var(--sec-pad-sm) 0 var(--sec-pad);background:var(--bg-cream)}
.lg-layout{display:grid;grid-template-columns:272px minmax(0,1fr);gap:30px;align-items:start}
.lg-side{position:sticky;top:130px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:8px;max-height:calc(100vh - 154px);overflow-y:auto;scrollbar-width:thin}
.lg-side h3{display:flex;align-items:center;gap:9px;font-size:14px;padding:14px 14px 10px;border-bottom:1px solid var(--line);margin-bottom:6px}
.lg-side h3 i{color:var(--fit);font-size:13px}
.lg-menu{display:flex;flex-direction:column;gap:2px}
.lg-menu a{
  display:flex;align-items:center;gap:11px;font-size:13.5px;font-weight:500;color:var(--slate-2);
  padding:11px 13px;border-radius:var(--radius-md);transition:.18s var(--ease);line-height:1.3;
}
.lg-menu a i{width:17px;text-align:center;color:var(--muted);font-size:13px;flex:none;transition:.18s}
.lg-menu a:hover{background:var(--fit-wash);color:var(--fit)}
.lg-menu a:hover i{color:var(--fit)}
.lg-menu a.active{background:var(--fit);color:#fff;font-weight:700}
.lg-menu a.active i{color:#fff}

/* ---- metin gövdesi ---- */
.lg-main{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--sh-sm);padding:38px 42px}
/* içindekiler kutusu */
.lg-toc{background:var(--bg-cream);border:1px solid var(--line);border-radius:var(--radius-md);padding:18px 22px;margin-bottom:28px}
.lg-toc b{display:flex;align-items:center;gap:9px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:11px}
.lg-toc b i{color:var(--fit)}
.lg-toc ol{list-style:none;counter-reset:toc;display:flex;flex-direction:column;gap:2px}
.lg-toc li{counter-increment:toc}
.lg-toc a{display:flex;align-items:baseline;gap:10px;font-size:14px;font-weight:500;color:var(--slate-2);padding:6px 2px;transition:.16s}
.lg-toc a::before{content:counter(toc)".";flex:none;font-weight:700;color:var(--fit);font-size:12.5px}
.lg-toc a:hover{color:var(--fit)}

/* uzun-form metin — .seo-prose dili + liste eki */
.seo-prose h3{font-size:18px;margin:30px 0 10px;scroll-margin-top:130px}
.seo-prose p{font-size:15px;color:var(--slate-2);font-weight:500;line-height:1.75;margin-bottom:12px}
.seo-prose p:last-child{margin-bottom:0}
.seo-prose strong{color:var(--slate);font-weight:700}
.seo-prose a.inline{color:var(--fit);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.seo-prose ul{margin:0 0 14px;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.seo-prose ul li{position:relative;padding-left:22px;font-size:14.5px;color:var(--slate-2);font-weight:500;line-height:1.65}
.seo-prose ul li::before{content:"";position:absolute;left:4px;top:.62em;width:7px;height:7px;border-radius:var(--radius-circle);background:var(--fit)}
/* madde tablosu hissi: tanım satırları */
.lg-defs{border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;margin:0 0 16px}
.lg-defs .dr{display:grid;grid-template-columns:190px minmax(0,1fr);border-bottom:1px solid var(--line)}
.lg-defs .dr:last-child{border-bottom:none}
.lg-defs .dr>span{padding:12px 16px;font-size:13.5px;font-weight:700;color:var(--slate);background:var(--bg)}
.lg-defs .dr>div{padding:12px 16px;font-size:13.5px;font-weight:500;color:var(--slate-2);line-height:1.6}
/* sağlık uyarısı — tıbbi tavsiye olmadığı her belgede aynı dille görünür */
.lg-warn{display:flex;gap:12px;align-items:flex-start;margin:0 0 18px;padding:14px 16px;background:var(--fit-wash);border:1px solid color-mix(in srgb, var(--marka) 22%, transparent);border-left:3px solid var(--fit);border-radius:var(--radius-md)}
.lg-warn i{flex:none;margin-top:2px;color:var(--fit-deep);font-size:14px}
.lg-warn p{font-size:13.5px;line-height:1.6;color:var(--slate-2);font-weight:500;margin:0}
/* metin sonu bandı */
.lg-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:32px;padding-top:20px;border-top:1px solid var(--line)}
.lg-foot .muted{font-size:12.5px}
.lg-foot .lg-nav{display:flex;gap:9px}
.lg-foot .lg-nav a{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--slate);border:1px solid var(--line);background:var(--paper);border-radius:var(--radius-md);padding:10px 15px;transition:.2s var(--ease)}
.lg-foot .lg-nav a:hover{border-color:var(--fit);color:var(--fit)}
/* Prototip bilgilendirmesi kabuktaki .fit-note şeridiyle veriliyor (D1) */

/* ===== TABLET (≤1024px) — sol dizin çip satırına döner ===== */
@media (max-width:1024px){
  .lg-layout{grid-template-columns:1fr}
  .lg-side{position:static;max-height:none;overflow:visible}
  .lg-menu{flex-direction:row;flex-wrap:wrap;gap:7px;padding:4px 6px 8px}
  .lg-menu a{border:1px solid var(--line);background:var(--bg);padding:9px 13px;border-radius:var(--radius-sm);font-size:12.5px}
  .lg-menu a.active{border-color:var(--fit)}
  .lg-main{padding:28px 26px}
}
/* ===== MOBİL (≤640px) ===== */
@media (max-width:640px){
  .lg-sec{padding:var(--sec-pad-sm) 0 var(--sec-pad)}
  .lg-main{padding:22px 18px}
  .lg-foot{flex-direction:column;align-items:flex-start}
}