/* ============================================================
   Online Koçunuz — KVKK Aydınlatma Metni sayfası stilleri
   Kaynak: design_system/standalone/kvkk.html (inline JSX style'lar)
   Tüm kurallar .okt-kvkk altına scope'landı.
   Token'lar globalde tanımlı (style.css): var(--ink-700), var(--ink-10),
   var(--fg-muted), var(--primary-700) vb.
   Helper sınıflar (page-hero, container-narrow, crumbs, lead, display-md)
   global style.css'ten gelir. @keyframes (varsa) global.
   Mobil öncelikli, okunaklı tipografi.
   ============================================================ */

/* ---- HERO ---- */
.okt-kvkk .okt-kvkk-hero{ overflow:hidden; }

.okt-kvkk .okt-kvkk-crumbs{ margin-bottom:14px; }

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

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

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

/* ---- ANA İÇERİK ---- */
.okt-kvkk .okt-kvkk-main{
  padding:56px 0 80px; background:#fff;
}

/* ---- GÖVDE TİPOGRAFİSİ ---- */
.okt-kvkk .okt-kvkk-body{
  font-size:15px; color:var(--ink-700); line-height:1.75;
}
.okt-kvkk .okt-kvkk-body h2{
  color:var(--ink-900); font-size:22px; margin:28px 0 10px;
}
.okt-kvkk .okt-kvkk-body h2:first-child{ margin-top:0; }
.okt-kvkk .okt-kvkk-body p{
  margin:0 0 14px;
}
.okt-kvkk .okt-kvkk-body ul{
  padding-left:20px; margin:0 0 14px;
}
.okt-kvkk .okt-kvkk-body li{ margin:0 0 4px; }
.okt-kvkk .okt-kvkk-body strong{ color:var(--ink-900); }
.okt-kvkk .okt-kvkk-body a{
  color:var(--primary-700); text-decoration:underline; font-weight:600;
}

/* ---- DİPNOT / UYARI KUTUSU ---- */
.okt-kvkk .okt-kvkk-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;
}

/* ---- KÜÇÜK EKRAN İNCE AYARLARI ---- */
@media (max-width:560px){
  .okt-kvkk .okt-kvkk-main{ padding:40px 0 64px; }
  .okt-kvkk .okt-kvkk-body h2{ font-size:20px; }
}