/* Blog — Vitrin ile aynı tasarım sözleşmesi: temanın değişkenlerini okur; gölge/gradyan/hap yok, tek köşe değeri, kart içinde kart yok.
   Okuma sayfası ayrı bir ritimle (68ch sütun, 17px gövde) yazılır; liste yoğun ve taranabilirdir. */
.bl-wrap{
  --bl-bg:var(--f14-surface,var(--theme-card-bg,#fff));
  --bl-alt:var(--f14-row-alt,color-mix(in srgb,var(--bl-bg) 96%,currentColor));
  --bl-sub:var(--f14-sub-bg,color-mix(in srgb,var(--bl-bg) 92%,currentColor));
  --bl-line:var(--f14-border,var(--theme-card-border,#e5e7eb));
  --bl-line-2:var(--f14-border-strong,color-mix(in srgb,var(--bl-line) 70%,currentColor));
  --bl-muted:color-mix(in srgb,currentColor 76%,transparent);
  --bl-link:var(--f14-link,var(--primary-color,#206bc4));
  --bl-accent:var(--f14-primary,var(--primary-color,#206bc4));
  --bl-head:var(--f14-cat-bg,#1a252f);
  --bl-head-bg:var(--f14-head-grad,var(--bl-head));
  --bl-on:#fff;--bl-ok:#157347;--bl-warn:#8a5a00;--bl-bad:#b42318;
  --bl-r:var(--f14-radius,3px);
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;
  font-family:var(--f14-font,inherit);color:inherit;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s5);min-width:0;overflow-wrap:anywhere;font-size:13px;line-height:1.5;
}
.bl-wrap *{box-sizing:border-box}
.bl-wrap a{color:var(--bl-link);text-decoration:none}
.bl-wrap a:hover{text-decoration:underline}
.bl-wrap :focus-visible{outline:2px solid var(--bl-accent);outline-offset:2px}
.bl-wrap h1,.bl-wrap h2,.bl-wrap h3{margin:0;line-height:1.3}
.bl-muted{color:var(--bl-muted)}
.bl-small{font-size:12px}
.bl-num{font-variant-numeric:tabular-nums}

/* Düğme */
.bl-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:32px;padding:0 var(--s3);border:1px solid var(--bl-line-2);border-radius:var(--bl-r);background:var(--bl-bg);color:inherit!important;font-family:inherit;font-weight:700;font-size:13px;line-height:1;cursor:pointer;text-decoration:none!important}
.bl-btn:hover{background:var(--bl-alt)}
.bl-btn--primary{background:var(--bl-accent);border-color:var(--bl-accent);color:var(--bl-on)!important}
.bl-btn--primary:hover{background:color-mix(in srgb,var(--bl-accent) 85%,#000)}
.bl-btn--danger{color:var(--bl-bad)!important;border-color:var(--bl-bad)}
.bl-btn--sm{min-height:26px;padding:0 var(--s2);font-size:12px}
.bl-btn[aria-pressed=true]{background:var(--bl-sub);border-color:var(--bl-accent);color:var(--bl-accent)!important}

/* Üst şerit + kategori sekmeleri */
.bl-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;padding:8px 14px;border-left:4px solid var(--bl-accent);border-bottom:1px solid var(--bl-line);background:var(--bl-sub)}
.bl-top h1{font-family:inherit;font-weight:700;font-size:18px;display:inline}
.bl-top .bl-muted{margin-left:var(--s3)}
.bl-top__act{display:flex;gap:var(--s2);flex-wrap:wrap}
.bl-cats{display:flex;gap:2px;margin:0;padding:0;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--bl-line-2)}
.bl-cats::-webkit-scrollbar{display:none}
.bl-cats a{display:block;padding:7px 14px;white-space:nowrap;font-weight:700;color:var(--bl-muted)!important;background:var(--bl-sub);border:1px solid var(--bl-line);border-bottom:0;border-radius:var(--bl-r) var(--bl-r) 0 0;margin-bottom:-1px}
.bl-cats a:hover{text-decoration:none;background:var(--bl-alt)}
.bl-cats a[aria-current]{background:var(--bl-bg);color:inherit!important;border-color:var(--bl-line-2);border-top:3px solid var(--bl-accent);padding-top:5px}
.bl-crumb{font-size:12px;color:var(--bl-muted)}
.bl-sum{font-size:12px;color:var(--bl-muted);padding-bottom:var(--s2)}

/* Düzen */
.bl-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--s5);align-items:start}
.bl-layout--single{grid-template-columns:minmax(0,1fr)}
.bl-aside{display:grid;gap:var(--s4);min-width:0}

/* Kapak: gerçek görsel ya da düz renk + monogram */
.bl-cv{display:block;position:relative;overflow:hidden;background:var(--bl-sub);border-radius:var(--bl-r);aspect-ratio:3/2}
.bl-cv img{display:block;width:100%;height:100%;object-fit:cover}
.bl-cv svg{display:block;width:100%;height:100%}
.bl-cv--wide{aspect-ratio:16/9}
.bl-cv--xs{width:56px;aspect-ratio:1;flex:none}

/* Öne çıkan */
.bl-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--s5);padding:var(--s4);border:1px solid var(--bl-line);border-top:3px solid var(--bl-accent);background:var(--bl-bg)}
.bl-hero .bl-cat{margin-left:var(--s3)}
.bl-hero__t{font-size:22px;font-weight:700;line-height:1.25;margin:var(--s2) 0}
.bl-hero__t a{color:inherit}
.bl-hero p{margin:0 0 var(--s3);font-size:14px}
.bl-flag{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--bl-accent)}

/* Liste satırı */
.bl-posts{display:grid;gap:0;border-top:1px solid var(--bl-line)}
.bl-post{display:grid;grid-template-columns:200px minmax(0,1fr);gap:var(--s4);padding:var(--s4) 0;border-bottom:1px solid var(--bl-line)}
.bl-post--nocv{grid-template-columns:minmax(0,1fr)}
.bl-post__t{font-size:17px;font-weight:700;line-height:1.3;margin:2px 0 var(--s2)}
.bl-post__t a{color:inherit}
.bl-post__t a:hover{color:var(--bl-link)}
.bl-post p{margin:0 0 var(--s2);color:var(--bl-muted);font-size:13.5px}
.bl-meta{display:flex;flex-wrap:wrap;gap:2px var(--s3);font-size:12px;color:var(--bl-muted);align-items:center}
.bl-meta span+span::before{content:"·";margin-right:var(--s3);color:var(--bl-line-2)}
.bl-cat{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:inherit!important}
.bl-cat::before{content:"";width:8px;height:8px;background:var(--c,var(--bl-accent));flex:none}
.bl-pin{color:var(--bl-warn);font-weight:700}
.bl-st{font-weight:700}.bl-st--published{color:var(--bl-ok)}.bl-st--pending{color:var(--bl-warn)}.bl-st--rejected{color:var(--bl-bad)}.bl-st--draft{color:var(--bl-muted)}

/* Izgara modu */
.bl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5) var(--s4)}
.bl-grid .bl-post{grid-template-columns:minmax(0,1fr);border:0;padding:0;align-content:start}
.bl-grid .bl-post__t{font-size:16px}

