/* ==========================================================================
   legal.css — terms.html (ve ileride privacy vb. hukuki sayfalar)
   base.css uzerine gelir; sadece bu sayfaya ozgu stiller
   ========================================================================== */

/* === HERO === */
.lg-hero{padding:9rem 4% 3.5rem;background:var(--cream);border-bottom:1px solid var(--border)}
.lg-hero-inner{max-width:var(--max);margin:0 auto}
.lg-hero h1{font-family:var(--fd);font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:700;line-height:1.1;color:var(--navy)}
.lg-hero h1 em{font-style:italic;color:var(--plum)}
.lg-meta{margin-top:1.2rem;font-size:.85rem;color:var(--text-light)}

/* === GOVDE ===
   Okunabilirlik icin metin kolonu --max'tan dar tutulur; sol kenar
   diger bolum basliklariyla ayni cizgide kalsin diye --max kutusunun
   icinde hizalanir. */
.lg-body{padding:4.5rem 4% 6.5rem}
.lg-wrap{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:260px minmax(0,820px);gap:4rem;align-items:start}

/* Icindekiler — genis ekranda yapisir (sticky) */
.lg-toc{position:sticky;top:calc(var(--nav-h) + 2rem)}
.lg-toc h4{font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--plum);margin-bottom:1rem}
.lg-toc a{display:block;font-size:.84rem;color:var(--text);padding:.32rem 0;border-left:2px solid var(--border);padding-left:.9rem;transition:color .3s,border-color .3s}
.lg-toc a:hover{color:var(--plum);border-color:var(--purple-mid)}

/* Maddeler */
.lg-note{background:var(--stone);border:1px solid var(--border);border-radius:12px;padding:1.2rem 1.5rem;font-size:.88rem;line-height:1.7;color:var(--text);margin-bottom:2.8rem}
.lg-article{margin-bottom:2.8rem;scroll-margin-top:calc(var(--nav-h) + 1.5rem)}
.lg-article h2{font-family:var(--fd);font-size:1.55rem;font-weight:700;color:var(--navy);margin-bottom:1rem;display:flex;gap:.8rem;align-items:baseline}
.lg-article h2 .lg-no{font-family:var(--fb);font-size:.8rem;font-weight:600;color:var(--purple-mid)}
.lg-article p,.lg-article li{font-size:.92rem;line-height:1.8;color:var(--text)}
.lg-article p{margin-bottom:.9rem}
.lg-article ol{padding-left:1.3rem;margin-bottom:.9rem}
.lg-article ul{padding-left:1.3rem;margin-bottom:.9rem}
.lg-article li{margin-bottom:.5rem}
.lg-article strong{color:var(--navy);font-weight:600}
.lg-article a{color:var(--plum);border-bottom:1px solid rgba(94,37,99,.25);transition:border-color .3s}
.lg-article a:hover{border-color:var(--plum)}

/* Tanimlar listesi */
.lg-defs dt{font-weight:600;color:var(--navy);font-size:.92rem;margin-top:.9rem}
.lg-defs dd{font-size:.92rem;line-height:1.8;color:var(--text);margin-left:0}

/* === RESPONSIVE === */
@media(max-width:1024px){
  .lg-wrap{grid-template-columns:1fr}
  .lg-toc{position:static;border-bottom:1px solid var(--border);padding-bottom:1.5rem}
}