/* Rehber makaleleri (isletim/betikler/site-makale.py): sayfa yolu, başlık ve yazar satırı, öne çıkan görsel,
   solda yapışkan içindekiler + 72ch okuma sütunu, ilgili rehberler. Mevcut sayfalara işlenen makaleler
   (.makale-gomulu) yalnızca okuma biçimini alır. */
.makale{padding-top:28px;padding-bottom:72px}
.makale-iz{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-5);color:var(--ink-3);font:400 14px/20px var(--font-sans)}
.makale-iz a{color:var(--ink-2)}
.makale-iz a:hover{color:var(--link)}
.makale-bas{display:grid;gap:var(--space-3);max-width:52rem}
.makale-bas .t13-h1{margin:0;font-size:44px;line-height:50px;letter-spacing:-.03em}
.makale-yazar{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;color:var(--ink-2);font:400 14px/20px var(--font-sans)}
.makale-yazar a{color:var(--ink);font-weight:600}
.makale-yazar a:hover{color:var(--link)}
.makale-yazar span::before{content:"·";margin-right:14px;color:var(--ink-3)}
.makale-gorsel{margin:var(--space-6) 0 0;max-width:52rem}
.makale-gorsel img{display:block;width:100%;height:auto;border-radius:var(--radius-lg)}
.makale-duzen{display:grid;grid-template-columns:240px minmax(0,46rem);gap:56px;align-items:start;margin-top:40px}
.makale-duzen:not(:has(.makale-icindekiler)){grid-template-columns:minmax(0,46rem)}
.makale-icindekiler{position:sticky;top:139px;max-height:calc(100vh - 160px);overflow-y:auto}
.makale-icindekiler p{margin:0 0 var(--space-2);color:var(--ink-3);font:600 12px/16px var(--font-sans);text-transform:uppercase;letter-spacing:.05em}
.makale-icindekiler ol{display:grid;gap:2px;margin:0;padding:0;list-style:none;border-left:1px solid var(--line)}
.makale-icindekiler a{display:block;padding:5px 0 5px 14px;margin-left:-1px;border-left:2px solid transparent;color:var(--ink-2);font:400 14px/20px var(--font-sans)}
.makale-icindekiler a:hover{color:var(--ink);border-left-color:var(--line-strong)}
/* okuma biçimi */
.makale-govde{color:var(--ink);font:400 17px/29px var(--font-sans)}
.makale-govde>*:first-child{margin-top:0}
.makale-govde h2{margin:44px 0 12px;font:700 26px/32px var(--font-sans);letter-spacing:-.02em;scroll-margin-top:140px}
.makale-govde h3{margin:28px 0 8px;font:600 20px/28px var(--font-sans);scroll-margin-top:140px}
.makale-govde h4{margin:22px 0 6px;font:600 17px/24px var(--font-sans)}
.makale-govde p{margin:0 0 16px}
.makale-govde ul,.makale-govde ol{display:block;margin:0 0 16px;padding-left:24px}
.makale-govde li{margin:4px 0}
.makale-govde a{color:var(--link);text-decoration:underline;text-underline-offset:2px}
.makale-govde strong{font-weight:600}
.makale-govde blockquote{margin:20px 0;padding:12px 18px;border-left:3px solid var(--brand-fill);background:var(--surface-0);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--ink-2)}
.makale-govde blockquote p:last-child{margin-bottom:0}
.makale-govde code{padding:1px 6px;border-radius:var(--radius-xs);background:var(--surface-2);font:500 .86em/1.4 var(--font-mono)}
.makale-govde pre{margin:20px 0;padding:14px 16px;overflow-x:auto;border-radius:var(--radius-md);background:#0f1b33;color:#e6ebf3}
.makale-govde pre code{padding:0;background:none;color:inherit;font:400 13.5px/1.6 var(--font-mono)}
.makale-govde pre::-webkit-scrollbar-thumb{background-color:#ffffff38}
.makale-govde hr{margin:32px 0;border:0;border-top:1px solid var(--line)}
.makale-tablo{margin:20px 0 24px;overflow-x:auto}
.makale-tablo table{width:100%;border-collapse:collapse;font-size:15px;line-height:22px}
.makale-tablo th,.makale-tablo td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.makale-tablo th{background:var(--surface-0);font-weight:600;white-space:nowrap}
/* ilgili rehberler ve rehber dizini */
.makale-ilgili,.rehber-kume{margin-top:56px;padding-top:var(--space-6);border-top:1px solid var(--line)}
.makale-ilgili h2,.rehber-kume h2{margin:0 0 var(--space-4);font:700 22px/28px var(--font-sans);letter-spacing:-.015em}
.makale-ilgili ul,.makale-ilgili__liste{display:flex;flex-wrap:wrap;gap:var(--space-4);margin:0;padding:0;list-style:none}
.makale-ilgili li,.makale-ilgili__liste li{flex:1 1 280px;min-width:0}
.makale-ilgili a,.makale-ilgili__liste a{display:grid;gap:6px;height:100%;box-sizing:border-box;padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-1);color:var(--ink)}
.makale-ilgili a:hover,.makale-ilgili__liste a:hover{border-color:var(--brand-fill);box-shadow:0 4px 14px #0b122014}
.makale-ilgili__t{font:600 16px/22px var(--font-sans)}
.makale-ilgili__p{color:var(--ink-2);font:400 14px/21px var(--font-sans)}
.makale-yazar-bas{display:flex;align-items:center;gap:var(--space-5)}
.makale-yazar-bas>div{display:grid;gap:var(--space-2)}
/* mevcut sayfalara işlenen makale */
.makale-gomulu{max-width:46rem}
.makale-gomulu h2:first-child{margin-top:0}
@media (max-width:1023px){
.makale-duzen{grid-template-columns:minmax(0,1fr);gap:24px}
.makale-icindekiler{position:static;max-height:none;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-0)}
.makale-icindekiler ol{border-left:0}
.makale-icindekiler a{padding-left:0;border-left:0}
}
@media (max-width:720px){
.makale-bas .t13-h1{font-size:32px;line-height:38px}
.makale-govde{font-size:16px;line-height:27px}
.makale-govde h2{font-size:22px;line-height:28px;margin-top:36px}
.makale-govde h3{font-size:18px;line-height:25px}
}
/* belge sayfalarının .t13-body ul ızgarası gömülü makale listelerine uygulanmaz */
.t13-body .makale-govde ul,.t13-body .makale-govde ol{display:block;gap:0}
.t13-body .makale-govde li{display:list-item}
.t13-durumsayfa+#rehber{margin-top:56px;padding-top:var(--space-6);border-top:1px solid var(--line)}
.t13-body:has(.makale-gomulu){min-width:0}
.makale-gomulu{min-width:0;max-width:min(46rem,100%)}
.makale-govde p code,.makale-govde li code,.makale-govde td code{overflow-wrap:anywhere}
@media (max-width:720px){.makale-tablo table{min-width:560px}}