/* Lemon V2 — yalnız article layout */
/* ==========================================================================
   B3 · BLOG YAZISI (düşük yoğunluk)
   ========================================================================== */
.art-head { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s4); padding-top: var(--s5); padding-bottom: var(--s5); }
.art-head .label { justify-self: start; }
.art-kicker { margin: 0; font-size: var(--fs-sm); font-weight: 600; color: var(--muted, #555); } /* 0.1.5 H1 pilotu: WP başlığı (title varyantı) üst satır */
.art-head h1 { font-size: clamp(1.75rem, 1.3rem + 2.1vw, 3.125rem); line-height: 1.12; letter-spacing: -0.03em; }
.art-meta { display: flex; align-items: center; gap: 12px; font-size: var(--fs-sm); padding-top: var(--s3); border-top: var(--line); }
.art-meta img { width: 40px; height: 40px; border-radius: var(--r-sm); object-fit: cover; }
.art-cover-wrap { padding-inline: 0; }
@media (min-width: 768px) { .art-cover-wrap { padding-inline: var(--gutter); } }
@media (max-width: 767px) { .art-cover { border-radius: 0; border-left: 0; border-right: 0; } }

.read-layout { display: grid; gap: var(--s5); padding-top: var(--s6); padding-bottom: var(--s8); }
.toc { border-top: var(--line); border-bottom: var(--line); }
.toc summary { display: flex; justify-content: space-between; align-items: center; min-height: 52px; font-size: 0.75rem; font-weight: 700; letter-spacing: var(--tracking-label); text-transform: uppercase; list-style: none; cursor: pointer; }
.toc summary::-webkit-details-marker { display: none; }
.toc summary::after { content: "+"; font-size: 1.25rem; font-weight: 500; }
.toc[open] summary::after { content: "–"; }
.toc ol { list-style: none; margin: 0; padding: 0 0 var(--s4); counter-reset: t; }
.toc li { counter-increment: t; }
.toc a { display: grid; grid-template-columns: 26px 1fr; padding: 6px 0; font-size: 0.875rem; line-height: 1.45; color: var(--muted); text-decoration: none; }
.toc a::before { content: counter(t, decimal-leading-zero); font-size: 0.75rem; font-weight: 600; color: var(--muted-2); padding-top: 1px; }
.toc a:hover, .toc a.is-active { color: var(--ink); }
.toc a.is-active::before { color: var(--ink); background: var(--lemon-yellow); border-radius: 2px; width: max-content; padding: 0 3px; height: max-content; }
.aside-cta { display: none; }
@media (max-width: 1099.98px) { .read-aside--own-toc { display: none; } }
@media (min-width: 1100px) {
  .read-layout { grid-template-columns: minmax(0, var(--read)) 260px; justify-content: center; gap: var(--s8); padding-top: var(--s7); }
  .read-aside { order: 2; }
  .read-aside__in { position: sticky; top: calc(var(--header-h) + 28px); display: grid; gap: var(--s5); }
  .toc { border-bottom: 0; }
  .toc summary { pointer-events: none; }
  .toc summary::after { display: none; }
  .aside-cta { display: grid; gap: var(--s3); padding-top: var(--s4); border-top: var(--line); font-size: var(--fs-sm); color: var(--muted); }
}
.prose { font-size: var(--fs-read); line-height: 1.8; color: #1f1f1f; min-width: 0; }
@media (min-width: 1024px) { .prose { font-size: 1.125rem; } }
.prose > * + * { margin-top: 1.25em; }
.prose__intro { font-size: 1.1875rem; line-height: 1.65; color: var(--ink); font-weight: 400; letter-spacing: -0.01em; }
.prose h2 { margin-top: 2.6em; font-size: clamp(1.4375rem, 1.2rem + 1vw, 1.875rem); line-height: 1.2; letter-spacing: -0.03em; }
.prose h3 { margin-top: 2em; font-size: 1.1875rem; letter-spacing: -0.015em; font-weight: 600; }
.prose h2 + p, .prose h3 + p { margin-top: .7em; }
.prose .table-wrap, .prose .callout { margin-top: 1.8em; }
.prose .callout { font-size: 0.96875rem; line-height: 1.7; }
.prose .faq { margin-top: 1em; font-size: 1rem; }
.prose .faq summary { font-size: 1rem; }
.proto-note { padding: var(--s3) var(--s4); font-size: 0.8125rem; color: var(--muted); border: 1px dashed var(--muted-2); border-radius: var(--r-sm); }


.prose .author img { width: 52px; height: 52px; border-radius: var(--r-md); object-fit: cover; }