/* Blog yazısı — yeni çerçeve üstünde sayfa katmanı (body.mania-hz.hz-t-blog-yazisi). İşaretleme değişmez (Klasik Editör gövdesi).
   Giriş: solda başlık ve özet, sağda yatay kapak (16:9); altında dört bilgi kutusu. Tek vurgu turkuaz, cam paneller. */

/* ---------- giriş ---------- */
.hz-t-blog-yazisi .c-bento{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.2vw,16px)}
.hz-t-blog-yazisi .c-t{grid-column:1 / span 2;grid-row:1}
.hz-t-blog-yazisi .c-kapak{grid-column:3 / span 2;grid-row:1;align-self:stretch;margin:0;padding:10px;display:flex;flex-direction:column}
.hz-t-blog-yazisi .c-kapak img{width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto;object-fit:cover;border-radius:12px;flex:1}
.hz-t-blog-yazisi .c-kapak figcaption{display:none}
.hz-t-blog-yazisi .c-kapak .yz-ai{display:none}
.hz-t-blog-yazisi .c-t h1{font-size:clamp(34px,3.4vw,54px);line-height:1.02;letter-spacing:-.045em}
.hz-t-blog-yazisi .c-t .ozet{font-size:clamp(15.5px,1.1vw,17.5px);line-height:1.7;color:var(--fg-dim)}
.hz-t-blog-yazisi .c-yazar span{font-family:var(--m);font-size:12px;letter-spacing:0;text-transform:none;color:var(--muted)}
.hz-t-blog-yazisi .c-yazar a{color:var(--fg-hi);text-decoration-color:var(--acc)}

/* cam paneller: başlık kutusu, kapak, bilgi kutuları, bölümler */
.hz-t-blog-yazisi :is(.c-t,.c-kapak,.c-m){border:1px solid rgba(0,214,205,.3);border-radius:20px;background:linear-gradient(160deg,rgba(0,214,205,.1),rgba(0,214,205,.02) 55%,rgba(9,21,22,.35));
	box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.hz-t-blog-yazisi .c-m span{font-family:var(--m);font-size:12px;letter-spacing:0;text-transform:none;color:var(--acc)}
.hz-t-blog-yazisi .c-m b{font-family:var(--f);letter-spacing:-.03em}
.hz-t-blog-yazisi .c-m b i{color:#00D6CD}
.hz-t-blog-yazisi .c-cipler a{border-color:rgba(0,214,205,.24);background:rgba(0,214,205,.04);color:var(--fg-dim)}
.hz-t-blog-yazisi .c-cipler a:hover{border-color:rgba(0,214,205,.6);color:var(--fg-hi)}
.hz-t-blog-yazisi .c-cipler a span{font-family:var(--m);color:var(--acc)}

/* ---------- gövde ---------- */
.hz-t-blog-yazisi .c-bol{border:1px solid rgba(0,214,205,.18);border-radius:22px;background:linear-gradient(170deg,rgba(0,214,205,.06),rgba(9,21,22,.25) 40%)}
.hz-t-blog-yazisi .c-bol-ust b,.hz-t-blog-yazisi .c-bol-ust span{font-family:var(--m);letter-spacing:0;text-transform:none;color:var(--acc)}
.hz-t-blog-yazisi .yz-cevap{border-left-color:#00D6CD;background:rgba(0,214,205,.06)}
.hz-t-blog-yazisi .yz-gorsel{display:block;margin-block:28px}
.hz-t-blog-yazisi .yz-gorsel img{width:100%;height:auto;border-radius:14px;border:1px solid rgba(0,214,205,.22)}
.hz-t-blog-yazisi .yz-gorsel figcaption{font-size:13.5px;line-height:1.55;color:var(--fg-dim);margin-top:10px}
.hz-t-blog-yazisi .yz-gorsel .yz-ai{display:none}
.hz-t-blog-yazisi .yz-govde a:not(.btn){color:var(--acc)}

/* yol satırı: uzun yazı adı kesilmesin, alt satıra geçsin */
.hz-t-blog-yazisi .crumb{white-space:normal;overflow:visible;display:flex;flex-wrap:wrap;gap:4px 8px}

/* ---------- tablet / telefon ---------- */
@media (max-width:999px){
	.hz-t-blog-yazisi .c-bento{grid-template-columns:repeat(2,minmax(0,1fr))}
	.hz-t-blog-yazisi .c-t,.hz-t-blog-yazisi .c-kapak{grid-column:1 / -1;grid-row:auto}
	.hz-t-blog-yazisi .c-kapak img{height:auto;aspect-ratio:16/9;flex:none}
}
@media (max-width:640px){
	.hz-t-blog-yazisi .c-t h1{font-size:clamp(30px,8.6vw,38px)}
}