/* Chart Radars Learn: rehber merkezi ve makale sayfaları. style.css'in token'larını kullanır. */
.learn .nav-linkler a[aria-current]{color:var(--murekkep)}

/* merkez */
.merkez-bas{max-width:780px;padding:64px 0 24px}
.merkez-bas h1{font-size:clamp(42px,6vw,80px)}
.merkez-bas p{margin-top:22px;font-size:19px;color:var(--soluk);max-width:640px}
.kategori{margin-top:72px}
.kat-bas{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid var(--cizgi)}
.kat-bas h2{font-size:clamp(28px,3vw,38px)}
.kat-bas p{color:var(--soluk);font-size:16px}
.kartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.kartlar.tek{grid-template-columns:1fr}
.kart{display:flex;flex-direction:column;background:var(--beyaz);border-radius:24px;overflow:hidden;text-decoration:none;box-shadow:0 1px 0 var(--cizgi);transition:transform .25s var(--yumusak),box-shadow .25s}
.kart:hover{transform:translateY(-3px);box-shadow:0 1px 0 var(--cizgi),0 24px 40px -28px rgba(12,22,34,.45)}
.kart-gorsel{display:block;aspect-ratio:16/9;background:var(--kagit-2);overflow:hidden}
.kart-gorsel img{display:block;width:100%;height:100%;object-fit:cover}
.kapak-yok{display:block;width:100%;height:100%;background:repeating-radial-gradient(circle at 70% 60%,transparent 0 23px,rgba(12,22,34,.06) 23px 24px)}
.kart-metin{display:block;padding:18px 20px 22px}
.kart-metin b{display:block;font-family:var(--baslik);font-weight:700;font-size:19px;line-height:1.2;letter-spacing:-.015em}
.kart-metin span{display:block;margin-top:8px;font-size:14.5px;color:var(--soluk)}
.kart.buyuk{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.kart.buyuk .kart-gorsel{aspect-ratio:auto;min-height:280px}
.kart.buyuk .kart-metin{padding:36px;align-self:center}
.kart.buyuk .kart-metin b{font-size:clamp(24px,2.6vw,34px)}
.kart.buyuk .kart-metin span{font-size:17px}
.yontem{margin-top:80px;background:var(--kagit-2);border-radius:24px;padding:26px 30px;max-width:820px}
.yontem b{font-family:var(--baslik);font-size:18px}
.yontem p{margin-top:6px;color:var(--soluk);font-size:15px}

/* makale */
.makale-kap{padding-top:28px}
.kirinti{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--soluk)}
.kirinti a{text-decoration:none}
.kirinti a:hover{color:var(--murekkep)}
.makale-bas{max-width:860px;padding:36px 0 28px}
.makale-bas h1{font-size:clamp(36px,4.8vw,62px);line-height:1.02}
.makale-bas .ozet{margin-top:20px;font-size:20px;color:var(--soluk);max-width:720px}
.makale-bas .meta{margin-top:16px;font:500 13px var(--mono);color:var(--soluk)}
.kapak{margin:0 0 48px;border-radius:28px;overflow:hidden;background:var(--kagit-2)}
.kapak img{display:block;width:100%;height:auto}
.makale-duzen{display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;align-items:start}
.icindekiler{position:sticky;top:100px}
.icindekiler b{font:600 13px var(--mono);color:var(--soluk);text-transform:uppercase;letter-spacing:.06em}
.icindekiler ol{list-style:none;margin-top:12px;display:grid;gap:9px;border-left:2px solid var(--cizgi);padding-left:14px}
.icindekiler a{font-size:14px;color:var(--soluk);text-decoration:none;line-height:1.35;display:block}
.icindekiler a:hover{color:var(--murekkep)}
.makale{max-width:720px;font-size:17.5px;line-height:1.72;color:#1f2b37}
.makale>p,.makale>ul,.makale>ol{margin-top:18px}
.makale h2{font-size:clamp(26px,2.6vw,34px);line-height:1.12;letter-spacing:-.025em;margin-top:56px;scroll-margin-top:96px}
.makale h3{font-family:var(--baslik);font-weight:700;font-size:21px;letter-spacing:-.01em;margin-top:32px}
.makale ul,.makale ol{padding-left:22px}
.makale li{margin-top:8px}
.makale li::marker{color:var(--yesil)}
.makale a{color:var(--yesil-yazi);text-decoration-thickness:1px;text-underline-offset:3px}
.makale strong{color:var(--murekkep);font-weight:600}
.makale code{background:var(--kagit-2);padding:1px 6px;border-radius:6px;font-size:.88em}
.makale blockquote{margin-top:26px;padding:20px 22px;border-radius:18px;background:var(--beyaz);box-shadow:0 1px 0 var(--cizgi);font-size:16.5px}
.makale blockquote p+p{margin-top:10px}
.makale blockquote.durust{background:#FBF3E2;box-shadow:inset 4px 0 0 var(--d)}
.makale blockquote.motor{background:var(--murekkep);color:#d6dde3;box-shadow:none}
.makale blockquote.motor strong{color:#fff}
.makale blockquote.motor code{background:rgba(255,255,255,.1);color:#fff}
.makale blockquote.ipucu{box-shadow:inset 4px 0 0 var(--yesil-parlak)}
.tablo{margin-top:22px;overflow-x:auto;border-radius:16px;box-shadow:0 1px 0 var(--cizgi)}
.makale table{width:100%;border-collapse:collapse;background:var(--beyaz);font-size:15px}
.makale th,.makale td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--cizgi);vertical-align:top}
.makale th{font:600 13px var(--mono);color:var(--soluk);background:var(--kagit-2)}
.makale figure{margin:30px 0 0}
.diyagram img{display:block;width:100%;height:auto;border-radius:20px;background:var(--beyaz);box-shadow:0 1px 0 var(--cizgi)}
.grafik-ornek{background:var(--grafik);border-radius:20px;padding:6px}
.grafik-ornek img{display:block;width:100%;height:auto;border-radius:15px}
.grafik-ornek figcaption{font:500 12.5px var(--mono);color:var(--soluk);padding:9px 8px 3px}
.sss-blok{margin-top:64px}
.sss-blok .sorular summary{font-size:18px;padding:20px 0}
.sss-blok .sorular details p{font-size:16px}
.bot-kutu{margin-top:56px;display:flex;gap:22px;align-items:flex-start;background:var(--kagit-2);border-radius:24px;padding:28px}
.bot-kutu b{font-family:var(--baslik);font-size:22px;letter-spacing:-.015em}
.bot-kutu p{margin-top:6px;color:var(--soluk);font-size:16px}
.bot-kutu .dugme{margin-top:16px}
.bot-kutu small{display:block;margin-top:10px;font:500 12px var(--mono);color:var(--soluk)}
.ilgili{margin-top:88px}
.ilgili h2{font-size:clamp(26px,2.6vw,34px);margin-bottom:22px}
.sonraki{display:block;margin-top:40px;padding:26px 30px;border-radius:24px;background:var(--murekkep);color:#fff;text-decoration:none}
.sonraki small{font:500 12.5px var(--mono);color:#9fb0bd;text-transform:uppercase;letter-spacing:.06em}
.sonraki b{display:block;margin-top:6px;font-family:var(--baslik);font-size:clamp(20px,2.2vw,28px);letter-spacing:-.015em}
.sonraki:hover b{text-decoration:underline;text-underline-offset:4px}
.geri{margin-top:26px}
.geri a{color:var(--soluk);font-size:15px;text-decoration:none}

@media (max-width:1020px){
  .kartlar{grid-template-columns:repeat(2,1fr)}
  .makale-duzen{grid-template-columns:1fr;gap:0}
  .icindekiler{position:static;margin-bottom:28px;background:var(--beyaz);border-radius:18px;padding:18px 20px}
  .kart.buyuk{grid-template-columns:1fr}
  .kart.buyuk .kart-gorsel{aspect-ratio:16/9;min-height:0}
}
@media (max-width:720px){
  .kartlar{grid-template-columns:1fr}
  .merkez-bas{padding-top:40px}
  .makale{font-size:16.5px}
  .makale-bas .ozet{font-size:18px}
  .kapak{border-radius:18px;margin-bottom:32px}
  .kart.buyuk .kart-metin{padding:22px}
  .bot-kutu{flex-direction:column;padding:22px}
  .makale blockquote{padding:16px 16px}
}