/* Çizgi roman bloğu ("tip":"cizgi"): kare SVG + HTML konuşma balonları.
   Geniş ekranda balonlar karenin üst boşluğunda (x/y yüzde), dar ekranda karenin altında sırayla. */
.cizgi{margin:2rem 0;display:grid;gap:1.4rem;counter-reset:cz}
.cz-kare{margin:0;counter-increment:cz}
.cz-anlati{display:inline-block;margin:0 0 .45rem;padding:.35rem .7rem;background:#FFC72C;color:#14161B;border:2.5px solid #14161B;
  font:700 .86rem/1.35 "Hanken Grotesk",Arial,sans-serif;box-shadow:3px 3px 0 #1E40C2;max-width:92%}
.cz-anlati::before{content:counter(cz) " · ";font-weight:800}
.cz-sahne{position:relative;line-height:0}
.cz-sahne img{width:100%;height:auto;display:block}
.cz-balon{position:absolute;max-width:36%;margin:0;padding:.55rem .8rem .6rem;background:#FFFDF6;color:#14161B;border:2.5px solid #14161B;
  border-radius:18px;font:600 clamp(.7rem,1.3vw,.86rem)/1.35 "Hanken Grotesk",Arial,sans-serif;box-shadow:3px 3px 0 rgba(20,22,27,.85)}
.cz-balon b{display:block;font:800 .68rem/1.2 "Space Mono",monospace;letter-spacing:.06em;text-transform:uppercase;color:#1E40C2;margin-bottom:.15rem}
.cz-balon::after{content:"";position:absolute;bottom:-10px;width:16px;height:16px;background:#FFFDF6;border-right:2.5px solid #14161B;border-bottom:2.5px solid #14161B;transform:rotate(45deg)}
.cz-balon.cz-k-sol::after{left:20%}
.cz-balon.cz-k-sag::after{right:20%}
.cz-balon.cz-k-yok::after{display:none}
@media (max-width:640px){
  .cz-sahne{line-height:normal;display:flex;flex-direction:column;gap:.5rem}
  .cz-sahne img{order:-1}
  .cz-balon{position:static;max-width:none;font-size:.92rem}
  .cz-balon::after{display:none}
  .cz-balon.cz-k-sag{margin-left:12%}
  .cz-balon.cz-k-sol{margin-right:12%}
}
/* okuyucu (.reader-inner .r-body) kurallarını çizgi romanda geçersiz kıl: 16:9 kırpma, 18 px paragraf, ilk harf süsü */
.reader-inner .r-body .cizgi figure.cz-kare{margin:0;border:0;background:none}
.reader-inner .r-body .cizgi figure.cz-kare img{aspect-ratio:auto;height:auto;object-fit:contain;background:none;border:3px solid #14161B}
.reader-inner .r-body .cizgi p.cz-balon,.reader-inner .r-body .cizgi p.cz-anlati{margin:0;color:#14161B}
.reader-inner .r-body .cizgi p.cz-balon{font-size:clamp(.7rem,1.3vw,.86rem);line-height:1.35}
.reader-inner .r-body .cizgi p.cz-anlati{font-size:.86rem;line-height:1.35;margin:0 0 .45rem}
.reader-inner .r-body .cizgi p:first-of-type::first-letter,.cizgi p::first-letter{float:none;font:inherit;color:inherit;margin:0;padding:0;line-height:inherit}
@media (max-width:640px){.reader-inner .r-body .cizgi p.cz-balon{font-size:.92rem}}