/* ============================================================
   Online Koçunuz — Kullanım Şartları yasal sayfa stilleri
   Kaynak: design_system/standalone/kullanim-sartlari.html (inline stiller)
   Tüm kurallar .okt-kullanim-sartlari altına scope'landı.
   Token'lar globalde tanımlı (style.css): var(--ink-700), var(--ink-900),
   var(--ink-10), var(--fg-muted), var(--primary-700) vb.
   Helper sınıflar (page-hero, container, container-narrow, crumbs, lead,
   display-md) global style.css'ten gelir. @keyframes globaldedir.
   Mobil öncelikli, okunaklı tipografi.
   ============================================================ */

/* ---- HERO ---- */
.okt-kullanim-sartlari .okt-ks-crumbs{ margin-bottom:14px; }

.okt-kullanim-sartlari .okt-ks-pill{
  display:inline-block; font-size:12px; font-weight:600; line-height:1;
  padding:7px 13px; border-radius:999px;
  color:var(--fg-muted); background:var(--ink-10);
  border:1px solid var(--border);
}

.okt-kullanim-sartlari .okt-ks-title{
  margin:14px 0 12px; color:var(--ink-900); max-width:780px;
}

.okt-kullanim-sartlari .okt-ks-lead{
  max-width:660px; color:var(--ink-700);
}

/* ---- ANA BÖLÜM ---- */
.okt-kullanim-sartlari .okt-ks-main{
  padding:48px 0 80px; background:#fff;
}

/* ---- YASAL METİN TİPOGRAFİSİ ---- */
.okt-kullanim-sartlari .okt-ks-body{
  font-size:15px; color:var(--ink-700); line-height:1.75;
}

.okt-kullanim-sartlari .okt-ks-body h2{
  color:var(--ink-900); font-size:22px; line-height:1.3;
  margin:28px 0 10px;
}
.okt-kullanim-sartlari .okt-ks-body h2:first-child{ margin-top:0; }

.okt-kullanim-sartlari .okt-ks-body p{
  margin:0 0 4px; font-size:15px; color:var(--ink-700); line-height:1.75;
}

.okt-kullanim-sartlari .okt-ks-body a{
  color:var(--primary-700); text-decoration:underline; font-weight:600;
}

/* ---- ALT NOT KUTUSU ---- */
.okt-kullanim-sartlari .okt-ks-note{
  margin-top:40px; padding:20px;
  background:var(--ink-10); border-radius:12px;
  font-size:13.5px; color:var(--fg-muted); line-height:1.7;
}

/* ---- MOBİL (≤600px) ---- */
@media (max-width:600px){
  .okt-kullanim-sartlari .okt-ks-main{ padding:36px 0 64px; }
  .okt-kullanim-sartlari .okt-ks-body h2{ font-size:20px; }
}