/* Blog sayfaları (yalnızca /blog altında yüklenir). Renk ve yazı tipleri styles.css değişkenlerinden gelir. */
.bgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.6rem)}
.bcard{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);background:var(--white);overflow:hidden;transition:border-color .3s,box-shadow .35s var(--ease),transform .35s var(--ease)}
.bcard:hover,.bcard:focus-within{border-color:var(--blue-line);box-shadow:var(--shadow);transform:translateY(-3px)}
.bcard__media{display:block;aspect-ratio:16/9;background:var(--surface);overflow:hidden}
.bcard__media img{width:100%;height:100%;object-fit:cover}
.bcard__ph{display:grid;place-items:center;width:100%;height:100%;font-family:var(--f-display);font-size:2.4rem;color:var(--blue);background:radial-gradient(90% 120% at 80% 0%,var(--blue-tint),var(--surface))}
.bcard__body{display:flex;flex-direction:column;gap:.55rem;padding:1.2rem 1.3rem 1.35rem;flex:1}
.bcard__cat{align-self:flex-start;font-family:var(--f-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-ink)}
.bcard__cat:hover{text-decoration:underline}
.bcard__title{font-family:var(--f-display);font-weight:500;font-size:1.28rem;line-height:1.25;letter-spacing:-.01em}
.bcard__title a:hover{color:var(--blue-ink)}
.bcard__ex{color:var(--muted);font-size:.95rem;line-height:1.55}
.bcard__meta{margin-top:auto;padding-top:.4rem;display:flex;gap:.5rem;align-items:center;font-family:var(--f-mono);font-size:.72rem;color:var(--muted)}

