/* Duyuru / blog yazısı içeriği: sitede (.kp-prose) ve yönetimdeki editörde (.yze-alan) aynı görünür.
   Editör biçimleri style özniteliği yerine sınıflarla saklar (güvenlik süzgeci style'ı atar). */
:is(.kp-prose,.yze-alan){--yz-ana:#3557f5;--yz-cizgi:#e3e7f1;--yz-zemin:#f6f8fc;--yz-ink:#141a33;--yz-muted:#5f6b8a}
:is(.kp-prose,.yze-alan) h4{font-size:17px;margin:1.3em 0 .4em;color:var(--yz-ink)}
:is(.kp-prose,.yze-alan) h2[id],:is(.kp-prose,.yze-alan) h3[id]{scroll-margin-top:90px}
:is(.kp-prose,.yze-alan) a{color:var(--yz-ana);text-underline-offset:2px}
:is(.kp-prose,.yze-alan) hr{border:0;height:1px;background:var(--yz-cizgi);margin:2em 0}
:is(.kp-prose,.yze-alan) pre{background:#141a33;color:#e6e9f5;padding:14px 16px;border-radius:12px;overflow:auto;font:13.5px/1.6 ui-monospace,Consolas,monospace;white-space:pre-wrap}
:is(.kp-prose,.yze-alan) code{background:#eef1f8;padding:1px 6px;border-radius:6px;font-size:.92em}
:is(.kp-prose,.yze-alan) pre code{background:none;padding:0}
:is(.kp-prose,.yze-alan) mark{background:#fff1a8;padding:0 2px;border-radius:3px}
:is(.kp-prose,.yze-alan) ul ul,:is(.kp-prose,.yze-alan) ol ol{margin:.3em 0}
/* Hizalama */
:is(.kp-prose,.yze-alan) .yz-sol{text-align:left}
:is(.kp-prose,.yze-alan) .yz-orta{text-align:center}
:is(.kp-prose,.yze-alan) .yz-sag{text-align:right}
:is(.kp-prose,.yze-alan) .yz-yasla{text-align:justify}
/* Yazı rengi, vurgu, boyut */
.yz-r-kirmizi{color:#d42a3a}.yz-r-turuncu{color:#d9650b}.yz-r-yesil{color:#11834d}.yz-r-mavi{color:#2453d6}.yz-r-mor{color:#7b3fd1}.yz-r-gri{color:#6b7591}.yz-r-lacivert{color:#1b2a6b}
.yz-v-sari{background:#fff1a8}.yz-v-yesil{background:#d3f5e1}.yz-v-mavi{background:#dbe7ff}.yz-v-pembe{background:#ffdbe8}.yz-v-turuncu{background:#ffe4c7}
:is(.yz-v-sari,.yz-v-yesil,.yz-v-mavi,.yz-v-pembe,.yz-v-turuncu){padding:0 3px;border-radius:4px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.yz-b-kucuk{font-size:.86em}.yz-b-buyuk{font-size:1.2em}.yz-b-cokbuyuk{font-size:1.45em;line-height:1.35}
/* Resimler */
:is(.kp-prose,.yze-alan) figure{margin:1.4em auto;max-width:100%}
:is(.kp-prose,.yze-alan) figure img{display:block;width:100%;height:auto}
:is(.kp-prose,.yze-alan) figure.yz-g25{width:25%}:is(.kp-prose,.yze-alan) figure.yz-g50{width:50%}:is(.kp-prose,.yze-alan) figure.yz-g75{width:75%}:is(.kp-prose,.yze-alan) figure.yz-g100{width:100%}
:is(.kp-prose,.yze-alan) figure.yz-f-sol{float:left;margin:.3em 1.4em 1em 0}
:is(.kp-prose,.yze-alan) figure.yz-f-sag{float:right;margin:.3em 0 1em 1.4em}
:is(.kp-prose,.yze-alan) figure.yz-f-orta{float:none;margin-left:auto;margin-right:auto}
:is(.kp-prose,.yze-alan) figure.yz-cerceve img{padding:6px;background:#fff;border:1px solid var(--yz-cizgi);box-shadow:0 10px 24px -18px rgba(20,30,90,.6)}
:is(.kp-prose,.yze-alan)::after{content:"";display:table;clear:both}
/* Bilgi kutuları */
.yz-kutu{position:relative;margin:1.3em 0;padding:14px 18px 14px 50px;border-radius:14px;border:1px solid;line-height:1.65}
.yz-kutu::before{position:absolute;left:16px;top:13px;font-size:18px;line-height:1.4}
.yz-kutu>:last-child{margin-bottom:0}
.yz-kutu--bilgi{background:#eef4ff;border-color:#cfdcff;color:#1d3170}.yz-kutu--bilgi::before{content:"ℹ️"}
.yz-kutu--uyari{background:#fff7e6;border-color:#ffe0a3;color:#6b4300}.yz-kutu--uyari::before{content:"⚠️"}
.yz-kutu--onemli{background:#fdeeee;border-color:#f6c6ca;color:#7c1520}.yz-kutu--onemli::before{content:"❗"}
.yz-kutu--basari{background:#e9f8ef;border-color:#bfe8cf;color:#0d5a31}.yz-kutu--basari::before{content:"✅"}
.yz-kutu--ipucu{background:#f4efff;border-color:#ddd0fb;color:#43237f}.yz-kutu--ipucu::before{content:"💡"}
/* Buton bağlantı */
:is(.kp-prose,.yze-alan) a.yz-buton{display:inline-flex;align-items:center;gap:8px;margin:.3em 0;padding:11px 20px;border-radius:12px;background:linear-gradient(135deg,#3557f5,#5b3ff5);color:#fff!important;font-weight:800;text-decoration:none!important;box-shadow:0 12px 24px -14px rgba(53,87,245,.9)}
:is(.kp-prose,.yze-alan) a.yz-buton:hover{filter:brightness(1.07)}
/* Tablolar */
:is(.kp-prose,.yze-alan) table.yz-tablo{width:100%;border-collapse:separate;border-spacing:0;margin:1.2em 0;border:1px solid var(--yz-cizgi);border-radius:12px;overflow:hidden;font-size:.95em}
:is(.kp-prose,.yze-alan) table.yz-tablo :is(th,td){border:0;border-bottom:1px solid var(--yz-cizgi);border-right:1px solid var(--yz-cizgi);padding:10px 12px;text-align:left;vertical-align:top}
:is(.kp-prose,.yze-alan) table.yz-tablo :is(th,td):last-child{border-right:0}
:is(.kp-prose,.yze-alan) table.yz-tablo tr:last-child>:is(th,td){border-bottom:0}
:is(.kp-prose,.yze-alan) table.yz-tablo thead th{background:#1f2c6e;color:#fff;font-weight:700}
:is(.kp-prose,.yze-alan) table.yz-tablo--cizgili tbody tr:nth-child(even){background:var(--yz-zemin)}
:is(.kp-prose,.yze-alan) table caption{caption-side:bottom;padding-top:8px;font-size:13px;color:var(--yz-muted)}
/* Video */
:is(.kp-prose,.yze-alan) .yz-video{position:relative;margin:1.4em 0;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000 center/cover no-repeat}
:is(.kp-prose,.yze-alan) .yz-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* Soru - cevap (açılır) */
details.yz-sss{margin:.7em 0;border:1px solid var(--yz-cizgi);border-radius:12px;background:#fff;overflow:hidden}
details.yz-sss>summary{cursor:pointer;list-style:none;padding:13px 44px 13px 16px;font-weight:700;color:var(--yz-ink);position:relative}
details.yz-sss>summary::-webkit-details-marker{display:none}
details.yz-sss>summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--yz-ana)}
details.yz-sss[open]>summary::after{content:"−"}
details.yz-sss>:not(summary){margin:0;padding:0 16px 14px}
/* İki sütun */
.yz-kolon{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:1.2em 0}
.yz-kolon>div>:last-child{margin-bottom:0}
/* İçindekiler */
.yz-icindekiler{margin:1.3em 0;padding:14px 18px;border-radius:14px;background:var(--yz-zemin);border:1px solid var(--yz-cizgi)}
.yz-icindekiler>strong{display:block;margin-bottom:6px;color:var(--yz-ink)}
.yz-icindekiler ol{margin:0;padding-left:1.2em}.yz-icindekiler li{margin:3px 0}
.yz-icindekiler li.yz-alt{margin-left:1.1em;list-style:circle}
@media(max-width:640px){
  :is(.kp-prose,.yze-alan) figure:is(.yz-g25,.yz-g50,.yz-g75){width:100%}
  :is(.kp-prose,.yze-alan) figure:is(.yz-f-sol,.yz-f-sag){float:none;margin:1em 0}
  .yz-kolon{grid-template-columns:1fr}
}