/* ===========================================================
   NEVAR BLOG — makale tipografisi + kart grid
   (etkinlikler.css token'larını ve nh-header/nf-footer temelini kullanır)
   =========================================================== */

/* ---- blog hub: yazı kartları ---- */
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}
@media(max-width:960px){.post-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.post-grid{grid-template-columns:1fr}}

.post-card{
  display:flex;flex-direction:column;height:100%;
  background:#fff;border:3px solid #171022;border-radius:20px;
  box-shadow:5px 5px 0 #171022;padding:26px 24px;
  transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;
  text-decoration:none!important;color:#171022;
}
.post-card:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 #171022}
.post-card .tag{
  display:inline-flex;align-self:flex-start;background:#FFF1D6;border:2.5px solid #171022;
  border-radius:100px;padding:6px 14px;font-weight:800;font-size:.76rem;
  letter-spacing:.02em;margin-bottom:14px;
}
.post-card h2{font-size:1.18rem;font-weight:800;line-height:1.25;margin-bottom:10px}
.post-card p{font-size:.94rem;opacity:.74;font-weight:500;flex:1;margin:0}
.post-card .meta{
  display:flex;gap:12px;align-items:center;margin-top:16px;padding-top:14px;
  border-top:2px dashed rgba(23,16,34,.15);font-size:.82rem;font-weight:700;opacity:.6;
}

/* ---- makale iki kolonlu düzen: içerik + sağda sabit TOC ---- */
.post-layout{display:grid;grid-template-columns:1fr 280px;gap:56px;align-items:start;width:100%}
.post-layout .prose{max-width:none;margin:0}
.post-toc{
  position:sticky;top:100px;background:#fff;border:3px solid #171022;border-radius:18px;
  box-shadow:5px 5px 0 #171022;padding:22px 20px;
}
.post-toc h2{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;opacity:.55;margin:0 0 14px}
.post-toc ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.post-toc a{
  display:block;font-weight:700;font-size:.9rem;line-height:1.4;color:#171022;opacity:.72;
  padding:7px 0 7px 14px;border-left:3px solid rgba(23,16,34,.12);
  text-decoration:none!important;transition:border-color .2s,opacity .2s,color .2s;
}
.post-toc a:hover{opacity:1;border-left-color:#8B5CF6}
.post-toc a.active{opacity:1;color:#8B5CF6;border-left-color:#8B5CF6}
@media(max-width:1000px){
  .post-layout{grid-template-columns:1fr}
  .post-layout .prose{max-width:760px;margin:0 auto}
  .post-toc{display:none}
}

/* ---- makale gövdesi (prose) ---- */
.prose{max-width:760px;margin:0 auto}
.prose h2{font-size:1.6rem;font-weight:800;color:#171022;margin:44px 0 16px;letter-spacing:-.01em;scroll-margin-top:100px}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:1.2rem;font-weight:800;color:#171022;margin:28px 0 12px}
.prose p{font-size:1.06rem;line-height:1.8;color:#171022;margin:0 0 18px}
.prose p.lead{font-size:1.16rem;font-weight:600;opacity:.82;margin-bottom:28px}
.prose ul,.prose ol{margin:0 0 20px;padding-left:24px}
.prose li{font-size:1.04rem;line-height:1.75;color:#171022;margin-bottom:10px}
.prose strong{color:#6D3FE0}
.prose a:not(.btn){color:#8B5CF6;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.prose blockquote{
  margin:28px 0;padding:20px 26px;background:#FFF1D6;border-left:6px solid #8B5CF6;
  border-radius:0 16px 16px 0;font-weight:700;font-size:1.08rem;font-style:normal;
}

/* ---- yazı üst bilgisi (yayın tarihi, okuma süresi) ---- */
.post-hero-meta{
  display:flex;gap:16px;flex-wrap:wrap;justify-content:center;align-items:center;
  margin-top:18px;font-weight:700;font-size:.92rem;opacity:.7;
}
.post-hero-meta span{display:inline-flex;align-items:center;gap:6px}
.post-hero-meta svg{width:15px;height:15px}

/* ---- yazı içi CTA kutusu (app indirme) ---- */
.inline-cta{
  display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;
  background:#fff;border:3px solid #171022;border-radius:22px;box-shadow:6px 6px 0 #171022;
  padding:26px 28px;margin:36px 0;
}
.inline-cta p{margin:0;font-weight:800;font-size:1.05rem;max-width:420px}
.inline-cta .btn{flex:none}

/* ---- şehir chip listesi (yazı sonu) ---- */
.prose .city-grid{margin-top:16px}

/* ---- makale sonu bölüm ayraçları (SSS + ilgili yazılar karışık durmasın) ---- */
.post-main .content-divider{
  border:none;border-top:2.5px dashed rgba(23,16,34,.16);margin:8px 0 0;
}
.post-main section#sss{margin-top:48px!important;padding-top:8px;scroll-margin-top:100px}

/* ---- ilgili yazılar ---- */
.related-wrap{margin-top:64px;padding-top:44px;border-top:2.5px dashed rgba(23,16,34,.16)}
.related-heading{margin:0 0 6px}
.related-heading h2{font-size:1.5rem}