.bcats{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.6rem}
.bcats a{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.04em;text-transform:uppercase;padding:.5rem .9rem;border:1px solid var(--line-strong);border-radius:99px;color:var(--ink-2);transition:border-color .25s,color .25s,background .25s}
.bcats a:hover{border-color:var(--blue);color:var(--blue-ink)}
.bcats a[aria-current="page"]{background:var(--blue-ink);border-color:var(--blue-ink);color:#fff}

.pager{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:center;margin-top:2.4rem;font-family:var(--f-mono);font-size:.8rem}
.pager__n,.pager__a{min-width:2.4rem;min-height:2.4rem;display:inline-flex;align-items:center;justify-content:center;padding:0 .8rem;border:1px solid var(--line-strong);border-radius:var(--r-sm);color:var(--ink-2)}
a.pager__n:hover,.pager__a:hover{border-color:var(--blue);color:var(--blue-ink)}
.pager__n[aria-current="page"]{background:var(--blue-ink);border-color:var(--blue-ink);color:#fff}

/* Yazı sayfası */
.post__title{max-width:30ch;font-size:clamp(1.9rem,1.2rem + 2.6vw,3.3rem)}
.post__meta{display:flex;flex-wrap:wrap;gap:.35rem .7rem;align-items:center;margin-top:1.1rem;font-family:var(--f-mono);font-size:.76rem;color:var(--muted)}
.post__layout{max-width:1100px;margin:0 auto;padding:clamp(1.6rem,4vh,3rem) var(--pad) clamp(3rem,7vh,5rem);display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:clamp(2rem,4vw,3.5rem);align-items:start}
.post__main{min-width:0;max-width:720px}
.post__cover{margin:0 0 2rem}
.post__cover img{width:100%;height:auto;border-radius:var(--r);border:1px solid var(--line)}
.post__cover figcaption{margin-top:.5rem;font-size:.78rem;color:var(--muted)}
.post__cover figcaption a{text-decoration:underline}

.answer{margin:0 0 2.2rem;padding:1.2rem 1.4rem;border:1px solid var(--blue-line);border-left:4px solid var(--blue);border-radius:var(--r-sm);background:var(--blue-tint)}
.answer__tag{display:block;font-family:var(--f-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-ink);margin-bottom:.4rem}
.answer p{font-size:1.06rem;line-height:1.6;color:var(--ink)}

.prose{font-size:1.06rem;line-height:1.78;color:var(--ink-2);overflow-wrap:anywhere}
.prose>*+*{margin-top:1.15rem}
.prose h2{font-family:var(--f-display);font-weight:500;font-size:clamp(1.45rem,1.15rem + 1.1vw,2rem);line-height:1.2;letter-spacing:-.015em;color:var(--ink);margin-top:2.6rem}
.prose h3{font-family:var(--f-display);font-weight:500;font-size:clamp(1.2rem,1.05rem + .6vw,1.5rem);line-height:1.25;color:var(--ink);margin-top:2rem}
.prose a{color:var(--blue-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.prose a:hover{color:var(--blue-deep)}
.prose ul,.prose ol{padding-left:1.4rem}
.prose ul{list-style:disc}
.prose ol{list-style:decimal}
.prose li+li{margin-top:.4rem}
.prose li::marker{color:var(--blue)}
.prose strong{color:var(--ink);font-weight:600}
.prose blockquote{border-left:3px solid var(--blue-line);padding:.2rem 0 .2rem 1.1rem;color:var(--muted)}
.prose code{font-family:var(--f-mono);font-size:.88em;background:var(--surface);padding:.1em .35em;border-radius:4px}
.prose pre{overflow-x:auto;padding:1rem;background:var(--surface);border-radius:var(--r-sm)}
.prose pre code{background:none;padding:0}
.prose__table{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--r-sm)}
.prose table{border-collapse:collapse;width:100%;min-width:480px;font-size:.95rem;line-height:1.5}
.prose th,.prose td{padding:.7rem .9rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.prose th{background:var(--surface);font-family:var(--f-mono);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.prose tr:last-child td{border-bottom:0}

.faq,.sources{margin-top:3rem}
.faq h2,.sources h2{font-family:var(--f-display);font-weight:500;font-size:clamp(1.45rem,1.15rem + 1.1vw,2rem);letter-spacing:-.015em;margin-bottom:1rem}
.faq__item{padding:1rem 0;border-top:1px solid var(--line)}
.faq__item h3{font-family:var(--f-sans);font-weight:600;font-size:1.05rem;line-height:1.35;color:var(--ink)}
.faq__item p{margin-top:.45rem;color:var(--ink-2);line-height:1.65}
.sources ul{list-style:disc;padding-left:1.3rem;color:var(--ink-2)}
.sources li+li{margin-top:.4rem}
.sources a{color:var(--blue-ink);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}

.postcta{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center;justify-content:space-between;margin-top:3rem;padding:1.4rem 1.5rem;border:1px solid var(--line-strong);border-radius:var(--r);background:var(--surface)}
.postcta div{display:flex;flex-direction:column;gap:.2rem;max-width:44ch}
.postcta strong{font-family:var(--f-display);font-weight:500;font-size:1.25rem;color:var(--ink)}
.postcta>div span{color:var(--muted);font-size:.95rem}
.postcta .btn,.sidecard .btn,.bfeat .btn{color:#fff}.postcta .btn:hover,.sidecard .btn:hover,.bfeat .btn:hover{color:#fff}
.related__h{font-family:var(--f-display);font-weight:500;font-size:var(--step-2);letter-spacing:-.02em;margin-bottom:1.4rem}

@media (max-width:920px){.bgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.bgrid{grid-template-columns:minmax(0,1fr)}.postcta{flex-direction:column;align-items:flex-start}}
@media (prefers-reduced-motion:reduce){.bcard,.bcard:hover{transition:none;transform:none}}

/* öne çıkan yazı */
.bfeat{display:grid;grid-template-columns:1.25fr 1fr;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff;margin-bottom:clamp(1rem,2vw,1.6rem);transition:border-color .3s,box-shadow .35s var(--ease)}
.bfeat:hover,.bfeat:focus-within{border-color:var(--blue-line);box-shadow:var(--shadow)}
.bfeat__media{display:block;background:var(--surface);min-height:280px;max-height:440px;overflow:hidden}.bfeat__media img{width:100%;height:100%;object-fit:cover}
.bfeat__media .bcard__ph{font-size:3.4rem}
.bfeat__body{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;padding:clamp(1.4rem,3vw,2.4rem);justify-content:center}
.bfeat__tag{font:400 .7rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--blue-ink);padding:.25rem .6rem;border-radius:4px}
.bfeat__title{font-family:var(--f-display);font-weight:480;font-size:clamp(1.5rem,1.1rem + 1.6vw,2.35rem);line-height:1.12;letter-spacing:-.015em}
.bfeat__title a:hover{color:var(--blue-ink)}.bfeat__ex{color:var(--muted);line-height:1.6}

/* yazı kenar çubuğu */
.post__side{position:sticky;top:96px;display:flex;flex-direction:column;gap:1rem}
.toc,.sidecard{border:1px solid var(--line);border-radius:var(--r);padding:1.15rem 1.2rem;background:#fff}
.toc__t{display:block;font:400 .7rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--blue-ink);margin-bottom:.7rem}
.toc ol{display:flex;flex-direction:column;gap:.1rem;counter-reset:s}
.toc li{counter-increment:s}
.toc a{display:flex;gap:.6rem;padding:.4rem .5rem;border-radius:6px;font-size:.92rem;line-height:1.35;color:var(--ink-2);transition:background .2s,color .2s}
.toc a::before{content:counter(s,decimal-leading-zero);font:400 .72rem var(--f-mono);color:var(--blue-ink);padding-top:.15em}
.toc a:hover{background:var(--blue-tint);color:var(--blue-deep)}
.sidecard{background:linear-gradient(180deg,var(--blue-tint),#fff)}
.sidecard p{color:var(--ink-2);font-size:.95rem;line-height:1.55;margin-bottom:1rem}
.sidecard .btn{width:100%;justify-content:center}.sidecard__link{display:block;text-align:center;margin-top:.8rem;font-size:.88rem;color:var(--blue-ink)}.sidecard__link:hover{text-decoration:underline}

@media (max-width:1020px){.post__layout{grid-template-columns:1fr}.post__side{position:static;order:-1}.toc ol{display:grid;grid-template-columns:1fr 1fr}.bfeat{grid-template-columns:1fr}.bfeat__media{min-height:220px;aspect-ratio:16/9}}
@media (max-width:600px){.toc ol{grid-template-columns:1fr}}
@media (max-width:1020px){.sidecard{display:none}}

/* blog: içerik genişliği tek ölçüye bağlı (hero dahil) */
body[data-page="blog"] .phero__inner,body[data-page="blog"] .section>.wrap{max-width:1100px}
body[data-page="blog"] .section--tint>.wrap{max-width:1100px}