/* Atlas — Blog · kök style.css değişkenleriyle; burada yalnız blog parçaları (yeni renk yok) */

/* taslak şeridi */
.draft{border-bottom:1px solid var(--line);background:var(--surface)}
.draft p{font:500 .6875rem/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mut);padding:8px 0}
.draft p::before{content:"";display:inline-block;width:6px;height:6px;border:1px solid var(--warn);margin-right:8px;vertical-align:.04em}

/* etiketler */
.tag.acc{border-color:var(--acc);color:var(--acc)}
.tag.dr{border-style:dashed;color:var(--mut)}
.meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;font:500 .75rem/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.meta .tags{margin:0}
.meta .by{color:var(--fg)}

/* liste sayfası */
.blog-hero{padding:44px 0 36px}
.blog-hero h1 em{font-style:italic;color:var(--acc)}
.posts{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);max-width:860px}
.pcard{position:relative;background:var(--bg);padding:24px 18px 26px;transition:background .15s}
.pcard:hover{background:var(--surface)}
.pcard h2{font-size:clamp(1.7rem,6vw,2.4rem);margin-top:16px}
.pcard h2 a{color:var(--fg);text-decoration:none}
.pcard h2 a::after{content:"";position:absolute;inset:0}
.pcard h2 a:hover{text-decoration:underline;text-decoration-color:var(--acc);text-decoration-thickness:1px}
.pcard .sum{color:var(--mut);font-size:1.0625rem;line-height:1.6;max-width:38em;margin-top:12px}
.pcard .meta{margin-top:18px}
.pcard .go{color:var(--acc);margin-left:auto}
.blog-note{color:var(--mut);font-size:.9375rem;line-height:1.6;max-width:44em;margin-top:22px}
.blog-list{padding:0 0 64px}

/* yazı başlığı */
.post-head{padding:40px 0 30px}
.post-head h1{font-size:clamp(2.5rem,10vw,4.5rem)}
.post-head .dek{font:400 clamp(1.4rem,5vw,2rem)/1.18 var(--serif);max-width:24em;margin-top:14px;text-wrap:balance}
.post-head .lead{max-width:36em}
.post-head .meta{margin-top:26px;padding-top:14px;border-top:1px solid var(--line)}

/* yazı gövdesi: okuma genişliği ~68ch */
.post-grid{display:grid;gap:28px;padding-top:36px;padding-bottom:64px}
.post-grid>*{min-width:0}
.post{max-width:68ch;font-size:1.0625rem;line-height:1.75;overflow-wrap:break-word;counter-reset:ps}
.post>*+*{margin-top:1.15em}
.post h2{margin-top:2.3em;font-size:clamp(1.75rem,6vw,2.3rem);scroll-margin-top:72px}
.post h2::before{counter-increment:ps;content:"§ " counter(ps,decimal-leading-zero);display:block;font:500 .75rem/1 var(--mono);letter-spacing:.06em;color:var(--mut);margin-bottom:12px}
.post h3{font-size:1.125rem;margin:1.9em 0 0}
.post h3+p{margin-top:.5em}
.post strong{font-weight:600}
.post sup{line-height:0;font-size:1em;vertical-align:baseline;white-space:nowrap}
.post sup a{font:500 .6875rem var(--mono);text-decoration:none;position:relative;top:-.5em;padding:0 1px}
.post sup a:hover{text-decoration:underline}
.post .pull{margin:1.7em 0;max-width:none;border-left-color:var(--acc)}
.post ul.dash{display:grid;gap:.55em}
.post ul.dash li{position:relative;padding-left:1.4em}
.post ul.dash li::before{content:"";position:absolute;left:0;top:.86em;width:.7em;height:1px;background:var(--mut)}
.post .cells{margin-top:1.4em}
.post .cells.three{grid-template-columns:1fr}
.post .cell h3{margin:0 0 8px}
.post .cell p+p{margin-top:8px}
.post .cell{line-height:1.6}

