/* ============================================================
   ANGORANET — YAZI GÖVDESİ
   yazi.html (okuyucu) ve yonetim/yazi-duzenle.html (düzenleyici)
   aynı kuralları kullanır: panelde yazılan, sitede görünenle aynı.
   Başlıklar Nunito (marka), metin Literata (uzun okuma).
   ============================================================ */
.y-govde{
  --y-murekkep:#232A55;
  --y-yumusak:#565D7A;
  --y-cizgi:#EDE3DC;
  --y-vurgu:#B3221B;
  --y-isik:#FFE6A1;
  --y-sutun:680px;
  font-family:"Literata",Georgia,serif;
  font-optical-sizing:auto;
  font-size:clamp(1.125rem,1.05rem + .3vw,1.25rem);
  line-height:1.78;
  font-weight:400;
  color:var(--y-murekkep);
  font-kerning:normal;
  hanging-punctuation:first;
  overflow-wrap:break-word;
}
.y-govde > *{max-width:var(--y-sutun);margin-inline:auto}
.y-govde > * + *{margin-top:1.1em}
.y-govde p{margin-bottom:0;text-wrap:pretty}

.y-govde h2,.y-govde h3{font-family:"Nunito",system-ui,sans-serif;color:#232A55;text-wrap:balance;letter-spacing:-.015em}
.y-govde h2{font-weight:900;font-size:clamp(1.45rem,1.2rem + .9vw,1.85rem);line-height:1.18;margin-top:2.1em}
.y-govde h3{font-weight:800;font-size:clamp(1.15rem,1.05rem + .4vw,1.32rem);line-height:1.3;margin-top:1.8em}
.y-govde h2 + *,.y-govde h3 + *{margin-top:.6em}

.y-govde a{color:var(--y-vurgu);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.18em;text-decoration-color:rgba(179,34,27,.45)}
@media (hover:hover){.y-govde a:hover{text-decoration-color:currentColor}}
.y-govde a:focus-visible{outline:3px solid #E0342C;outline-offset:2px;border-radius:3px}
.y-govde strong,.y-govde b{font-weight:650}
.y-govde em,.y-govde i{font-style:italic}
.y-govde mark{background:linear-gradient(transparent 12%,var(--y-isik) 12%,var(--y-isik) 92%,transparent 92%);color:inherit;padding:0 .08em}
.y-govde s{text-decoration-thickness:1.5px}

.y-govde ul,.y-govde ol{padding-left:1.35em}
.y-govde li + li{margin-top:.45em}
.y-govde li::marker{color:#E0342C;font-family:"Nunito",sans-serif;font-weight:800}
.y-govde ol li{padding-left:.2em}

/* alıntı: normal ve büyük (öne çıkan cümle) */
.y-govde blockquote{margin-top:1.6em;margin-bottom:0;padding:.1em 0 .1em 1.1em;border-left:3px solid #232A55;font-style:italic;color:#232A55}
.y-govde blockquote p + p{margin-top:.8em}
.y-govde blockquote.buyuk{
  border:0;padding:0;margin-top:1.5em;margin-bottom:.4em;
  font:900 normal clamp(1.5rem,1.2rem + 1.2vw,2.05rem)/1.2 "Nunito",system-ui,sans-serif;letter-spacing:-.02em;
  color:#232A55;text-wrap:balance;
}
.y-govde blockquote.buyuk p{text-wrap:balance}

.y-govde hr{border:0;height:auto;margin-block:2.2em;text-align:center;overflow:visible}
.y-govde hr::after{content:"";display:block;width:56px;height:3px;margin:0 auto;border-radius:3px;background:#E0342C}

/* görseller: sütun genişliği, geniş, tam ekran */
.y-govde figure.y-gorsel{margin-top:1.9em;margin-bottom:.2em}
.y-govde figure.y-gorsel img{display:block;width:100%;height:auto;border-radius:16px;background:#F3EBE5}
.y-govde figure.y-gorsel figcaption{margin-top:.75em;font:600 .82rem/1.45 "Nunito",system-ui,sans-serif;color:var(--y-yumusak);text-align:center;text-wrap:balance}
.y-govde figure.y-gorsel figcaption:empty{display:none}
/* boyutlu görsel: --en sütunun yüzdesi; sol/sağ yaslanınca metin yanından akar */
.y-govde figure.y-gorsel[data-en]{width:var(--en,100%);max-width:var(--en,100%)}
.y-govde figure.y-gorsel.sol{float:left;margin:.35em 1.5em 1.6em 0;clear:left}
.y-govde figure.y-gorsel.sag{float:right;margin:.35em 0 1.6em 1.5em;clear:right}
.y-govde figure.y-gorsel.sol figcaption,.y-govde figure.y-gorsel.sag figcaption{text-align:left}
.y-govde h2,.y-govde h3,.y-govde hr,.y-govde blockquote.buyuk,.y-govde .y-teklif,.y-govde figure.y-gorsel:not(.sol):not(.sag){clear:both}
.y-govde::after{content:"";display:block;clear:both}
@media (max-width:640px){
  .y-govde figure.y-gorsel[data-en]{width:max(var(--en,100%),66%);max-width:100%}
  .y-govde figure.y-gorsel.sol,.y-govde figure.y-gorsel.sag{float:none;margin:1.9em auto .2em}
}
@media (min-width:900px){
  .y-govde figure.y-gorsel.genis{max-width:min(940px,calc(100vw - 48px))}
}
.y-govde figure.y-gorsel.tam{max-width:none;width:100vw;margin-left:calc(50% - 50vw);margin-right:0}
.y-govde figure.y-gorsel.tam img{border-radius:0;max-height:82svh;object-fit:cover}
.y-govde figure.y-gorsel.tam figcaption{padding-inline:20px}
.y-govde figure.y-yok img{display:none}
.y-govde figure.y-yok::before{content:"Görsel bu tarayıcıda bulunamadı";display:block;padding:40px 16px;border-radius:16px;background:#F3EBE5;font:700 .9rem/1.4 "Nunito",sans-serif;color:var(--y-yumusak);text-align:center}

/* Ango notu: konuşma balonu */
.y-govde aside.y-ango{position:relative;padding-left:62px;margin-top:1.7em}
.y-govde aside.y-ango::before{
  content:"";position:absolute;left:0;top:2px;width:46px;height:46px;border-radius:50%;
  background:#FDE7E3 url("maskot/ango.webp") 50% 16%/120% auto no-repeat;
}
.y-govde aside.y-ango p{
  padding:14px 18px 15px;border-radius:6px 20px 20px 20px;background:#FDE7E3;
  font:700 1rem/1.55 "Nunito",system-ui,sans-serif;color:#232A55;
}
.y-govde aside.y-ango p + p{margin-top:8px}
.y-govde aside.y-ango a{color:#B3221B}

/* teklif kutusu */
.y-govde .y-teklif{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px 22px;
  margin-top:2.4em;padding:18px 22px 18px 14px;border-radius:22px;background:#fff;
  box-shadow:0 0 0 2px var(--y-cizgi),0 5px 0 var(--y-cizgi);
  font-family:"Nunito",system-ui,sans-serif;
}
.y-govde .y-teklif img{width:112px;height:auto}
.y-govde .y-teklif p{display:grid;gap:4px;margin:0}
.y-govde .y-teklif b{font-weight:900;font-size:1.12rem;line-height:1.25;color:#232A55}
.y-govde .y-teklif span{font-weight:600;font-size:.95rem;line-height:1.45;color:var(--y-yumusak)}
.y-govde .y-teklif .btn{height:50px;padding:0 22px;font-size:16px;text-decoration:none;color:#fff}
@media (max-width:640px){
  .y-govde .y-teklif{grid-template-columns:auto 1fr;padding:16px}
  .y-govde .y-teklif img{width:84px}
  .y-govde .y-teklif .btn{grid-column:1/-1;width:100%}
}
