/* Marmara Göz — blog yazısı (Claude Design "Blog Yazisi.dc.html"). Ortak parçalar kabuk.css'te. */

.ya-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:50% 15%;display:block;flex-shrink:0}
.ya-avatar--kurum{display:grid;place-items:center;background:var(--ya-lacivert);color:var(--ya-turkuaz)}
.ya-avatar--72{width:72px;height:72px}
.ya-rozet{padding:6px 12px;border-radius:999px;background:var(--ya-yesil-zemin);color:var(--ya-yesil);font-size:13px;font-weight:600}
.ya-iz{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;color:var(--ya-soluk)}
.ya .ya-iz a{color:var(--ya-soluk)}
.ya .ya-iz a:hover{color:var(--ya-lacivert)}
.ya-iz [aria-current]{color:var(--ya-murekkep);font-weight:500}
.ya-kapak{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ya-kapak--bos{display:grid;place-items:center;color:var(--ya-yesil);background:linear-gradient(135deg,var(--ya-yesil-zemin),#e9edf8)}

/* Okuma ilerleme çubuğu */
.ya-ilerleme{position:fixed;top:0;left:0;right:0;height:3px;z-index:80;pointer-events:none}
.ya-ilerleme span{display:block;height:100%;width:100%;background:var(--ya-turkuaz);transform-origin:0 50%;transform:scaleX(0)}

/* Kart + üst bilgi */
.ya-yz{padding-top:16px}
.ya-yz__kart{max-width:var(--ya-genislik);margin:0 auto;background:#fff;border-radius:32px;padding:clamp(24px,4vw,56px) clamp(18px,4vw,56px) clamp(40px,5vw,72px)}
.ya-yz__ust{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:20px}
.ya .ya-yz__kat{align-self:flex-start}
.ya .ya-yz__kat:hover{color:var(--ya-lacivert)}
.ya-yz__baslik{font-family:var(--ya-baslik-font);font-weight:500;font-size:clamp(34px,5vw,56px);line-height:1.08;letter-spacing:-.035em;color:var(--ya-murekkep);text-wrap:balance}
.ya-yz__giris{font-size:clamp(18px,1.8vw,20px);line-height:1.6;color:var(--ya-metin);text-wrap:pretty}
.ya-yz__satir{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-top:1px solid var(--ya-cizgi);border-bottom:1px solid var(--ya-cizgi)}
.ya-yz__yazar{display:flex;align-items:center;gap:12px}
.ya .ya-yz__yazar-ad{display:block;font-size:16px;font-weight:600;color:var(--ya-murekkep)}
.ya .ya-yz__yazar-ad:hover{color:var(--ya-yesil)}
.ya-yz__yazar p:not(.ya-yz__yazar-ad){font-size:14px;color:var(--ya-soluk);margin-top:2px}
.ya-yz__paylas{display:flex;align-items:center;gap:8px}
.ya-yz__paylas>span{font-size:14px;color:var(--ya-soluk);margin-right:4px}
.ya .ya-yz__paylas-ikon{width:44px;height:44px;border-radius:50%;border:1px solid var(--ya-cizgi);color:var(--ya-lacivert);display:grid;place-items:center}
.ya .ya-yz__paylas-ikon:hover{border-color:var(--ya-lacivert);color:var(--ya-lacivert)}
.ya-yz__kopyala{height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--ya-cizgi);background:#fff;color:var(--ya-lacivert);display:flex;align-items:center;gap:8px;font:600 14px/1 var(--ya-govde-font);cursor:pointer}
.ya-yz__kopyala:hover{border-color:var(--ya-lacivert)}
.ya-yz__kopyala-tamam,.ya-yz__kopyala[data-tamam] .ya-yz__kopyala-ikon{display:none}
.ya-yz__kopyala[data-tamam] .ya-yz__kopyala-tamam{display:block;color:var(--ya-yesil)}
.ya-yz__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;font-size:14px;color:var(--ya-soluk)}
.ya-yz__onay{display:flex;align-items:center;gap:6px;color:var(--ya-yesil);font-weight:600}

.ya-yz__kapak{max-width:1080px;margin:clamp(28px,4vw,48px) auto 0}
.ya-yz__kapak-kutu{position:relative;aspect-ratio:16/8;border-radius:24px;overflow:hidden;background:var(--ya-gorsel-zemin)}
.ya-yz__kapak figcaption{font-size:13px;color:var(--ya-soluk);margin-top:10px}

/* Gövde: içerik + yan sütun */
.ya-yz__govde{max-width:1080px;margin:clamp(32px,4vw,56px) auto 0;display:flex;flex-wrap:wrap;gap:48px clamp(40px,5vw,80px);align-items:flex-start}
.ya-yz__ana{flex:1 1 560px;min-width:0;max-width:720px}
.ya-yz__yan{flex:0 0 280px;position:sticky;top:112px;display:flex;flex-direction:column;gap:16px}
@media (max-width:980px){.ya-yz__yan{display:none}}
.ya-yz__kisaca{background:var(--ya-zemin);border-radius:20px;padding:24px 26px;margin-bottom:36px}
.ya-yz__kisaca-baslik{display:flex;align-items:center;gap:8px;font-family:var(--ya-baslik-font);font-size:18px;font-weight:500;color:var(--ya-murekkep);margin-bottom:14px!important}
.ya-yz__kisaca-baslik .mg-i{color:var(--ya-yesil)}
.ya-yz__kisaca ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ya-yz__kisaca li{display:flex;gap:12px;align-items:flex-start;font-size:clamp(16px,1.5vw,17px);line-height:1.6;color:var(--ya-murekkep)}
.ya-yz__kisaca li .mg-i{color:var(--ya-yesil);margin-top:3px}
.ya-yz__toc-satir{display:none;border:1px solid var(--ya-cizgi);border-radius:20px;margin-bottom:32px}
@media (max-width:980px){.ya-yz__toc-satir{display:block}}
.ya-yz__toc-satir summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;font-family:var(--ya-baslik-font);font-size:16px;font-weight:500;color:var(--ya-murekkep)}
.ya-yz__toc-satir summary::-webkit-details-marker{display:none}
.ya-yz__toc-satir summary>span{display:flex;align-items:center;gap:10px}
.ya-yz__toc-satir summary>span .mg-i{color:var(--ya-yesil)}
.ya-yz__toc-satir summary>.mg-i{color:var(--ya-soluk);transition:transform .2s}
.ya-yz__toc-satir[open] summary>.mg-i{transform:rotate(180deg)}
.ya-yz__toc-satir ol{margin:0;padding:0 20px 16px;list-style:none}
.ya .ya-yz__toc-satir a{display:flex;gap:12px;padding:10px 0;border-top:1px solid var(--ya-cizgi-acik);color:var(--ya-murekkep);font-size:15px}
.ya-yz__toc-satir a span,.ya-yz__toc a span{font-family:var(--ya-baslik-font);font-size:13px;color:var(--ya-yesil);flex-shrink:0}

/* İçerik tipografisi (the_content) */
.ya-icerik{font-size:clamp(17px,1.6vw,18px);line-height:1.75;color:#2f3452}
.ya-icerik>*:first-child{margin-top:0!important}
.ya-icerik p{margin:0 0 20px}
.ya-icerik h2{margin:52px 0 16px;font-family:var(--ya-baslik-font);font-weight:500;font-size:clamp(26px,2.6vw,32px);line-height:1.2;letter-spacing:-.025em;color:var(--ya-murekkep);scroll-margin-top:110px}
.ya-icerik h3{margin:30px 0 8px;font-family:var(--ya-baslik-font);font-weight:500;font-size:clamp(19px,1.9vw,22px);line-height:1.3;color:var(--ya-murekkep)}
.ya-icerik h4{margin:24px 0 8px;font-family:var(--ya-baslik-font);font-weight:500;font-size:18px;color:var(--ya-murekkep)}
.ya .ya-icerik a{color:var(--ya-yesil);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.ya .ya-icerik a:hover{color:var(--ya-lacivert)}
.ya-icerik strong{color:var(--ya-murekkep);font-weight:600}
.ya-icerik ul,.ya-icerik ol{margin:0 0 20px;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.ya-icerik ul>li{position:relative;padding-left:20px}
.ya-icerik ul>li::before{content:"";position:absolute;left:0;top:.68em;width:7px;height:7px;border-radius:50%;background:var(--ya-turkuaz)}
.ya-icerik ol{counter-reset:ya-sira}
.ya-icerik ol>li{position:relative;padding-left:34px;counter-increment:ya-sira}
.ya-icerik ol>li::before{content:counter(ya-sira);position:absolute;left:0;top:.15em;width:24px;height:24px;border-radius:50%;background:var(--ya-yesil-zemin);color:var(--ya-yesil);font:600 13px/24px var(--ya-baslik-font);text-align:center}
.ya-icerik blockquote{margin:28px 0;padding:20px 24px;border-radius:18px;background:var(--ya-yesil-zemin);color:var(--ya-murekkep);font-size:17px}
.ya-icerik blockquote p:last-child{margin:0}
.ya-icerik figure{margin:28px 0}
.ya-icerik img{max-width:100%;height:auto;border-radius:18px}
.ya-icerik figcaption{font-size:13px;color:var(--ya-soluk);margin-top:10px;text-align:left}
.ya-icerik table{width:100%;border-collapse:collapse;font-size:16px;margin:0}
.ya-icerik .wp-block-table,.ya-icerik>table{display:block;overflow-x:auto;margin:8px 0 20px;border:1px solid var(--ya-cizgi);border-radius:18px}
.ya-icerik .wp-block-table table{border:0}
.ya-icerik th{text-align:left;padding:14px 18px;font-family:var(--ya-baslik-font);font-weight:500;color:var(--ya-murekkep);background:var(--ya-zemin)}
.ya-icerik td{padding:14px 18px;border-top:1px solid var(--ya-cizgi);vertical-align:top}
.ya-icerik td:first-child{font-weight:600;color:var(--ya-murekkep)}
.ya-icerik hr{border:0;border-top:1px solid var(--ya-cizgi);margin:36px 0}

.ya-yz__uyari{margin:28px 0!important;font-size:14px;line-height:1.6;color:var(--ya-soluk);padding:16px 18px;border-radius:14px;background:var(--ya-zemin)}
.ya-yz__etiketler{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:28px}
.ya-yz__etiketler span{font-size:14px;color:var(--ya-soluk);margin-right:4px}
.ya .ya-yz__etiketler a{padding:7px 14px;border-radius:999px;border:1px solid var(--ya-cizgi);color:var(--ya-murekkep);font-size:14px;font-weight:500}
.ya .ya-yz__etiketler a:hover{border-color:var(--ya-turkuaz);background:var(--ya-yesil-zemin)}
.ya-yz__yazar-kart{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start;padding:26px;border-radius:22px;border:1px solid var(--ya-cizgi)}
.ya-yz__yazar-kart .ya-avatar{width:72px;height:72px}
.ya-yz__yazar-kart-metin{flex:1 1 260px;display:flex;flex-direction:column;gap:6px}
.ya-yz__yazar-kart-ad{font-family:var(--ya-baslik-font);font-size:20px;font-weight:500;color:var(--ya-murekkep)}
.ya-yz__yazar-kart-metin>p:not(.ya-ust-etiket):not(.ya-yz__yazar-kart-ad){font-size:15px;line-height:1.6;color:var(--ya-metin)}
.ya-yz__yazar-kart-metin .ya-ust-etiket{font-size:12px}
.ya-yz__yazar-kart-baglar{display:flex;flex-wrap:wrap;gap:16px;margin-top:6px}
.ya .ya-yz__yazar-kart-baglar a{display:flex;align-items:center;gap:4px;font-size:15px;font-weight:600;color:var(--ya-yesil)}

/* Yan sütun */
.ya-yz__toc{border:1px solid var(--ya-cizgi);border-radius:22px;padding:20px}
.ya-yz__toc-ust{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px!important}
.ya-yz__toc-ust span:first-child{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ya-yesil)}
.ya-yz__toc-yuzde{font-size:12px;color:var(--ya-soluk)}
.ya-yz__toc ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px}
.ya .ya-yz__toc a{display:flex;gap:10px;padding:9px 12px;border-radius:12px;color:var(--ya-metin);font-size:14px;line-height:1.4}
.ya .ya-yz__toc a:hover{background:var(--ya-zemin);color:var(--ya-murekkep)}
.ya-yz__toc a span{color:var(--ya-soluk)}
.ya .ya-yz__toc a[aria-current="true"]{background:var(--ya-yesil-zemin);color:var(--ya-murekkep);font-weight:600}
.ya-yz__toc a[aria-current="true"] span{color:var(--ya-yesil)}
.ya-yz__randevu{background:var(--ya-lacivert);border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:14px}
.ya-yz__randevu-baslik{font-family:var(--ya-baslik-font);font-size:18px;font-weight:500;color:#fff}
.ya .ya-yz__randevu-tel{display:flex;align-items:center;gap:10px;color:#fff;font-weight:600;font-size:16px}
.ya .ya-yz__randevu-tel:hover{color:var(--ya-turkuaz)}
.ya .ya-yz__randevu-dugme{text-align:center;padding:13px;border-radius:12px;background:#fff;color:var(--ya-lacivert);font-weight:600;font-size:15px}
.ya .ya-yz__randevu-dugme:hover{color:var(--ya-lacivert);box-shadow:0 0 0 4px rgba(26,204,191,.35)}

/* İlgili yazılar */
.ya-yz-ilgili{padding:clamp(56px,7vw,88px) 24px clamp(64px,8vw,96px)}
.ya-yz-ilgili__ic{max-width:var(--ya-dar);margin:0 auto;display:flex;flex-direction:column;gap:24px}
.ya-yz-ilgili__ust{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:flex-end;justify-content:space-between}
.ya-yz-ilgili__ust .ya-h2{font-size:clamp(28px,3vw,40px)}
.ya .ya-yz-ilgili__ust a{display:flex;align-items:center;gap:6px;font-weight:600;font-size:15px;color:var(--ya-yesil)}
.ya-yz-ilgili__izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px}
.ya .ya-yz-ilgili__kart{background:#fff;border-radius:24px;padding:10px;display:flex;flex-direction:column;color:var(--ya-murekkep);transition:transform .3s ease,box-shadow .3s ease}
.ya .ya-yz-ilgili__kart:hover{transform:translateY(-4px);box-shadow:0 28px 50px -28px rgba(17,23,90,.35);color:var(--ya-murekkep)}
.ya-yz-ilgili__gorsel{position:relative;display:block;aspect-ratio:16/10;border-radius:18px;overflow:hidden;background:#e9edf8}
.ya-yz-ilgili__govde{padding:16px 12px 12px;display:flex;flex-direction:column;gap:8px}
.ya-yz-ilgili__meta{font-size:13px;color:var(--ya-soluk)}
.ya-yz-ilgili__kart h3{font-family:var(--ya-baslik-font);font-weight:500;font-size:19px;line-height:1.3}

/* Blok CSS'inin (wp-block-library) tablo kenarlıkları tasarımın ince çizgileriyle değiştirilir. */
.ya-icerik .wp-block-table thead{border-bottom:0}
.ya-icerik .wp-block-table th,.ya-icerik .wp-block-table td{border:0}
.ya-icerik .wp-block-table td{border-top:1px solid var(--ya-cizgi)}
.ya-icerik .wp-block-table tfoot{border-top:1px solid var(--ya-cizgi)}
.ya-icerik .wp-block-quote{border-left:0}