/* =========================================================================
   Mezun YKS Koçluğu — sayfa stili
   Tüm kurallar .okt-mezun-yks-koclugu altına scope'ludur.
   Token'lar ve @keyframes global (style.css) kaynaklıdır.
   ========================================================================= */

/* ----- Hero ----- */
.okt-mezun-yks-koclugu .myk-hero { padding:72px 0 64px; overflow:hidden; }

.okt-mezun-yks-koclugu .myk-chip-1 { top:30%; left:3%; animation:float-up 8s ease-in-out infinite; }
.okt-mezun-yks-koclugu .myk-chip-2 { top:52%; right:3%; animation:float-up 9s ease-in-out infinite; animation-delay:1s; }

.okt-mezun-yks-koclugu .myk-pill {
  display:inline-block; font-size:12px; font-weight:700; line-height:1;
  padding:7px 13px; border-radius:999px;
  color:var(--primary-700); background:var(--primary-50);
  border:1px solid var(--primary-100);
}

.okt-mezun-yks-koclugu .myk-h1 { margin:14px 0 12px; color:var(--ink-900); max-width:820px; }
.okt-mezun-yks-koclugu .myk-hero-lead { max-width:680px; color:var(--ink-700); }
.okt-mezun-yks-koclugu .myk-hero-lead strong { color:var(--ink-900); }
.okt-mezun-yks-koclugu .myk-hero-cta { display:flex; gap:10px; margin-top:20px; flex-wrap:wrap; }

/* ----- İçerik bölümü ----- */
.okt-mezun-yks-koclugu .myk-content { padding:48px 0 80px; background:#fff; }

/* ----- Pillar grid + TOC ----- */
.okt-mezun-yks-koclugu .pl-grid {
  display:grid; grid-template-columns:240px minmax(0,1fr); gap:40px; align-items:flex-start;
}
.okt-mezun-yks-koclugu .pl-toc {
  position:sticky; top:88px; background:#fff; border:1px solid var(--border);
  border-radius:12px; padding:18px;
}
.okt-mezun-yks-koclugu .pl-toc-h {
  font-size:11px; font-weight:800; color:var(--fg-muted);
  text-transform:uppercase; letter-spacing:.08em; margin-bottom:10px;
}
.okt-mezun-yks-koclugu .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; transition:all 120ms;
}
.okt-mezun-yks-koclugu .pl-toc a:hover { color:var(--primary-700); border-left-color:var(--primary-500); }

/* ----- Gövde tipografisi ----- */
.okt-mezun-yks-koclugu .pl-body h2 {
  color:var(--ink-900); font-size:26px; margin:44px 0 14px;
  letter-spacing:-0.02em; scroll-margin-top:88px;
}
.okt-mezun-yks-koclugu .pl-body h2:first-child { margin-top:0; }
.okt-mezun-yks-koclugu .pl-body h3 { color:var(--ink-900); font-size:17px; margin:20px 0 8px; }
.okt-mezun-yks-koclugu .pl-body p { font-size:15.5px; color:var(--ink-700); line-height:1.78; margin:0 0 14px; }
.okt-mezun-yks-koclugu .pl-body ul { padding-left:18px; font-size:15px; color:var(--ink-700); line-height:1.85; margin:0 0 16px; }
.okt-mezun-yks-koclugu .pl-body strong { color:var(--ink-900); }
.okt-mezun-yks-koclugu .pl-body a { color:var(--primary-700); text-decoration:underline; font-weight:600; }

/* ----- Cevap kutusu ----- */
.okt-mezun-yks-koclugu .pl-answer {
  padding:20px 22px; background:var(--primary-50); border-left:3px solid var(--primary-700);
  border-radius:10px; margin:0 0 14px;
}
.okt-mezun-yks-koclugu .pl-answer p { margin:0; font-size:16px; color:var(--ink-900); line-height:1.75; }

/* ----- Tuzak kartları ----- */
.okt-mezun-yks-koclugu .pl-prob {
  display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:14px; margin:14px 0;
}
.okt-mezun-yks-koclugu .pl-prob-card {
  padding:18px; background:#fff; border:1px solid var(--border);
  border-left:3px solid #D43A4F; border-radius:10px;
}
.okt-mezun-yks-koclugu .pl-prob-card h3 { margin:0 0 6px; font-size:15px; }
.okt-mezun-yks-koclugu .pl-prob-card p { font-size:13.5px; line-height:1.6; margin:0; }

/* ----- Yöntem kartları ----- */
.okt-mezun-yks-koclugu .pl-method-grid {
  display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; margin:14px 0;
}
.okt-mezun-yks-koclugu .pl-method {
  padding:18px; background:#fff; border:1px solid var(--border);
  border-top-width:3px; border-radius:10px;
}
.okt-mezun-yks-koclugu .pl-method h3 { margin:0 0 6px; font-size:15px; }
.okt-mezun-yks-koclugu .pl-method p { font-size:13.5px; line-height:1.6; margin:0; }

/* ----- SSS ----- */
.okt-mezun-yks-koclugu .pl-faq details { border-bottom:1px solid var(--border); padding:16px 0; }
.okt-mezun-yks-koclugu .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-mezun-yks-koclugu .pl-faq summary::-webkit-details-marker { display:none; }
.okt-mezun-yks-koclugu .pl-faq summary::after { content:'+'; font-size:24px; font-weight:300; color:var(--fg-muted); }
.okt-mezun-yks-koclugu .pl-faq details[open] summary::after { content:'−'; }
.okt-mezun-yks-koclugu .pl-faq details p { margin:12px 0 0; font-size:14.5px; line-height:1.75; }

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

/* ----- Mobil öncelikli: küçük ekranda tek sütun ----- */
@media (max-width:960px) {
  .okt-mezun-yks-koclugu .pl-grid { grid-template-columns:1fr; }
  .okt-mezun-yks-koclugu .pl-toc { position:relative; top:0; }
}