/* vRobot — Blog görünümü. ATLAS 23.09.2026
   soru.css'in üstüne biner; değişkenleri oradan alır. Sınıf öneki: bl- */

/* ---------------- yazı başlığı ---------------- */
.bl-bas{padding:46px 0 6px}
.bl-ozet{font-size:19px;line-height:1.6;color:var(--sr-sol);margin:14px 0 0;max-width:62ch}
.bl-meta{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:18px;
  font-family:var(--sr-mono);font-size:12px;letter-spacing:.06em;color:var(--sr-sol);
  text-transform:uppercase}
.bl-meta span{opacity:.75}

/* ---------------- kapak görseli ---------------- */
.bl-kapak{margin:26px 0 0;padding:0;overflow:hidden;border:1px solid var(--sr-cizgi);
  background:var(--sr-yuzey2)}
.bl-kapak img{display:block;width:100%;height:auto;aspect-ratio:40/21;object-fit:cover}

/* gövde içi fotoğraf */
.bl-foto{margin:26px 0;padding:0}
.bl-foto img{display:block;width:100%;height:auto;aspect-ratio:40/21;object-fit:cover;
  border:1px solid var(--sr-cizgi)}
.bl-foto figcaption{font-size:13px;color:var(--sr-sol);margin-top:9px;line-height:1.5}

/* ---------------- içindekiler ---------------- */
.bl-icindekiler{background:var(--sr-yuzey);border:1px solid var(--sr-cizgi);
  padding:18px 22px;margin:26px 0 6px}
.bl-icindekiler b{display:block;font-family:var(--sr-mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--sr-sol);margin-bottom:10px;font-weight:600}
.bl-icindekiler ol{margin:0;padding-left:20px}
.bl-icindekiler li{margin-bottom:6px;font-size:15.5px}
.bl-icindekiler a{text-decoration:none;color:var(--sr-fg);border-bottom:1px solid transparent}
.bl-icindekiler a:hover{border-bottom-color:var(--sr-accent)}

/* geniş tabloyu telefonda kaydırılabilir yap */
.bl-kaydir{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 16px}
.bl-kaydir .sr-tablo{margin-bottom:0;min-width:520px}

/* ---------------- liste sayfası ---------------- */
.bl-one{display:grid;grid-template-columns:1.15fr 1fr;gap:0;margin:34px 0 0;
  background:var(--sr-yuzey);border:1px solid var(--sr-cizgi);text-decoration:none;
  transition:border-color .18s ease,transform .18s ease;overflow:hidden}
.bl-one:hover{border-color:var(--sr-accent);transform:translateY(-2px)}
.bl-one img{display:block;width:100%;height:100%;min-height:260px;object-fit:cover}
.bl-one>div{padding:30px 32px;align-self:center}
.bl-one h2{font-size:clamp(21px,2.6vw,30px);margin:0 0 10px}
.bl-one p{color:var(--sr-sol);font-size:15.5px;margin:0}
.bl-one .bl-meta{margin-top:16px}

.bl-kartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));
  gap:16px;margin-top:16px}
.bl-kart{display:flex;flex-direction:column;background:var(--sr-yuzey);
  border:1px solid var(--sr-cizgi);text-decoration:none;overflow:hidden;
  transition:border-color .18s ease,transform .18s ease}
.bl-kart:hover{border-color:var(--sr-accent);transform:translateY(-2px)}
.bl-kart img{display:block;width:100%;height:auto;aspect-ratio:20/11;object-fit:cover}
.bl-kart>div{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.bl-kat{display:inline-block;font-family:var(--sr-mono);font-size:10.5px;letter-spacing:.13em;
  text-transform:uppercase;color:var(--sr-patina);margin-bottom:9px}
.bl-kart b{display:block;font-family:var(--sr-disp);font-size:17px;font-weight:700;
  line-height:1.25;letter-spacing:-.015em;margin-bottom:8px}
.bl-kart small{display:block;color:var(--sr-sol);font-size:13.5px;line-height:1.55;flex:1}
.bl-kart .bl-meta{margin-top:14px;font-size:11px}

/* ilgili yazılar (yazı altı) */
.bl-mini-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.bl-mini{display:block;background:var(--sr-yuzey);border:1px solid var(--sr-cizgi);
  text-decoration:none;overflow:hidden;transition:border-color .18s ease,transform .18s ease}
.bl-mini:hover{border-color:var(--sr-accent);transform:translateY(-2px)}
.bl-mini img{display:block;width:100%;height:auto;aspect-ratio:20/11;object-fit:cover}
.bl-mini span{display:block;padding:13px 15px 15px}
.bl-mini b{display:block;font-family:var(--sr-disp);font-size:14.5px;font-weight:700;
  line-height:1.3;margin-bottom:6px}
.bl-mini small{display:block;color:var(--sr-sol);font-family:var(--sr-mono);font-size:11px;
  letter-spacing:.06em;text-transform:uppercase}

/* gizleme (arama/süzgeç) */
.bl-gizli{display:none !important}

/* Ana sayfada soru.css yüklü değil — sr- değişkenlerini sitenin kendi
   değişkenlerine yalnız bu şerit içinde bağlıyoruz. Blog sayfalarında
   .bl-anasayfa bulunmadığı için orada hiçbir şeyi ezmez. */
.bl-anasayfa{
  --sr-yuzey:var(--surface,#FFF); --sr-cizgi:var(--rule,#C6CBC3);
  --sr-sol:var(--dim,#5C6A70); --sr-accent:var(--accent,#F2A20C);
  --sr-patina:var(--patina,#4E8C8A);
  --sr-disp:var(--disp,"Helvetica Neue",Helvetica,Arial,sans-serif);
  --sr-mono:var(--mono,ui-monospace,Consolas,monospace);
}
.bl-anasayfa a{color:inherit}
.bl-anasayfa .bl-kart b{color:inherit}
.bl-anasayfa h2{font-family:var(--sr-disp);font-weight:800;letter-spacing:-.028em}
.bl-anasayfa img{max-width:100%}

@media (max-width:760px){
  .bl-one{grid-template-columns:1fr}
  .bl-one img{min-height:0;aspect-ratio:20/11}
  .bl-one>div{padding:22px 22px 26px}
  .bl-ozet{font-size:17px}
  .bl-kapak img,.bl-foto img{aspect-ratio:20/13}
}