/* ============================================================
   All Inn — Blog sayfaları (index + makale)
   Mevcut tasarım token'larıyla uyumlu; yalnızca blog'a özel
   sınıflar içerir.
   ============================================================ */

/* ---------- Blog liste (index) ---------- */
.blog-hero{padding:calc(var(--nav-h) + clamp(40px,7vw,90px)) 0 clamp(36px,5vw,64px)}
.blog-hero-kicker{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
.blog-hero-title{font-size:clamp(40px,6vw,72px);margin-bottom:20px}
.blog-hero-sub{font-size:clamp(.95rem,1.5vw,1.1rem);line-height:1.75;color:var(--muted);max-width:60ch;font-weight:300}

.blog-list{padding:0 0 clamp(70px,9vw,120px)}
.blog-card{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(24px,3.5vw,44px);background:var(--bg-2);border:1px solid var(--line-soft);border-radius:var(--radius-lg);transition:transform .5s var(--ease),border-color .5s var(--ease)}
.blog-card:hover{transform:translateY(-4px);border-color:var(--line)}
.blog-card-media{display:block;aspect-ratio:3/2;overflow:hidden;border-radius:var(--radius);background:var(--bg-3)}
.blog-card-media img{width:100%;height:100%;object-fit:cover;display:block}
.blog-card-cat{display:inline-block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:6px 14px;margin-bottom:16px}
.blog-card-title{font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.6vw,36px);line-height:1.18;margin-bottom:14px}
.blog-card-title a{color:var(--fg);text-decoration:none;transition:color .3s}
.blog-card-title a:hover{color:#fff}
.blog-card-excerpt{font-size:14.5px;line-height:1.7;color:var(--muted);font-weight:300;margin-bottom:18px;max-width:58ch}
.blog-card-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:12.5px;color:var(--muted);letter-spacing:.04em;margin-bottom:22px}
.blog-more{margin-top:clamp(36px,5vw,56px);text-align:center}
.blog-more-link{display:inline-flex;align-items:center;gap:10px;font-size:13.5px;color:var(--muted);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:12px 26px;transition:color .3s,border-color .3s,transform .3s}
.blog-more-link:hover{color:var(--fg);border-color:rgba(255,255,255,.35);transform:translateY(-2px)}

/* ---------- Makale ---------- */
.article-hero{padding:calc(var(--nav-h) + clamp(40px,7vw,90px)) 0 clamp(30px,4vw,50px)}
.article-kicker{display:inline-block;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:7px 16px;margin-bottom:22px}
.article-title{font-size:clamp(34px,5vw,62px);line-height:1.08;max-width:22ch;margin-bottom:24px}
.article-meta{display:flex;flex-wrap:wrap;gap:14px 22px;font-size:13px;color:var(--muted);letter-spacing:.04em}
.article-meta .meta-dot::before{content:"·";margin-right:22px;color:var(--line)}

