/* SEO-02 Faz A: yöntem ve bilgi sayfaları (nasıl çalışır). Okunurluk önce: dar sütun, hareket yok,
   satır içi stil yok (CSP). site.css'ten SONRA yüklenir. */
.bl-head { padding: var(--space-8) 0 var(--space-6); border-bottom: 2px solid var(--color-ink); }
.bl-kicker { margin: 0 0 var(--space-2); font-family: var(--font-display); font-weight: 800; font-size: 0.75rem; letter-spacing: 0.14em; color: var(--color-brand); }
.bl-title { margin: 0 0 var(--space-4); font-size: clamp(2.75rem, 13vw, 5rem); }
.bl-lead { max-width: 40rem; margin: 0 0 var(--space-5); font-size: 1.125rem; line-height: 1.55; color: var(--color-ink-soft); }
.bl-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 40rem; margin: 0; border: 2px solid var(--color-ink); border-radius: 18px; overflow: hidden; }
.bl-stats div { display: flex; flex-direction: column-reverse; justify-content: center; gap: 2px; min-height: 64px; padding: var(--space-2) var(--space-3); }
.bl-stats div + div { border-left: 1px solid var(--color-border-strong); }
.bl-stats dt { font-family: var(--font-display); font-weight: 700; font-size: var(--text-xs); color: var(--color-ink-soft); }
.bl-stats dd { margin: 0; font-family: var(--font-display); font-weight: 800; font-size: 1.0625rem; font-variant-numeric: tabular-nums; }
.bl-body { max-width: calc(44rem + var(--space-5) * 2); padding-top: var(--space-6); padding-bottom: var(--space-16); }
.bl-sec { padding: var(--space-5) 0; border-bottom: 1px solid var(--color-border); }
.bl-sec h2, .bl-cta h2 { display: flex; align-items: center; gap: var(--space-3); margin: 0 0 var(--space-3); font-family: var(--font-display); font-weight: 800; font-size: 1.375rem; line-height: 1.25; letter-spacing: -0.015em; }
.bl-no { display: inline-grid; place-items: center; flex: 0 0 auto; width: 32px; height: 32px; border-radius: 50%; background: var(--stage); color: var(--lime); font-size: 0.9375rem; }
.bl-sec p, .bl-cta p { margin: 0 0 var(--space-3); font-size: 1.0625rem; line-height: 1.65; }
.bl-list { margin: 0 0 var(--space-3); padding-left: 1.2rem; font-size: 1.0625rem; line-height: 1.6; }
.bl-list li + li { margin-top: var(--space-2); }
.bl-table { width: 100%; max-width: 30rem; margin: var(--space-2) 0 var(--space-4); border-collapse: collapse; font-size: 1rem; }
.bl-table th, .bl-table td { padding: var(--space-2) var(--space-3); border-bottom: 1px solid var(--color-border); text-align: left; }
.bl-table thead th { font-family: var(--font-display); font-size: var(--text-xs); letter-spacing: 0.06em; color: var(--color-ink-soft); }
.bl-table tbody th { font-weight: 700; }
.bl-table td { font-family: var(--font-display); font-weight: 800; font-variant-numeric: tabular-nums; white-space: nowrap; }
.bl-table .is-off th, .bl-table .is-off td { color: var(--color-ink-soft); font-weight: 600; }
.bl-cta { margin-top: var(--space-8); padding: var(--space-6); border-radius: 24px; background: var(--stage); color: var(--stage-text); }
.bl-cta p { color: var(--stage-text-soft); }
.bl-actions { display: grid; gap: var(--space-3); margin-top: var(--space-4); }
.bl-actions .btn { justify-content: center; min-height: 56px; padding: 0 var(--space-6); }
.bl-cta .btn-outline { border-color: var(--stage-text); color: var(--stage-text); }
/* SEO-02 Faz B: veri raporu. Çubuk genişliği sınıfla (satır içi stil yok, CSP). */
.rp-bars { list-style: none; margin: var(--space-2) 0 var(--space-3); padding: 0; max-width: 34rem; }
.rp-bars li { display: grid; grid-template-columns: minmax(6.5rem, 9rem) 1fr 3rem; align-items: center; gap: var(--space-3); min-height: 36px; }
.rp-ad { font-weight: 700; font-size: 0.9375rem; overflow-wrap: anywhere; }
.rp-bar { display: block; height: 12px; border-radius: 6px; background: var(--color-border); overflow: hidden; }
.rp-bar i { display: block; height: 100%; border-radius: 6px; background: var(--color-brand); }
.rp-bar i.w5 { width: 5%; }
.rp-bar i.w10 { width: 10%; }
.rp-bar i.w15 { width: 15%; }
.rp-bar i.w20 { width: 20%; }
.rp-bar i.w25 { width: 25%; }
.rp-bar i.w30 { width: 30%; }
.rp-bar i.w35 { width: 35%; }
.rp-bar i.w40 { width: 40%; }
.rp-bar i.w45 { width: 45%; }
.rp-bar i.w50 { width: 50%; }
.rp-bar i.w55 { width: 55%; }
.rp-bar i.w60 { width: 60%; }
.rp-bar i.w65 { width: 65%; }
.rp-bar i.w70 { width: 70%; }
.rp-bar i.w75 { width: 75%; }
.rp-bar i.w80 { width: 80%; }
.rp-bar i.w85 { width: 85%; }
.rp-bar i.w90 { width: 90%; }
.rp-bar i.w95 { width: 95%; }
.rp-bar i.w100 { width: 100%; }
.rp-deger { font-family: var(--font-display); font-weight: 800; font-variant-numeric: tabular-nums; text-align: right; }
.rp-yontem .bl-list { font-size: 0.9375rem; color: var(--color-ink-soft); }
.rp-yontem h2, .rp-diger h2 { font-size: 1.125rem; }
.rp-linkler { display: flex; flex-wrap: wrap; gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.rp-linkler a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 var(--space-4); border: 2px solid var(--color-ink); border-radius: 999px; color: var(--color-ink); font-weight: 700; text-decoration: none; }
.rp-kartlar { display: grid; gap: var(--space-3); margin: 0 0 var(--space-5); padding: 0; list-style: none; }
.rp-kartlar a { display: flex; flex-direction: column; gap: 2px; min-height: 88px; padding: var(--space-4); border: 2px solid var(--color-ink); border-radius: 18px; color: var(--color-ink); text-decoration: none; }
.rp-kartlar strong { font-family: var(--font-display); font-weight: 800; font-size: 1.25rem; }
.rp-kart-tur { font-family: var(--font-display); font-weight: 800; font-size: var(--text-xs); letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-brand); }
.rp-kart-alt { color: var(--color-ink-soft); font-size: 0.9375rem; font-variant-numeric: tabular-nums; }
.rp-not { color: var(--color-ink-soft); }
.rp-not a, .rp-yontem a { color: var(--color-brand); font-weight: 700; }
@media (min-width: 48rem) {
  .rp-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bl-head { padding: var(--space-12) 0 var(--space-8); }
  .bl-actions { display: flex; flex-wrap: wrap; }
}
/* Kurumsal sayfalar (29.09, iyzico başvuru koşulları): şirket künyesi ve yasal metin bağlantıları.
   Uzun değerler (adres, KEP) dar ekranda kırılır; tablo yerine iki sütunlu tanım listesi. */
.kunye { margin: var(--space-2) 0 var(--space-4); border: 2px solid var(--color-ink); border-radius: 18px; overflow: hidden; }
.kunye div { display: grid; gap: 2px; padding: var(--space-3) var(--space-4); }
.kunye div + div { border-top: 1px solid var(--color-border); }
.kunye dt { font-family: var(--font-display); font-weight: 700; font-size: var(--text-xs); letter-spacing: 0.04em; color: var(--color-ink-soft); }
.kunye dd { margin: 0; font-weight: 700; font-size: 1.0625rem; overflow-wrap: anywhere; }
.kunye a, .bl-sec p a, .bl-list a { color: var(--color-brand); font-weight: 700; }
.kunye-not { font-weight: 400; color: var(--color-ink-soft); }
.bl-sec .bl-not, .bl-body .bl-not { color: var(--color-ink-soft); font-size: 0.9375rem; }
@media (min-width: 48rem) {
  .kunye div { grid-template-columns: 13rem minmax(0, 1fr); gap: var(--space-4); align-items: baseline; }
}