/* Sayfalama */
.bl-pager{display:flex;gap:var(--s1);flex-wrap:wrap;margin-top:var(--s4)}
.bl-pager a,.bl-pager span{display:inline-block;min-width:32px;padding:5px 9px;text-align:center;border:1px solid var(--bl-line-2);border-radius:var(--bl-r);background:var(--bl-bg);color:inherit}
.bl-pager a:hover{background:var(--bl-alt);text-decoration:none}
.bl-pager [aria-current]{background:var(--bl-accent);border-color:var(--bl-accent);color:var(--bl-on)}

/* Blok + widget */
.bl-block{border:1px solid var(--bl-line);background:var(--bl-bg)}
.bl-bh{background:var(--bl-head-bg);color:var(--bl-on);padding:6px var(--s3);font-family:inherit;font-weight:700;font-size:13px;line-height:1.3;border-bottom:1px solid color-mix(in srgb,var(--bl-head) 70%,#000)}
.bl-wl{margin:0;padding:0;list-style:none;counter-reset:w}
.bl-wl li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:var(--s2);padding:var(--s2) var(--s3);border-top:1px solid var(--bl-line);counter-increment:w}
.bl-wl li:first-child{border-top:0}
.bl-wl li::before{content:counter(w);font-weight:700;color:var(--bl-muted);font-variant-numeric:tabular-nums}
.bl-wl li:nth-child(-n+3)::before{color:var(--bl-accent)}
.bl-wl small{display:block;color:var(--bl-muted);font-size:12px}
.bl-wc{display:flex;justify-content:space-between;gap:var(--s2);padding:var(--s2) var(--s3);border-top:1px solid var(--bl-line);color:inherit!important}
.bl-wc:first-of-type{border-top:0}
.bl-wc:hover{background:var(--bl-alt);text-decoration:none}
.bl-wc b{display:inline-flex;align-items:center;gap:6px;font-weight:400}
.bl-wc b::before{content:"";width:8px;height:8px;background:var(--c,var(--bl-accent))}
.bl-wt{display:flex;flex-wrap:wrap;gap:6px var(--s2);padding:var(--s3)}
.bl-wt a{font-size:12px;padding:2px 8px;border:1px solid var(--bl-line);border-radius:var(--bl-r);background:var(--bl-sub);color:inherit}
.bl-wt a:hover{border-color:var(--bl-accent);text-decoration:none}
.bl-ws{display:flex;gap:var(--s2);padding:var(--s3)}
.bl-ws .bl-input{min-width:0}.bl-ws .bl-btn{white-space:nowrap;flex:none}

/* Alanlar */
.bl-input,.bl-select,.bl-textarea{width:100%;min-height:32px;padding:5px var(--s2);border:1px solid var(--bl-line-2);border-radius:var(--bl-r);background:var(--bl-bg);color:inherit;font:inherit}
.bl-textarea{min-height:90px;resize:vertical}
.bl-input:focus,.bl-select:focus,.bl-textarea:focus{border-color:var(--bl-accent)}

/* Yazı sayfası */
.bl-title-band{padding:var(--s5) var(--s5) var(--s4);border:1px solid var(--bl-line);border-top:3px solid var(--bl-accent);background:var(--bl-bg)}
.bl-title-band h1{font-size:30px;line-height:1.2;font-weight:700;margin:var(--s2) 0 var(--s3)}
.bl-title-band .bl-lead{font-size:16px;color:var(--bl-muted);margin:0 0 var(--s3);max-width:68ch}
.bl-author-line{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}
.bl-author-line img,.bl-authorbox img{border-radius:50%;width:36px;height:36px;object-fit:cover}
.bl-notice{padding:var(--s3) var(--s4);border:1px solid var(--bl-line-2);border-left:4px solid var(--bl-warn);background:var(--bl-sub)}
.bl-article{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s5);min-width:0}
.bl-toc{max-width:78ch;border:1px solid var(--bl-line);background:var(--bl-sub);padding:var(--s3) var(--s4)}
.bl-toc summary{cursor:pointer;font-weight:700}
.bl-toc ol{margin:var(--s2) 0 0;padding-left:var(--s5)}
.bl-toc li{margin:2px 0}
.bl-toc li.is-3{margin-left:var(--s4);list-style:circle}
.bl-content{font-size:17px;line-height:1.75;max-width:78ch}
.bl-content p{margin:0 0 1.1em}
.bl-content h2,.bl-content h3,.bl-content h4{margin:1.6em 0 .5em;scroll-margin-top:72px;font-weight:700}
.bl-content h2{font-size:23px}.bl-content h3{font-size:19px}
.bl-content img{max-width:100%;height:auto;border-radius:var(--bl-r)}
.bl-content ul,.bl-content ol{margin:0 0 1.1em;padding-left:var(--s5)}
.bl-content ul{list-style:disc}.bl-content ol{list-style:decimal}
.bl-content blockquote{margin:0 0 1.1em;padding:var(--s2) var(--s4);border-left:4px solid var(--bl-accent);background:var(--bl-sub)}
.bl-content pre,.bl-content code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9em;background:var(--bl-sub);border-radius:var(--bl-r)}
.bl-content code{padding:1px 5px}
.bl-content pre{padding:var(--s3) var(--s4);overflow-x:auto}
.bl-content pre code{padding:0;background:none}
.bl-content table{border-collapse:collapse;width:100%;margin:0 0 1.1em}
.bl-content th,.bl-content td{border:1px solid var(--bl-line);padding:6px 10px;text-align:left}
.bl-content th{background:var(--bl-sub)}
.bl-content a{text-decoration:underline}
.bl-foot{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center;justify-content:space-between;padding:var(--s3) 0;border-top:1px solid var(--bl-line);border-bottom:1px solid var(--bl-line)}
.bl-tags{display:flex;flex-wrap:wrap;gap:6px var(--s2)}
.bl-tags a{font-size:12px;padding:2px 8px;border:1px solid var(--bl-line);border-radius:var(--bl-r);background:var(--bl-sub);color:inherit}
.bl-actions{display:flex;gap:var(--s2);flex-wrap:wrap;align-items:center}
.bl-authorbox{display:grid;grid-template-columns:48px minmax(0,1fr);gap:var(--s3);padding:var(--s4);border:1px solid var(--bl-line);background:var(--bl-sub)}
.bl-authorbox img{width:48px;height:48px}
.bl-pn{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}
.bl-pn a{display:block;padding:var(--s3) var(--s4);border:1px solid var(--bl-line);color:inherit}
.bl-pn a:hover{background:var(--bl-alt);text-decoration:none}
.bl-pn small{display:block;color:var(--bl-muted);font-size:12px}
.bl-pn .is-next{text-align:right}
.bl-h2{font-size:17px;font-weight:700;padding-bottom:var(--s2);border-bottom:2px solid var(--bl-accent);margin:0 0 var(--s3)}
.bl-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}
.bl-related .bl-post{grid-template-columns:minmax(0,1fr);padding:0;border:0;gap:var(--s2)}
.bl-related .bl-post__t{font-size:15px}

