/* ══════════════════════════════════════════════════════════
   Yapı Blog — yazı tipografisi
   Uzun metin okunabilirliği için ölçüler: satır yüksekliği 1.8,
   paragraf arası nefes payı, başlık hiyerarşisi net.
   ══════════════════════════════════════════════════════════ */

.yy-yazi { font-size: 1.0625rem; line-height: 1.8; color: #374151; }

.yy-yazi > * + * { margin-top: 1.35em; }

.yy-yazi h2 {
    margin-top: 2.6em; margin-bottom: .2em;
    font-size: 1.5rem; font-weight: 800; line-height: 1.3;
    letter-spacing: -.02em; color: #111827;
    scroll-margin-top: 6rem;
}
.yy-yazi h3 {
    margin-top: 1.9em; margin-bottom: .1em;
    font-size: 1.175rem; font-weight: 700; line-height: 1.4; color: #111827;
}

.yy-yazi strong { font-weight: 700; color: #111827; }
.yy-yazi em { font-style: italic; }

.yy-yazi a {
    color: #1d4ed8; text-decoration: underline;
    text-underline-offset: 3px; text-decoration-thickness: 1px;
}
.yy-yazi a:hover { color: #1e40af; }

.yy-yazi ul, .yy-yazi ol { padding-left: 1.35rem; }
.yy-yazi ul { list-style: disc; }
.yy-yazi ol { list-style: decimal; }
.yy-yazi li + li { margin-top: .5em; }
.yy-yazi li::marker { color: #9ca3af; }

/* Vurgu kutusu — kanun maddesi, uyarı, ipucu */
.yy-not {
    border-left: 3px solid var(--yy-blog-vurgu, #2563eb);
    background: #f8fafc; padding: 1rem 1.25rem; border-radius: .5rem;
    font-size: .975rem;
}
.yy-not strong:first-child { display: block; margin-bottom: .35rem; }
.yy-uyari { --yy-blog-vurgu: #d97706; background: #fffbeb; }
.yy-ornek { --yy-blog-vurgu: #059669; background: #f0fdf4; }

/* Tablo */
.yy-yazi table {
    width: 100%; border-collapse: collapse; font-size: .95rem;
    display: block; overflow-x: auto;
}
.yy-yazi th, .yy-yazi td {
    border-bottom: 1px solid #e5e7eb; padding: .65rem .75rem; text-align: left;
    vertical-align: top;
}
.yy-yazi thead th {
    border-bottom: 2px solid #cbd5e1; font-weight: 700; color: #111827;
    font-size: .82rem; text-transform: uppercase; letter-spacing: .04em;
}
.yy-yazi tbody tr:last-child td { border-bottom: 0; }
.yy-yazi td.sayi, .yy-yazi th.sayi { text-align: right; font-variant-numeric: tabular-nums; }

/* İçindekiler */
.yy-icindekiler {
    border: 1px solid #e5e7eb; border-radius: .75rem;
    padding: 1.1rem 1.35rem; background: #fff; font-size: .95rem;
}
.yy-icindekiler p { font-weight: 700; color: #111827; margin: 0 0 .5rem; }
.yy-icindekiler ol { margin: 0; padding-left: 1.2rem; }
.yy-icindekiler li + li { margin-top: .3rem; }
.yy-icindekiler a { color: #374151; text-decoration: none; }
.yy-icindekiler a:hover { color: #1d4ed8; text-decoration: underline; }

@media (max-width: 640px) {
    .yy-yazi { font-size: 1rem; }
    .yy-yazi h2 { font-size: 1.35rem; }
}