/* ================================================================
   Blog — /blog ve /tr/blog
   legal.css'in USTUNE biniyor. Yazi tipografisi (h1/h2/h3/p/ul/li/
   strong/code) zaten .lg-wrap altinda tanimli; burada yalniz bloga
   ozel parcalar var: dizin kartlari, alinti, ayrac ve CTA.
   Renk yok, olcu yok -- hepsi tokens.css'ten geliyor.
   ================================================================ */

/* ---- yazi govdesi ---- */
.bl-yazi blockquote{margin:20px 0 0;padding:14px 18px;border-radius:10px;
  background:rgba(145,132,217,.06);border-left:2px solid var(--accent-700);
  font-size:14.5px;line-height:1.7;color:var(--n400)}
.bl-yazi blockquote strong{color:var(--n300)}
.bl-yazi hr{margin:38px 0 0;border:0;border-top:1px solid var(--line-soft)}
.bl-yazi a{color:var(--accent-200);text-decoration:underline;
  text-decoration-color:rgba(181,171,252,.35);text-underline-offset:3px}
.bl-yazi a:hover{text-decoration-color:var(--accent-200)}

/* ---- yazi sonu cagrisi ---- */
.bl-cta{display:flex;flex-direction:column;gap:5px;margin:44px 0 0;
  padding:20px 22px;border-radius:14px;text-decoration:none;
  background:rgba(145,132,217,.09);box-shadow:0 0 0 1px rgba(145,132,217,.22)}
.bl-cta:hover{background:rgba(145,132,217,.14)}
.bl-cta b{font-size:16px;font-weight:500;color:var(--text);letter-spacing:-.01em}
.bl-cta span{font-size:13.5px;color:var(--n500)}

.bl-geri{margin:28px 0 0}
.bl-geri a{font-size:13.5px;color:var(--n500);text-decoration:none}
.bl-geri a:hover{color:var(--n300)}

/* ---- dizin ---- */
.bl-liste{margin:30px 0 0;display:flex;flex-direction:column;gap:12px}
.bl-kart{display:flex;flex-direction:column;gap:7px;padding:20px 22px;
  border-radius:14px;text-decoration:none;background:var(--surface);
  box-shadow:0 0 0 1px var(--line-soft)}
.bl-kart:hover{box-shadow:0 0 0 1px rgba(145,132,217,.3)}
.bl-kart-kick{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--accent)}
.bl-kart b{font-size:17px;font-weight:500;letter-spacing:-.02em;color:var(--text);
  line-height:1.3}
.bl-kart-ozet{font-size:14px;line-height:1.6;color:var(--n500)}
.bl-kart-tarih{font-size:12.5px;color:var(--n700)}

@media(max-width:720px){
  .bl-kart,.bl-cta{padding:17px 18px}
  .bl-kart b{font-size:16px}
}