/* ============================================================
   Online Koçunuz — Çerez Politikası sayfası stilleri
   Kaynak: design_system/standalone/cerez-politikasi.html (inline JSX/style)
   Tüm kurallar .okt-cerez-politikasi altına scope'landı.
   Token'lar globalde tanımlı (style.css): var(--border), var(--ink-700),
   var(--ink-10), var(--fg-muted), var(--font-mono) vb.
   @keyframes global; helper sınıflar (page-hero, crumbs, lead, display-md)
   global style.css'ten gelir. Mobil öncelikli.
   ============================================================ */

/* ---- HERO ---- */
.okt-cerez-politikasi .okt-cp-hero{ overflow:hidden; }

.okt-cerez-politikasi .okt-cp-crumbs{ margin-bottom:14px; }

.okt-cerez-politikasi .okt-cp-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-cerez-politikasi .okt-cp-title{
  margin:14px 0 12px; color:var(--ink-900); max-width:780px;
}
.okt-cerez-politikasi .okt-cp-lead{ max-width:660px; color:var(--ink-700); }

/* ---- İÇERİK BÖLÜMLERİ ---- */
.okt-cerez-politikasi .okt-cp-section{ background:#fff; }
.okt-cerez-politikasi .okt-cp-section--top{ padding:56px 0 32px; }
.okt-cerez-politikasi .okt-cp-section--bottom{ padding:24px 0 80px; }

/* ---- OKUNAKLI TİPOGRAFİ (container-narrow) ---- */
.okt-cerez-politikasi .okt-cp-prose{
  font-size:15px; color:var(--ink-700); line-height:1.75;
}
.okt-cerez-politikasi .okt-cp-prose h2{
  color:var(--ink-900); font-size:22px; line-height:1.3;
  margin:28px 0 10px;
}
.okt-cerez-politikasi .okt-cp-prose h2:first-child{ margin-top:0; }
.okt-cerez-politikasi .okt-cp-prose p{ margin:0 0 14px; }
.okt-cerez-politikasi .okt-cp-prose strong{ color:var(--ink-900); font-weight:700; }
.okt-cerez-politikasi .okt-cp-prose a{
  color:var(--primary-600); text-decoration:underline; text-underline-offset:2px;
}
.okt-cerez-politikasi .okt-cp-prose a:hover{ color:var(--primary-700); }

/* ---- ÇEREZ TABLOSU ---- */
.okt-cerez-politikasi .okt-cp-tablewrap{
  margin-top:18px; overflow-x:auto;
  background:#fff; border:1px solid var(--border);
  border-radius:14px; box-shadow:0 1px 3px rgba(16,24,40,.04);
}
.okt-cerez-politikasi .okt-cp-table{
  width:100%; border-collapse:collapse; font-size:14px;
  min-width:560px;
}
.okt-cerez-politikasi .okt-cp-table thead{ background:var(--ink-10); }
.okt-cerez-politikasi .okt-cp-table th{
  text-align:left; padding:12px 14px;
  font-size:11px; font-weight:800; letter-spacing:.04em;
  color:var(--fg-muted); text-transform:uppercase;
}
.okt-cerez-politikasi .okt-cp-table td{
  padding:12px 14px; color:var(--ink-700);
  vertical-align:top;
}
.okt-cerez-politikasi .okt-cp-table tbody tr{ border-top:1px solid var(--border); }
.okt-cerez-politikasi .okt-cp-table .okt-cp-name{
  font-family:var(--font-mono); font-weight:700; color:var(--ink-900);
  white-space:nowrap;
}
.okt-cerez-politikasi .okt-cp-table .okt-cp-dur{ color:var(--fg-muted); white-space:nowrap; }

/* ---- BİLGİ NOTU ---- */
.okt-cerez-politikasi .okt-cp-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;
}
.okt-cerez-politikasi .okt-cp-note a{
  color:var(--primary-600); text-decoration:underline; text-underline-offset:2px;
}
.okt-cerez-politikasi .okt-cp-note a:hover{ color:var(--primary-700); }

/* ---- MOBİL İNCE AYAR ---- */
@media (max-width:600px){
  .okt-cerez-politikasi .okt-cp-section--top{ padding:40px 0 24px; }
  .okt-cerez-politikasi .okt-cp-section--bottom{ padding:20px 0 60px; }
  .okt-cerez-politikasi .okt-cp-prose h2{ font-size:20px; }
}