/* Yorumlar */
.bl-cm{display:grid;gap:0;margin:0;padding:0;list-style:none}
.bl-cm>li{padding:var(--s3) 0;border-top:1px solid var(--bl-line)}
.bl-cm>li:first-child{border-top:0}
.bl-cm__h{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap;margin-bottom:var(--s1)}
.bl-cm__h img{width:28px;height:28px;border-radius:50%}
.bl-cm__b p{margin:0 0 var(--s2)}
.bl-cm ul{list-style:none;margin:var(--s2) 0 0;padding:0 0 0 var(--s4);border-left:2px solid var(--bl-line)}
.bl-cm ul li{padding:var(--s2) 0}
.bl-cm__act{display:flex;gap:var(--s3);font-size:12px}
.bl-cm__act button{all:unset;cursor:pointer;color:var(--bl-link)}
.bl-cm__act button:hover{text-decoration:underline}
.bl-cm__act button.is-bad{color:var(--bl-bad)}
.bl-pendtag{font-size:11px;font-weight:700;color:var(--bl-warn)}
.bl-cmform{display:grid;gap:var(--s2);margin-top:var(--s4)}
.bl-reply{margin-top:var(--s2)}
.bl-reply[hidden]{display:none}

/* Form */
.bl-form{display:grid;gap:var(--s5)}
.bl-form fieldset{margin:0;padding:var(--s4);border:1px solid var(--bl-line);display:grid;gap:var(--s3);min-width:0}
.bl-form legend{padding:0 var(--s2);font-weight:700}
.bl-field{display:grid;gap:4px}
.bl-field>label{font-weight:700}
.bl-row2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
.bl-check{display:flex;gap:var(--s2);align-items:center}
.bl-bar{display:flex;gap:var(--s2);flex-wrap:wrap;padding:var(--s3);border:1px solid var(--bl-line);background:var(--bl-sub);align-items:center}
.bl-bar .bl-sp{flex:1}
.bl-cover-prev{max-width:260px}
details.bl-more>summary{cursor:pointer;font-weight:700;padding:var(--s2) 0}