/* içindekiler */
.toc{border:1px solid var(--line);padding:16px 16px 18px;max-width:68ch;counter-reset:tc}
.toc .idx{margin-bottom:10px}
.toc li{counter-increment:tc;display:grid;grid-template-columns:2.2em 1fr;padding:5px 0;font-size:.9375rem;line-height:1.4}
.toc li::before{content:counter(tc,decimal-leading-zero);font:500 .6875rem/1.9 var(--mono);color:var(--mut)}
.toc a{color:var(--fg);text-decoration:none}
.toc a:hover{color:var(--acc);text-decoration:underline}

/* kutular: fikrimizi ne değiştirir, künye */
.box{border:1px solid var(--line2);background:var(--surface);padding:18px 16px 20px;margin-top:2em}
.box.sheet{background:
  linear-gradient(var(--grid) 1px,transparent 1px) 0 0/100% 20px,
  linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0/20px 100%,var(--surface)}
.box h2{margin-top:0}
.box h2+p{margin-top:14px}
.box .idx{margin-bottom:10px}
.box p{font-size:1rem;line-height:1.65}
.box p+p{margin-top:.7em}
.box .stats{margin:16px 0}
.box .stat{padding:14px 12px 16px}
.box .stat strong{font-size:clamp(2rem,8.4vw,2.75rem)}
.box.fall{border-left:2px solid var(--warn)}
.box.fall h2::before{content:"§ " counter(ps,decimal-leading-zero) " · Sınama";text-transform:uppercase}
.box.fall ul{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:16px}
.box.fall li{background:var(--bg);padding:14px 14px 16px;display:grid;gap:6px;font-size:1rem;line-height:1.6}
.box.fall li b{font:500 .6875rem/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.box.fall li span+b{margin-top:4px}
.colophon h2::before{content:"§ " counter(ps,decimal-leading-zero) " · Künye";text-transform:uppercase}
.refs+.colophon{margin-top:2.6em}
.kv{display:grid;margin:18px 0 0;border-top:1px solid var(--line)}
.kv>div{display:grid;gap:2px;padding:10px 0 11px;border-bottom:1px solid var(--line)}
.kv dt{font:500 .6875rem/1.9 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.kv dd{margin:0;font-size:1rem;line-height:1.55}
.kv ul{display:grid;gap:4px}
.kv li i{display:block;font-style:normal;color:var(--mut);font-size:.9375rem}

/* önce / sonra çubukları */
.cmp{margin-top:1.8em}
.cmp-in{padding:18px 16px 16px;display:grid;gap:20px}
.cmp .idx{margin-bottom:8px}
.cmp .b{display:grid;grid-template-columns:3.6em 1fr 3.8em;align-items:center;gap:10px;font:500 .75rem/1.9 var(--mono);letter-spacing:.04em;color:var(--mut)}
.cmp .b i{display:block;height:10px;background:var(--line);position:relative}
.cmp .b i::after{content:"";position:absolute;inset:0 auto 0 0;width:calc(var(--v)*1%);background:var(--mut)}
.cmp .b.on i::after{background:var(--acc)}
.cmp .b b{color:var(--fg);font-weight:500;text-align:right}

/* ayrışma: vardığımız yer */
.verdict{border-left:2px solid var(--acc);padding-left:14px;margin-top:.7em}
.verdict b{display:block;font:500 .6875rem/1.9 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--acc)}

/* öneriler */
.recs{counter-reset:rc;display:grid;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:1.4em}
.recs>li{counter-increment:rc;background:var(--bg);padding:20px 16px 22px;display:grid;grid-template-columns:2.6rem 1fr;column-gap:8px}
.recs>li::before{content:counter(rc);font:400 2.4rem/1 var(--serif);color:var(--acc);grid-row:span 3}
.recs>li>*{grid-column:2;min-width:0}
.recs h3{margin:0 0 6px;font-size:1.125rem}
.recs p{font-size:1rem;line-height:1.65}
.recs .olcu{margin-top:12px;padding-top:10px;border-top:1px dashed var(--line2);color:var(--mut);font-size:.9375rem;line-height:1.6}
.recs .olcu b{display:block;font:500 .6875rem/1.9 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg)}

