/* ============================================================
   Çalışanlar için KPSS Koçluk — pillar sayfa stilleri
   Tüm kurallar .okt-calisan-kpss-kocluk altına scope'lu (token'lar global).
   @keyframes global (scope'lanamaz) — okck- ön ekiyle.
   ============================================================ */

/* ---- motion (global keyframes) ---- */
@keyframes okck-float-up{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes okck-twinkle{0%,100%{opacity:.35;transform:scale(.78)}50%{opacity:1;transform:scale(1)}}
@keyframes okck-orbit{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes okck-orbit-rev{from{transform:rotate(360deg)}to{transform:rotate(0)}}
@keyframes okck-shimmer{0%{background-position:0% 50%}100%{background-position:200% 50%}}

/* ============================================================
   HERO
   ============================================================ */
.okt-calisan-kpss-kocluk .ckk-hero{position:relative;overflow:hidden;padding:84px 24px 64px;background:radial-gradient(60% 55% at 50% 0%, rgba(124,77,255,.12), transparent 64%),radial-gradient(40% 40% at 88% 96%, rgba(31,157,85,.07), transparent 72%),linear-gradient(180deg,#F6F8FF,#fff);border-bottom:1px solid var(--border)}
.okt-calisan-kpss-kocluk .ckk-container{position:relative;z-index:5;width:min(1180px,94vw);margin:0 auto}

/* decorative orbit */
.okt-calisan-kpss-kocluk .ckk-orbit{position:absolute;top:-30%;right:-12%;width:560px;height:560px;z-index:1;pointer-events:none;opacity:.55}
.okt-calisan-kpss-kocluk .ckk-orbit .ring{position:absolute;inset:0;margin:auto;border-radius:50%;border:1px dashed rgba(124,77,255,.22)}
.okt-calisan-kpss-kocluk .ckk-orbit .r1{width:100%;height:100%;animation:okck-orbit 90s linear infinite}
.okt-calisan-kpss-kocluk .ckk-orbit .r2{width:70%;height:70%;border-color:rgba(59,91,255,.18);animation:okck-orbit-rev 70s linear infinite}
.okt-calisan-kpss-kocluk .ckk-orbit .r3{width:42%;height:42%;border-color:rgba(198,242,90,.30);animation:okck-orbit 50s linear infinite}

/* float chips */
.okt-calisan-kpss-kocluk .float-chip{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;background:#fff;border:1px solid var(--border);border-radius:999px;box-shadow:0 12px 28px -16px rgba(11,15,26,.28);font-size:13px;font-weight:700;color:var(--ink-900);white-space:nowrap}
.okt-calisan-kpss-kocluk .float-chip svg{flex-shrink:0}
.okt-calisan-kpss-kocluk .float-chip .tw{width:9px;height:9px;border-radius:50%;background:#1F9D55;box-shadow:0 0 10px rgba(31,157,85,.6);flex-shrink:0;animation:okck-twinkle 3.2s ease-in-out infinite}
.okt-calisan-kpss-kocluk .float-chip.chip-a{top:30%;left:3%;animation:okck-float-up 8s ease-in-out infinite}
.okt-calisan-kpss-kocluk .float-chip.chip-b{top:52%;right:3%;animation:okck-float-up 9s ease-in-out infinite;animation-delay:1s}

/* breadcrumb */
.okt-calisan-kpss-kocluk .ckk-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:13px;font-weight:600;color:var(--fg-muted);margin-bottom:16px}
.okt-calisan-kpss-kocluk .ckk-crumbs a{color:var(--fg-muted);text-decoration:none;transition:color 140ms ease}
.okt-calisan-kpss-kocluk .ckk-crumbs a:hover{color:#7C4DFF}
.okt-calisan-kpss-kocluk .ckk-crumbs .sep{color:var(--ink-100,#D7DCE8)}
.okt-calisan-kpss-kocluk .ckk-crumbs .cur{color:var(--ink-900)}

/* pill */
.okt-calisan-kpss-kocluk .ckk-pill{display:inline-flex;align-items:center;padding:6px 14px;background:#F1ECFF;border:1px solid rgba(124,77,255,.22);border-radius:999px;font-size:12.5px;font-weight:700;color:#6A3FE0;letter-spacing:.01em}

/* headline */
.okt-calisan-kpss-kocluk .ckk-display{margin:14px 0 12px;max-width:820px;font-weight:800;font-size:clamp(32px,5.2vw,52px);line-height:1.05;letter-spacing:-0.03em;color:var(--ink-900)}
.okt-calisan-kpss-kocluk .grad-text{background:linear-gradient(90deg,#7C4DFF,#3B5BFF,#7C4DFF);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:okck-shimmer 6s linear infinite}

/* lead */
.okt-calisan-kpss-kocluk .ckk-lead{max-width:680px;font-size:clamp(16px,1.5vw,18px);line-height:1.7;color:var(--ink-700);font-weight:500}
.okt-calisan-kpss-kocluk .ckk-lead strong{color:var(--ink-900);font-weight:700}

/* cta row + buttons */
.okt-calisan-kpss-kocluk .ckk-cta-row{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.okt-calisan-kpss-kocluk .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-weight:700;text-decoration:none;border:0;cursor:pointer;border-radius:13px;transition:transform 180ms var(--ease-out),box-shadow 180ms var(--ease-out),background 180ms ease,border-color 180ms ease}
.okt-calisan-kpss-kocluk .btn-lg{height:52px;padding:0 24px;font-size:15px}
.okt-calisan-kpss-kocluk .btn-primary{background:#7C4DFF;color:#fff;box-shadow:0 14px 28px -12px rgba(124,77,255,.55)}
.okt-calisan-kpss-kocluk .btn-primary:hover{background:#6A3FE0;transform:translateY(-2px);box-shadow:0 20px 36px -14px rgba(124,77,255,.7)}
.okt-calisan-kpss-kocluk .btn-secondary{background:#fff;color:var(--ink-900);border:1px solid var(--border)}
.okt-calisan-kpss-kocluk .btn-secondary:hover{border-color:#B79CFF;transform:translateY(-2px)}

@media (max-width:560px){
  .okt-calisan-kpss-kocluk .ckk-hero{padding:64px 20px 48px}
  .okt-calisan-kpss-kocluk .float-chip{display:none}
}

/* ============================================================
   GÖVDE — pl-grid (sticky TOC + body)
   ============================================================ */
.okt-calisan-kpss-kocluk .ckk-body-section{padding:48px 24px 80px;background:#fff}
.okt-calisan-kpss-kocluk .ckk-body-section .ckk-container{width:min(1180px,94vw)}
.okt-calisan-kpss-kocluk .pl-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;align-items:flex-start}
@media (max-width:960px){.okt-calisan-kpss-kocluk .pl-grid{grid-template-columns:1fr}}

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

/* side CTA card */
.okt-calisan-kpss-kocluk .pl-side-cta{margin-top:16px;background:linear-gradient(135deg,#0B0F1A,#1C1631);color:#fff;border-radius:12px;padding:18px}
.okt-calisan-kpss-kocluk .pl-side-cta .hd{font-size:15px;font-weight:800;line-height:1.35;margin-bottom:6px}
.okt-calisan-kpss-kocluk .pl-side-cta p{font-size:13px;color:rgba(255,255,255,.8);line-height:1.6;margin:0 0 14px}
.okt-calisan-kpss-kocluk .pl-side-cta a{display:block;text-align:center;background:#C6F25A;color:#0B0F1A;font-weight:800;font-size:13.5px;text-decoration:none;border-radius:9px;padding:10px 14px;transition:transform 160ms var(--ease-out)}
.okt-calisan-kpss-kocluk .pl-side-cta a:hover{transform:translateY(-2px)}

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

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

/* FAQ */
.okt-calisan-kpss-kocluk .pl-faq details{border-bottom:1px solid var(--border);padding:16px 0}
.okt-calisan-kpss-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-calisan-kpss-kocluk .pl-faq summary::-webkit-details-marker{display:none}
.okt-calisan-kpss-kocluk .pl-faq summary::after{content:'+';font-size:24px;font-weight:300;color:var(--fg-muted);transition:transform 200ms}
.okt-calisan-kpss-kocluk .pl-faq details[open] summary::after{content:'\2212'}
.okt-calisan-kpss-kocluk .pl-faq details p{margin:12px 0 0;font-size:14.5px;line-height:1.75;color:var(--ink-700)}
.okt-calisan-kpss-kocluk .pl-faq details a{color:#7C4DFF;text-decoration:underline;font-weight:600}

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

/* ---- reveal (global observer fallback) ---- */
.okt-calisan-kpss-kocluk .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}
.okt-calisan-kpss-kocluk .reveal.is-visible{opacity:1;transform:none}

/* ---- reduced motion ---- */
@media (prefers-reduced-motion:reduce){
  .okt-calisan-kpss-kocluk .ckk-orbit .ring,
  .okt-calisan-kpss-kocluk .float-chip,
  .okt-calisan-kpss-kocluk .float-chip .tw,
  .okt-calisan-kpss-kocluk .grad-text{animation:none !important}
  .okt-calisan-kpss-kocluk .reveal{opacity:1;transform:none;transition:none}
}