/* ==========================================================================
   KPSS A Grubu Koçluk — sayfa pattern stilleri
   Scope: .okt-kpss-a-grubu-kocluk  (token'lar global; @keyframes global)
   Mobil öncelikli.
   ========================================================================== */

/* ---------- HERO ---------- */
.okt-kpss-a-grubu-kocluk .akg-hero{
  padding:64px 0 56px;
  overflow:hidden;
}
.okt-kpss-a-grubu-kocluk .akg-chip-1{
  top:30%; left:3%;
  animation:float-up 8s ease-in-out infinite;
}
.okt-kpss-a-grubu-kocluk .akg-chip-2{
  top:52%; right:3%;
  animation:float-up 9s ease-in-out infinite;
  animation-delay:1s;
}

.okt-kpss-a-grubu-kocluk .akg-crumbs{
  display:flex; flex-wrap:wrap; align-items:center; gap:6px;
  font-size:13px; color:var(--fg-muted); margin-bottom:14px;
}
.okt-kpss-a-grubu-kocluk .akg-crumbs a{
  color:var(--fg-muted); text-decoration:none;
  transition:color .16s var(--ease-out);
}
.okt-kpss-a-grubu-kocluk .akg-crumbs a:hover{ color:#7C4DFF; }
.okt-kpss-a-grubu-kocluk .akg-crumbs .sep{ color:var(--ink-200); }
.okt-kpss-a-grubu-kocluk .akg-crumbs .cur{ color:var(--ink-700); font-weight:600; }

.okt-kpss-a-grubu-kocluk .akg-pill{
  display:inline-block;
  font-size:12px; font-weight:800; letter-spacing:.02em;
  color:#7C4DFF; background:#F1ECFF;
  border:1px solid rgba(124,77,255,.18);
  padding:6px 13px; border-radius:999px;
}
.okt-kpss-a-grubu-kocluk .akg-h1{
  margin:14px 0 12px;
  color:var(--ink-900);
  max-width:820px;
}
.okt-kpss-a-grubu-kocluk .akg-lead{
  max-width:680px;
  color:var(--ink-700);
}
.okt-kpss-a-grubu-kocluk .akg-lead strong{ color:var(--ink-900); }
.okt-kpss-a-grubu-kocluk .akg-hero-cta{
  display:flex; gap:10px; margin-top:20px; flex-wrap:wrap;
}

/* ---------- MAIN GRID ---------- */
.okt-kpss-a-grubu-kocluk .akg-main{
  padding:48px 0 80px;
  background:#fff;
}
.okt-kpss-a-grubu-kocluk .pl-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:40px;
  align-items:flex-start;
}

/* ---------- TOC ---------- */
.okt-kpss-a-grubu-kocluk .pl-toc{
  position:relative; top:0;
  background:#fff;
  border:1px solid var(--border);
  border-radius:12px;
  padding:18px;
}
.okt-kpss-a-grubu-kocluk .pl-toc-h{
  font-size:11px; font-weight:800; color:var(--fg-muted);
  text-transform:uppercase; letter-spacing:.08em; margin-bottom:10px;
}
.okt-kpss-a-grubu-kocluk .pl-toc a{
  display:block; font-size:13px; color:var(--ink-700);
  text-decoration:none; padding:6px 0;
  border-left:2px solid var(--ink-10); padding-left:12px;
}
.okt-kpss-a-grubu-kocluk .pl-toc a:hover{
  color:#7C4DFF; border-left-color:#7C4DFF;
}

/* ---------- BODY ---------- */
.okt-kpss-a-grubu-kocluk .pl-body h2{
  color:var(--ink-900); font-size:26px;
  margin:44px 0 14px; letter-spacing:-0.02em; scroll-margin-top:88px;
}
.okt-kpss-a-grubu-kocluk .pl-body h2:first-child{ margin-top:0; }
.okt-kpss-a-grubu-kocluk .pl-body p{
  font-size:15.5px; color:var(--ink-700); line-height:1.78; margin:0 0 14px;
}
.okt-kpss-a-grubu-kocluk .pl-body ul{
  padding-left:18px; font-size:15px; color:var(--ink-700);
  line-height:1.85; margin:0 0 16px;
}
.okt-kpss-a-grubu-kocluk .pl-body strong{ color:var(--ink-900); }
.okt-kpss-a-grubu-kocluk .pl-body a{
  color:#7C4DFF; text-decoration:underline; font-weight:600;
}

/* ---------- ANSWER ---------- */
.okt-kpss-a-grubu-kocluk .pl-answer{
  padding:20px 22px; background:#F1ECFF;
  border-left:3px solid #7C4DFF; border-radius:10px; margin:0 0 14px;
}
.okt-kpss-a-grubu-kocluk .pl-answer p{
  margin:0; font-size:16px; color:var(--ink-900); line-height:1.75;
}

/* ---------- FAQ ---------- */
.okt-kpss-a-grubu-kocluk .pl-faq details{
  border-bottom:1px solid var(--border); padding:16px 0;
}
.okt-kpss-a-grubu-kocluk .pl-faq summary{
  font-size:16px; font-weight:700; color:var(--ink-900); cursor:pointer;
  list-style:none; display:flex; justify-content:space-between;
  align-items:center; gap:14px;
}
.okt-kpss-a-grubu-kocluk .pl-faq summary::-webkit-details-marker{ display:none; }
.okt-kpss-a-grubu-kocluk .pl-faq summary::after{
  content:'+'; font-size:24px; font-weight:300; color:var(--fg-muted);
}
.okt-kpss-a-grubu-kocluk .pl-faq details[open] summary::after{ content:'−'; }
.okt-kpss-a-grubu-kocluk .pl-faq details p{
  margin:12px 0 0; font-size:14.5px; line-height:1.75;
}

/* ---------- CTA ---------- */
.okt-kpss-a-grubu-kocluk .pl-cta{
  margin-top:44px; padding:36px;
  background:linear-gradient(135deg,#0B0F1A,#1C1631);
  color:#fff; border-radius:16px; text-align:center;
}
.okt-kpss-a-grubu-kocluk .pl-cta h2{
  color:#fff; margin:0 0 10px; font-size:25px;
}
.okt-kpss-a-grubu-kocluk .pl-cta p{
  color:rgba(255,255,255,.78); font-size:15px;
  max-width:560px; margin:0 auto 20px;
}
.okt-kpss-a-grubu-kocluk .pl-cta .btns{
  display:flex; gap:12px; justify-content:center; flex-wrap:wrap;
}
.okt-kpss-a-grubu-kocluk .pl-cta .btn-primary{
  background:#C6F25A; color:#0B0F1A; border:0;
}
.okt-kpss-a-grubu-kocluk .pl-cta .btn-primary:hover{ background:#DDF690; }
.okt-kpss-a-grubu-kocluk .pl-cta .btn-secondary{
  background:transparent; border:1px solid rgba(255,255,255,.2); color:#fff;
}
.okt-kpss-a-grubu-kocluk .pl-cta .btn-secondary:hover{
  background:rgba(255,255,255,.08);
}

/* ---------- DESKTOP ---------- */
@media (min-width:961px){
  .okt-kpss-a-grubu-kocluk .pl-grid{
    grid-template-columns:240px minmax(0,1fr);
  }
  .okt-kpss-a-grubu-kocluk .pl-toc{
    position:sticky; top:88px;
  }
}