/* kaynakça */
.refs-note{color:var(--mut);font-size:.9375rem;line-height:1.6}
.refs{counter-reset:rf;display:grid;gap:0;border-top:1px solid var(--line)}
.refs li{counter-increment:rf;display:grid;grid-template-columns:2.4em 1fr;padding:12px 0;border-bottom:1px solid var(--line);font-size:.9375rem;line-height:1.55;scroll-margin-top:80px}
.refs li::before{content:counter(rf);font:500 .75rem/1.95 var(--mono);color:var(--mut)}
.refs li>div{min-width:0}
.refs a{display:block;font:400 .75rem/1.5 var(--mono);overflow-wrap:anywhere;margin-top:4px}
.refs .part{font:500 .625rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mut);border:1px dashed var(--line2);padding:1px 6px;margin-left:6px;white-space:nowrap}
.refs li:target{background:color-mix(in srgb,var(--acc) 9%,transparent)}
.legal{border-top:1px solid var(--line2);padding-top:16px;margin-top:2.4em;color:var(--mut);font-size:.875rem;line-height:1.6}
.legal b{color:var(--fg);font-weight:600}
.back{font:500 .75rem var(--mono);letter-spacing:.06em;text-transform:uppercase;margin-top:2em}

@media (min-width:600px){
  .cmp .b{grid-template-columns:4.4em 1fr 4.2em}
  .kv>div{grid-template-columns:13em 1fr;gap:16px}
  .kv li i{display:inline}
  .kv li i::before{content:"· "}
  .post .cells.three .cell{display:grid;grid-template-columns:13em 1fr;column-gap:20px;align-items:baseline}
  .post .cells.three .cell .idx{grid-column:1/-1}
  .post .cells.three .cell h3{grid-row:span 2}
  .post .cells.three .cell p{grid-column:2}
}
@media (min-width:760px){
  .blog-hero{padding:72px 0 48px}
  .post-head{padding:64px 0 40px}
  .post{font-size:1.125rem}
  .pcard{padding:30px 28px 32px}
  .box{padding:24px 24px 26px}
  .cmp-in{padding:24px 24px 20px}
  .recs>li{padding:24px 24px 26px;grid-template-columns:3.2rem 1fr}
}
@media (min-width:980px){
  .post-grid{grid-template-columns:220px minmax(0,68ch);gap:64px;padding-top:48px}
  .toc{position:sticky;top:88px;align-self:start;border:0;border-top:1px solid var(--line2);padding:14px 0 0}
}
@media print{.draft,.toc,.menu{display:none}}