.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:clamp(32px,5vw,80px);align-items:start;padding-bottom:clamp(70px,9vw,120px)}
.article-body{min-width:0}
.article-body h2{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3vw,38px);line-height:1.15;margin:clamp(44px,6vw,72px) 0 18px;scroll-margin-top:calc(var(--nav-h) + 24px)}
.article-body h2:first-of-type{margin-top:0}
.article-body h3{font-size:clamp(18px,1.8vw,22px);font-weight:600;letter-spacing:.01em;margin:34px 0 14px;scroll-margin-top:calc(var(--nav-h) + 24px)}
.article-body p{font-size:15.5px;line-height:1.85;color:#D8D8D8;font-weight:300;margin:0 0 18px}
.article-body ul,.article-body ol{margin:0 0 20px;padding-left:26px;display:flex;flex-direction:column;gap:10px}
.article-body li{font-size:15px;line-height:1.75;color:#D8D8D8;font-weight:300}
.article-body li::marker{color:var(--muted)}
.article-body a{color:var(--fg);text-decoration:underline;text-underline-offset:3px;transition:color .3s}
.article-body a:hover{color:#fff}
.article-body strong{font-weight:600;color:var(--fg)}
.article-table{margin:26px 0 34px;overflow-x:auto;border:1px solid var(--line-soft);border-radius:var(--radius);-webkit-overflow-scrolling:touch}
.article-table table{width:100%;border-collapse:collapse;font-size:13.5px;line-height:1.6}
.article-table th{font-weight:600;text-align:left;color:var(--fg);letter-spacing:.02em}
.article-table th,.article-table td{padding:14px 18px;border-bottom:1px solid var(--line-soft);vertical-align:top}
.article-table tr:last-child td{border-bottom:none}
.article-table td{color:#D0D0D0;font-weight:300}
.article-table th:first-child,.article-table td:first-child{white-space:nowrap;font-weight:500;color:var(--fg)}

.article-toc{position:sticky;top:calc(var(--nav-h) + 16px)}
.toc-card{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:var(--radius);padding:22px 24px}
.toc-title{font-family:var(--serif);font-weight:400;font-size:17px;margin-bottom:14px}
.toc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;counter-reset:toc}
.toc-list li{counter-increment:toc}
.toc-list a{display:flex;gap:10px;font-size:13px;line-height:1.5;color:var(--muted);text-decoration:none;transition:color .3s}
.toc-list a::before{content:counter(toc,decimal-leading-zero);font-family:var(--serif);font-size:12px;color:var(--line);flex:none}
.toc-list a:hover{color:var(--fg)}
.toc-back{margin-top:18px;padding-top:16px;border-top:1px solid var(--line-soft)}
.toc-back a{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);text-decoration:none;transition:color .3s}
.toc-back a:hover{color:var(--fg)}

.takeaways{margin:clamp(28px,4vw,40px) 0 clamp(36px,5vw,52px);padding:clamp(24px,3vw,34px);background:linear-gradient(135deg,#161616,#101010);border:1px solid var(--line-soft);border-radius:var(--radius-lg)}
.takeaways-title{font-family:var(--serif);font-weight:400;font-size:clamp(22px,2.4vw,28px);margin-bottom:18px}
.takeaways ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.takeaways li{position:relative;padding-left:26px;font-size:14.5px;line-height:1.7;color:#D8D8D8;font-weight:300}
.takeaways li::before{content:"";position:absolute;left:0;top:.62em;width:12px;height:1.5px;background:var(--muted)}

/* Makale içi SSS — sayfa geneli .faq ile aynı yapı, dar kolonda */
.article-faq{margin-top:clamp(48px,7vw,80px);padding-top:clamp(36px,5vw,56px);border-top:1px solid var(--line-soft)}
.article-faq-title{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3vw,38px);margin-bottom:clamp(24px,3vw,38px)}

/* Makale CTA */
.article-cta{margin-top:clamp(52px,7vw,84px);padding:clamp(30px,4vw,48px);text-align:center;background:linear-gradient(135deg,#161616,#0E0E0E);border:1px solid var(--line-soft);border-radius:var(--radius-lg)}
.article-cta-title{font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.8vw,36px);max-width:24ch;margin:0 auto 14px}
.article-cta-text{font-size:14.5px;line-height:1.7;color:var(--muted);font-weight:300;max-width:52ch;margin:0 auto 26px}
.article-cta-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}

/* ---------- Anasayfa blog bölümü ---------- */
.home-blog{padding:clamp(70px,9vw,130px) 0;border-top:1px solid var(--line-soft)}
.home-blog-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:clamp(30px,4vw,48px)}
.home-blog-kicker{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.home-blog-title{font-size:clamp(30px,4vw,52px)}
.home-blog-all{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);text-decoration:none;letter-spacing:.04em;transition:color .3s}
.home-blog-all:hover{color:var(--fg)}
.home-blog-all svg{transition:transform .3s var(--ease)}
.home-blog-all:hover svg{transform:translateX(4px)}

/* ---------- Responsive ---------- */
@media (max-width:1024px){
  .article-layout{grid-template-columns:minmax(0,1fr) 230px;gap:36px}
}
@media (max-width:860px){
  .blog-card{grid-template-columns:1fr;gap:22px}
  .article-layout{grid-template-columns:1fr}
  .article-toc{position:static;order:-1}
  .toc-card{padding:18px 20px}
  .toc-list{flex-direction:row;flex-wrap:wrap;gap:8px 18px}
  .toc-list a{font-size:12.5px}
  .toc-back{display:none}
  .article-title{max-width:none}
}
@media (max-width:560px){
  .article-table th,.article-table td{padding:11px 13px;font-size:12.5px}
  .article-table th:first-child,.article-table td:first-child{white-space:normal}
  .article-meta .meta-dot::before{margin-right:14px}
  .home-blog-head{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){
  .blog-card,.blog-more-link,.home-blog-all,.home-blog-all svg{transition:none}
  .blog-card:hover,.blog-more-link:hover{transform:none}
}