/* Tablo (yazılarım) */
.bl-table{width:100%;border-collapse:collapse}
.bl-table th,.bl-table td{padding:var(--s2) var(--s3);border-bottom:1px solid var(--bl-line);text-align:left;vertical-align:middle}
.bl-table th{background:var(--bl-sub);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--bl-muted)}
.bl-table td.n{text-align:right}
.bl-empty{padding:var(--s6);text-align:center;border:1px dashed var(--bl-line-2);color:var(--bl-muted)}

@media (max-width:900px){
  .bl-layout{grid-template-columns:minmax(0,1fr)}
  .bl-hero{grid-template-columns:minmax(0,1fr)}
  .bl-related{grid-template-columns:minmax(0,1fr)}
  .bl-title-band{padding:var(--s4)}
  .bl-title-band h1{font-size:24px}
}
@media (max-width:640px){
  .bl-post{grid-template-columns:96px minmax(0,1fr);gap:var(--s3)}
  .bl-post p{display:none}
  .bl-grid{grid-template-columns:minmax(0,1fr)}
  .bl-row2,.bl-pn{grid-template-columns:minmax(0,1fr)}
  .bl-btn,.bl-input,.bl-select{min-height:44px}
  .bl-pager a,.bl-pager span,.bl-cats a{min-height:40px;display:inline-flex;align-items:center}
  .bl-content{font-size:16px}
}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}