/* tez kartları: tez · neden | karşı görüş (+ karşıt ses) · ölçü · tutumlar · kaynak */
.post-grid{--kn:color-mix(in srgb,var(--fg) 52%,var(--surface))}
.tezler{display:grid;gap:20px;margin-top:1.6em}
.tez{border:1px solid var(--kn);background:var(--surface);padding:20px 16px 18px;scroll-margin-top:72px}
.tez:target{border-color:var(--acc)}
.tez>.idx{color:var(--acc);margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.post .tez h3{font:400 clamp(1.5rem,5.6vw,1.95rem)/1.14 var(--serif);letter-spacing:-.006em;margin:0;text-wrap:balance}
.tez h4{font:500 .6875rem/1.9 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mut);margin:0 0 4px}
.tez p{font-size:1rem;line-height:1.65}
.tz-iki{display:grid;gap:18px;margin-top:22px}
.tz-iki>*{min-width:0}
.tz-karsi{border:1px dashed var(--kn);background:var(--bg);padding:12px 14px 14px}
.tz-ses{margin-top:14px;border-left:2px solid var(--warn);padding-left:12px}
.tz-ses h5{font:500 .625rem/1.9 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin:0 0 2px}
.tez .tz-ses p{font-size:.9375rem;line-height:1.6}
.tz-olcu{margin-top:20px;border-left:2px solid var(--acc);background:color-mix(in srgb,var(--acc) 8%,transparent);padding:12px 14px 14px}
.tz-olcu h4{color:var(--acc)}
.tz-alt{display:grid;gap:8px;margin:20px 0 0;padding-top:14px;border-top:1px solid var(--line);font-size:.8125rem;line-height:1.6;color:var(--mut)}
.tz-alt>div{display:grid;min-width:0}
.tz-alt dt{font:500 .625rem/2 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.tz-alt dd{margin:0;min-width:0}
.tz-alt .tz-kay{margin-top:4px;padding-top:10px;border-top:1px dashed var(--line2)}
.tez .tz-src sup a{font-size:.625rem;top:-.4em}
@media (min-width:600px){
  .tz-alt>div{grid-template-columns:10.5em 1fr;column-gap:12px;align-items:baseline}
}
@media (min-width:760px){
  .tez{padding:26px 28px 24px}
  .tezler{gap:24px}
  .tz-olcu{padding:14px 18px 16px}
}
@media (min-width:900px){
  .tz-iki{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:22px;align-items:start}
}
@media (min-width:1180px){
  .tezler{margin-right:-120px}
}

/* karşı ses: numaralı adımlar */
.post ol.adim{counter-reset:ad;display:grid;gap:.9em}
.post ol.adim li{counter-increment:ad;position:relative;padding-left:2.2em}
.post ol.adim li::before{content:counter(ad,decimal-leading-zero);position:absolute;left:0;top:.5em;font:500 .6875rem/1.9 var(--mono);color:var(--mut)}

/* mobil içindekiler (≤900 px): kapalı başlayan açılır liste + altta yapışkan "Bölümler" düğmesi.
   Düğmeleri blog/blog.js ekler; JS yoksa liste eskisi gibi açık durur. */
.toc-ac,.toc-fab{display:none;font:500 .75rem/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg);cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:0}
@media (max-width:900px){
  .toc.js{padding:0;border-color:var(--kn)}
  .toc.js>.idx{display:none}
  .toc.js .toc-ac{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 16px;border:0;background:none}
  .toc-ac::after{content:"+";font-size:1rem;line-height:1;color:var(--mut)}
  .toc-ac[aria-expanded="true"]::after{content:"−"}
  .toc.js ol{display:none;padding:6px 16px 12px;border-top:1px solid var(--line)}
  .toc.js.open ol{display:block}
  .toc.js li{padding:0}
  .toc.js li::before{line-height:3.1}
  .toc.js li a{padding:9px 0}
  .toc.js.open.alt ol{position:fixed;left:12px;right:12px;bottom:calc(70px + env(safe-area-inset-bottom));max-height:min(70vh,440px);overflow:auto;overscroll-behavior:contain;background:var(--surface);border:1px solid var(--kn);z-index:9}
  .toc.js .toc-fab{display:block;position:fixed;right:12px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:9;min-height:44px;padding:10px 14px;background:var(--surface);border:1px solid var(--kn);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease,visibility .18s}
  .toc.js .toc-fab.gor{opacity:1;visibility:visible;transform:none}
  .toc.js .toc-fab[aria-expanded="true"]{background:var(--fg);color:var(--bg)}
}
@media (prefers-reduced-motion:reduce){.toc.js .toc-fab{transition:none;transform:none}}

/* sorumluluk notu */
.sorumluluk h2{font:500 .6875rem/1.9 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mut);margin:0 0 6px;border:0;padding:0}
.sorumluluk p{margin:0;overflow-wrap:anywhere}
.toc a[aria-current]{color:var(--acc)}