/* Blog & rehber yazıları — styles.css tokenlarını kullanır; yalnız blog sayfalarında yüklenir. */
.crumbs{max-width:760px;margin:0 auto;display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.86rem;color:var(--ink-3);padding-top:34px}
.crumbs a{color:var(--ink-3);text-decoration:none}.crumbs a:hover{color:var(--ink)}
.crumbs span[aria-hidden]{opacity:.6}

/* yazı başlığı */
.post-head{max-width:760px;margin:0 auto;padding:22px 0 26px}
.post-head h1{font-size:clamp(2rem,4.2vw,3.05rem);line-height:1.08;margin-top:12px}
.post-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;font-size:.88rem;color:var(--ink-3)}
.post-meta b{color:var(--ink-2);font-weight:600}
.post-lead{font-size:1.14rem;color:var(--ink-2);margin-top:18px;line-height:1.6;max-width:64ch}

/* gövde */
.post{max-width:760px;margin:0 auto;padding-bottom:30px}
.post h2{font-size:clamp(1.5rem,2.6vw,1.95rem);max-width:none;margin:52px 0 14px;scroll-margin-top:96px}
.post h3{font-size:1.18rem;margin:30px 0 10px;scroll-margin-top:96px}
.post p{margin:0 0 16px;color:var(--ink-2)}
.post p strong,.post li strong{color:var(--ink)}
.post ul,.post ol{margin:0 0 18px;padding-left:22px;color:var(--ink-2)}
.post li{margin:7px 0}
.post a{color:var(--accent-2);text-decoration:underline;text-underline-offset:3px}
.post a.btn{text-decoration:none}
.post a.btn-primary{color:#fff}

.kisaca{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--r-sm);padding:20px 22px;margin:6px 0 30px;box-shadow:var(--sh-1)}
.kisaca .eyebrow{margin-bottom:8px}
.kisaca ul{margin:0;padding-left:20px}

.toc{background:var(--bg-tint);border-radius:var(--r-sm);padding:18px 22px;margin:0 0 10px}
.toc b{font-family:"Bricolage Grotesque",sans-serif;font-size:1rem}
.toc ol{margin:10px 0 0;padding-left:22px;columns:2;column-gap:28px}
.toc li{margin:5px 0;break-inside:avoid}
.toc a{color:var(--ink-2);text-decoration:none}.toc a:hover{color:var(--accent-2);text-decoration:underline}

.ozellik-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:8px 0 22px}
.ozellik{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-sm);padding:16px 18px;box-shadow:var(--sh-1)}
.ozellik h3{margin:0 0 6px;font-size:1.04rem}
.ozellik p{margin:0;font-size:.95rem}

.adimlar{counter-reset:adim;list-style:none;padding:0!important;margin:8px 0 22px}
.adimlar li{counter-increment:adim;position:relative;padding:14px 16px 14px 62px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-sm);margin:0 0 10px}
.adimlar li::before{content:counter(adim,decimal-leading-zero);position:absolute;left:16px;top:14px;font-family:"IBM Plex Mono",monospace;font-weight:500;font-size:.9rem;color:var(--accent-2)}

.tablo-kap{overflow-x:auto;margin:8px 0 22px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel)}
.tablo-kap table{width:100%;border-collapse:collapse;font-size:.94rem;min-width:560px}
.tablo-kap th,.tablo-kap td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line-2);vertical-align:top}
.tablo-kap th{font-family:"Bricolage Grotesque",sans-serif;font-weight:700;background:var(--bg-tint);color:var(--ink)}
.tablo-kap tr:last-child td{border-bottom:none}
.tablo-kap td:first-child{font-weight:600;color:var(--ink)}
.tablo-kap td{color:var(--ink-2)}
.tablo-kap .iyi{color:#15803d;font-weight:600}

.not{background:var(--accent-wash);border-radius:var(--r-sm);padding:16px 18px;margin:6px 0 22px;color:var(--ink-2);font-size:.97rem}
.not b{color:var(--ink)}

.post .faq{margin:10px 0 24px;max-width:none}

.yazi-cta{background:var(--brand);color:#fff;border-radius:24px;padding:34px 30px;margin:44px 0 10px;text-align:center}
.yazi-cta h2{color:#fff;margin:0 auto 10px;max-width:22ch}
.yazi-cta p{color:rgba(255,255,255,.78);max-width:56ch;margin:0 auto 22px}
.yazi-cta .cta-row{justify-content:center}
.yazi-cta .btn-ghost{color:#fff;border-color:rgba(255,255,255,.3)}

.ilgili{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:14px 0 0}
.ilgili a{display:block;text-decoration:none;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-sm);padding:14px 16px;color:var(--ink)}
.ilgili a span{display:block;font-size:.88rem;color:var(--ink-3);margin-top:3px}
.ilgili a:hover{border-color:var(--accent)}

/* blog listesi */
.blog-head{padding:40px 0 26px;max-width:62ch}
.blog-head h1{margin-top:14px}
.blog-head p{color:var(--ink-2);margin-top:16px;font-size:1.08rem}
.yazi-listesi{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;padding-bottom:40px}
.yazi-kart{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:26px 24px;box-shadow:var(--sh-1);transition:transform .18s ease,box-shadow .24s ease,border-color .2s}
.yazi-kart:hover{transform:translateY(-2px);box-shadow:var(--sh-2);border-color:var(--accent)}
.yazi-kart h2{font-size:1.34rem;max-width:none;margin:0;line-height:1.18}
.yazi-kart p{color:var(--ink-2);font-size:.97rem}
.yazi-kart .post-meta{margin-top:auto;padding-top:6px}
.etiket{display:inline-block;align-self:flex-start;font-family:"IBM Plex Mono",monospace;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--accent);border-radius:999px;padding:3px 10px}

@media(max-width:760px){
  .toc ol{columns:1}
  .post h2{margin-top:40px}
  .adimlar li{padding-left:52px}
  .yazi-cta{padding:28px 20px}
}

/* blog listesinde sayfa yolu tam genişlik */
.blog-sayfa .crumbs{max-width:none}