/* Blog sayfaları (makale + liste) */
.blog-page{background:#fff}
.bhead .bhome{display:none;width:44px;height:44px;border:1px solid var(--line);align-items:center;justify-content:center;color:var(--ink)}
.bhead .nav a.active::after{transform:scaleX(1)}
@media (max-width:1100px){.bhead .bhome{display:flex}}
.bmain{padding-bottom:72px}
.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:22px 0 0;font-size:15px;color:var(--muted)}
.crumb a:hover{color:var(--red)}
.crumb b{font-weight:500;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60ch}
.bhero{padding-top:32px}
.bhero h1{font-size:clamp(32px,4.4vw,56px);max-width:22ch;margin:14px 0 14px}
.bmeta{color:var(--muted);font-size:16px}
.bcover{margin-top:32px;aspect-ratio:16/8;overflow:hidden;background:var(--bg-3)}
.bcover img{width:100%;height:100%;object-fit:cover}
.blay{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(32px,6vw,80px);padding-top:48px;align-items:start}

/* Makale tipografisi */
.prose{max-width:72ch;font-size:18px;line-height:1.8;color:var(--text)}
.prose > *:first-child{margin-top:0}
.prose h2{font-size:clamp(26px,2.4vw,32px);margin:44px 0 14px;line-height:1.2}
.prose h3,.prose h4{font-size:clamp(21px,1.8vw,24px);margin:32px 0 10px;line-height:1.3}
.prose h5,.prose h6{font-size:19px;margin:26px 0 8px}
.prose p{margin:0 0 18px}
.prose ul,.prose ol{margin:0 0 20px;padding-inline-start:24px}
.prose li{margin-bottom:8px}
.prose li::marker{color:var(--red)}
.prose strong,.prose b{color:var(--ink);font-weight:600}
.prose a{color:var(--red);text-decoration:underline;text-underline-offset:3px}
.prose img{width:100%;height:auto;margin:16px 0 26px;background:var(--bg-3)}
.prose blockquote{margin:24px 0;padding:6px 0 6px 20px;border-inline-start:3px solid var(--red);color:var(--ink);font-size:19px}
.prose table{width:100%;border-collapse:collapse;margin:20px 0 28px;font-size:16px}
.prose th,.prose td{border:1px solid var(--line);padding:10px 12px;text-align:start}
.prose th{background:var(--bg-2);font-family:var(--head)}

/* Yan sütun */
.bside{position:sticky;top:110px;display:grid;gap:16px}
.bcta{background:var(--navy);color:var(--on-dark);padding:24px;display:grid;gap:10px}
.bcta h3{color:#fff;font-size:22px}
.bcta p{color:var(--on-dark-muted);font-size:15.5px;margin-bottom:6px}
.bcta .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.bcta .btn-ghost:hover{background:#fff;color:var(--navy)}
.bside-t{font-size:20px;margin-top:10px}
.bside-l{list-style:none;display:grid;gap:4px}
.bside-l a{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-family:var(--head);font-weight:600;font-size:16px;line-height:1.3;color:var(--ink)}
.bside-l a:hover{color:var(--red)}
.bside-l img{width:80px;height:54px;object-fit:cover;flex:none}

/* Liste sayfası */
.blist-h{padding-bottom:36px}
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 22px}
.bcard{display:flex;flex-direction:column;border:1px solid var(--line);background:#fff;transition:border-color .2s,box-shadow .2s}
.bcard:hover{border-color:var(--navy);box-shadow:0 10px 28px rgba(15,29,54,.08)}
.bcard figure{aspect-ratio:16/10;overflow:hidden;background:var(--bg-3)}
.bcard img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.bcard:hover img{transform:scale(1.04)}
.bcard > div{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.bcard time{font-size:14.5px;color:var(--muted)}
.bcard h3{font-size:21px;line-height:1.28;flex:1}
.bcard .more{font-family:var(--head);font-weight:600;color:var(--red);font-size:15.5px}

@media (max-width:1100px){.bgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:960px){.blay{grid-template-columns:1fr}.bside{position:static}}
@media (max-width:640px){
  .bmain{padding-bottom:40px}
  .crumb b{max-width:28ch}
  .bhero{padding-top:20px}
  .bcover{aspect-ratio:4/3;margin-inline:calc(var(--pad) * -1)}
  .prose{font-size:17px}
  .bgrid{grid-template-columns:1fr}
  .footer{padding-bottom:84px}
}