/* =================================================================
   SG EDITOR — görünüm (Signal)
   ================================================================= */
.sg-ed{
  border:1px solid #d3ded8;background:#fff;position:relative;
  font-family:"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;
}
.sg-ed.is-focus{border-color:var(--g7)}
.sg-ed.is-drop{border-color:var(--g7);background:var(--g1)}

/* Araç çubuğu */
.sg-ed__bar{
  display:flex;flex-wrap:wrap;align-items:center;gap:1px;
  padding:5px 6px;border-bottom:1px solid #e2e9e5;background:#fbfcfb;
  position:sticky;top:0;z-index:2;
}
.sg-ed__btn{
  width:30px;height:30px;padding:0;
  display:inline-grid;place-items:center;
  border:1px solid transparent;background:transparent;color:#4a5a53;
  font-size:12.5px;line-height:1;cursor:pointer;border-radius:0;
}
.sg-ed__btn:hover{background:var(--g2);color:var(--g7);border-color:var(--g3)}
.sg-ed__btn.is-on{background:var(--g7);border-color:var(--g7);color:#fff}
.sg-ed__btn--text{
  font-family:"Plus Jakarta Sans",ui-sans-serif,sans-serif;
  font-size:11px;font-weight:700;letter-spacing:.02em;width:auto;padding:0 8px;
}
.sg-ed__sep{width:1px;height:18px;background:#e2e9e5;margin:0 5px}

/* Yazı alanı */
.sg-ed__area{
  padding:16px 18px;outline:none;overflow-y:auto;max-height:640px;
  font-size:15px;line-height:1.7;color:#10221c;
  word-break:break-word;overflow-wrap:anywhere;
}
.sg-ed__area:empty:before,
.sg-ed__area p:only-child:empty:before{content:attr(data-placeholder);color:#a8b6b0}
.sg-ed__area[data-placeholder]:has(> p:only-child > br:only-child):before{
  content:attr(data-placeholder);color:#a8b6b0;pointer-events:none;position:absolute;
}
.sg-ed__area>*:first-child{margin-top:0}
.sg-ed__area>*:last-child{margin-bottom:0}
.sg-ed__area p{margin:0 0 12px}
.sg-ed__area h2{font-size:21px;margin:22px 0 9px;letter-spacing:-0.024em;line-height:1.22}
.sg-ed__area h3{font-size:17.5px;margin:19px 0 8px;letter-spacing:-0.02em;line-height:1.28}
.sg-ed__area h4{font-size:15.5px;margin:16px 0 7px}
.sg-ed__area ul,.sg-ed__area ol{margin:0 0 13px;padding-left:24px}
.sg-ed__area li{margin-bottom:5px}
.sg-ed__area blockquote{
  margin:0 0 13px;padding:9px 0 9px 16px;
  border-left:2px solid var(--g7);background:var(--g1);color:#3f5a52;font-style:italic;
}
.sg-ed__area pre{
  margin:0 0 13px;padding:13px 15px;background:#10221c;color:var(--g3);
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;
  overflow-x:auto;white-space:pre-wrap;
}
.sg-ed__area code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;
  background:#f2f7f4;padding:1px 5px;border:1px solid #e2e9e5;
}
.sg-ed__area pre code{background:none;border:0;padding:0;color:inherit}
.sg-ed__area img{max-width:100%;height:auto;display:block;margin:13px 0;border:1px solid #e2e9e5}
.sg-ed__area a{color:var(--g7);text-decoration:underline;text-underline-offset:2px}
.sg-ed__area hr{border:0;border-top:1px solid #d3ded8;margin:20px 0}
.sg-ed__area table{width:100%;border-collapse:collapse;margin:0 0 13px;font-size:14px}
.sg-ed__area th,.sg-ed__area td{border:1px solid #e2e9e5;padding:7px 10px;text-align:left}
.sg-ed__area th{background:#fbfcfb;font-weight:600}
.sg-ed__uploading{
  display:inline-block;padding:5px 11px;background:var(--g2);border:1px dashed var(--g4);
  font-family:"Plus Jakarta Sans",sans-serif;font-size:11px;letter-spacing:.06em;color:var(--g7);
}

/* Alt bilgi */
.sg-ed__foot{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:7px 12px;border-top:1px solid #e2e9e5;background:#fbfcfb;
  font-family:"Plus Jakarta Sans",ui-sans-serif,sans-serif;font-size:10px;
  letter-spacing:.1em;text-transform:uppercase;color:#8a9a93;
}
.sg-ed__hint{opacity:.75}
.sg-ed__err{
  padding:8px 12px;border-top:1px solid #f0c7c2;background:#fdf1f0;
  color:#a3342a;font-size:12.5px;
}

/* Yayınlanan içerik — soru ve cevap gövdeleri */
.rich-content{font-size:15.5px;line-height:1.75;color:#3d4f48;word-break:break-word;overflow-wrap:anywhere}
.rich-content>*:first-child{margin-top:0}
.rich-content>*:last-child{margin-bottom:0}
.rich-content p{margin:0 0 14px}
.rich-content h2{font-size:22px;margin:26px 0 10px;color:#10221c;letter-spacing:-0.024em}
.rich-content h3{font-size:18px;margin:22px 0 9px;color:#10221c;letter-spacing:-0.02em}
.rich-content h4{font-size:16px;margin:18px 0 8px;color:#10221c}
.rich-content ul,.rich-content ol{margin:0 0 15px;padding-left:24px}
.rich-content li{margin-bottom:6px}
.rich-content blockquote{
  margin:0 0 15px;padding:11px 0 11px 18px;
  border-left:2px solid var(--g7);background:var(--g1);color:#3f5a52;font-style:italic;
}
.rich-content pre{
  margin:0 0 15px;padding:14px 16px;background:#10221c;color:var(--g3);
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.65;
  overflow-x:auto;white-space:pre-wrap;
}
.rich-content code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;
  background:#f2f7f4;padding:1px 5px;border:1px solid #e2e9e5;
}
.rich-content pre code{background:none;border:0;padding:0;color:inherit}
.rich-content img{max-width:100%;height:auto;display:block;margin:16px 0;border:1px solid #e2e9e5}
.rich-content a{color:var(--g7);text-decoration:underline;text-underline-offset:2px}
.rich-content hr{border:0;border-top:1px solid #e2e9e5;margin:22px 0}
.rich-content table{width:100%;border-collapse:collapse;margin:0 0 15px;font-size:14px}
.rich-content th,.rich-content td{border:1px solid #e2e9e5;padding:8px 11px;text-align:left}
.rich-content th{background:#fbfcfb;font-weight:600;color:#10221c}

/* Düzenleme geçmişi etiketi */
.edited-note{
  font-family:"Plus Jakarta Sans",ui-sans-serif,sans-serif;font-size:10px;
  letter-spacing:.08em;text-transform:uppercase;color:#8a9a93;
}

@media (max-width:575px){
  .sg-ed__area{padding:13px 14px;font-size:15px}
  .sg-ed__btn{width:32px;height:32px}
  .sg-ed__hint{display:none}
  .rich-content{font-size:15px}
}

/* =================================================================
   WYSIWYG eşitliği
   Editördeki görünüm ile yayınlanan yazının görünümü birebir aynı
   olmalı. Ölçüler ikiye ayrı yazıldığında biri değişip diğeri geride
   kalıyordu — burada tek yerden veriliyor.
   ================================================================= */
.sg-ed__area,.rich-content{
  font-size:15.5px;line-height:1.75;color:#3d4f48;
}
.sg-ed__area > :first-child,.rich-content > :first-child{margin-top:0}
.sg-ed__area > :last-child,.rich-content > :last-child{margin-bottom:0}

.sg-ed__area p,.rich-content p{margin:0 0 14px}
.sg-ed__area h2,.rich-content h2{font-size:22px;margin:26px 0 10px;line-height:1.25;font-weight:700}
.sg-ed__area h3,.rich-content h3{font-size:18px;margin:22px 0 9px;line-height:1.3;font-weight:700}
.sg-ed__area h4,.rich-content h4{font-size:16px;margin:18px 0 8px;font-weight:700}
.sg-ed__area ul,.sg-ed__area ol,
.rich-content ul,.rich-content ol{margin:0 0 15px;padding-left:24px}
.sg-ed__area li,.rich-content li{margin-bottom:6px}
.sg-ed__area li > p,.rich-content li > p{margin:0}
.sg-ed__area strong,.rich-content strong{font-weight:700;color:#16200f}
.sg-ed__area em,.rich-content em{font-style:italic}
.sg-ed__area blockquote,.rich-content blockquote{margin:0 0 15px}
.sg-ed__area hr,.rich-content hr{margin:22px 0}
.sg-ed__area img,.rich-content img{margin:16px 0}

/* Boş paragraf da yer kaplasın — yazarken satır atlandığında
   imleç kaybolmasın diye */
.sg-ed__area p:empty::after{content:"";display:inline-block}

/* =================================================================
   TEK RİTİM — paragraf ve satır aralıkları
   Sorun: Enter <p> üretiyor (alt boşluk), Shift+Enter <br> üretiyor
   (boşluk yok), boş satır <p><br></p> üretiyor (çift boşluk). Üç
   farklı aralık çıkıyordu. Burada hepsi tek ölçüye oturtuluyor.
   ================================================================= */

/* Blokların TAMAMI aynı alt boşluğu kullanır; üst boşluk yok, böylece
   iki blok arasındaki mesafe her zaman tek bir değerdir. */
.sg-ed__area > *,
.rich-content > *{
  margin-top:0;
  margin-bottom:var(--blk, 16px);
}
.sg-ed__area,.rich-content{--blk:16px}

/* Başlıklardan ÖNCE biraz daha fazla nefes — ama sabit miktarda,
   kendinden önceki bloğun ne olduğuna bağlı değil. */
.sg-ed__area > h2,.rich-content > h2{margin-top:28px;margin-bottom:10px}
.sg-ed__area > h3,.rich-content > h3{margin-top:24px;margin-bottom:9px}
.sg-ed__area > h4,.rich-content > h4{margin-top:20px;margin-bottom:8px}
.sg-ed__area > *:first-child,.rich-content > *:first-child{margin-top:0}
.sg-ed__area > *:last-child,.rich-content > *:last-child{margin-bottom:0}

/* Liste içi paragraflar ek boşluk açmaz */
.sg-ed__area li > p,.rich-content li > p{margin:0}
.sg-ed__area li,.rich-content li{margin-bottom:6px}
.sg-ed__area li:last-child,.rich-content li:last-child{margin-bottom:0}

/* Boş paragraf (Enter'a iki kez basınca oluşan) tek satır kadar yer
   kaplar — eskiden hem kendi yüksekliği hem alt boşluğu ekleniyordu. */
.sg-ed__area p:empty,
.sg-ed__area p:has(> br:only-child){
  min-height:0;margin-bottom:var(--blk);
}
.rich-content p:empty{display:none}
.rich-content p:has(> br:only-child){display:none}

/* Satır sonu <br>: aynı paragrafın içinde kalır, ek boşluk açmaz */
.sg-ed__area br,.rich-content br{line-height:inherit}