/* blok: pano (karşılama) — kartların kendisi ve ızgara site.css'teki .bb-grup / .gor-izgara* .bb-gruplar dili
   (2'li, 3'lü, tek sütun; "genis" yazılan bölüm .tam-genislik). Burada yalnız başlıktaki "tümü ›" ve satır sonundaki soluk ek. */

/* tek aralık (karşılama ızgarası): kartlar arası ve bloklar arası aynı ölçü — arama, bugün şeridi, kart çiftleri, galeri bandı
   tek ızgaranın satırları gibi dizilir. Yalnız pano bulunan düz sayfada (:has): sayfa yenilemeden gezinmede bu dosya
   sonraki sayfalarda da yüklü kalır, başka düz sayfaların (haberler, spor…) aralığı değişmesin. */
.pano.bb-gruplar { gap: 12px; }
.st-icerik:not(.st-panel):has(> .blk-pano) > :is(.blk, .blk-satir) { margin-bottom: 12px; }
@media (max-width: 760px) { .st-icerik:not(.st-panel):has(> .blk-pano) .blk-satir > .blk + .blk { margin-top: 12px; } }   /* telefonda alt alta: aynı ölçü */
/* yan yana satırda (.blk-satir, yarım / üçte bir) pano kartı satırın boyuna uzar: komşusu (ör. spor puan tablosu) daha uzunsa
   alt kenarlar yine hizalı kalır (satırlar üstte, kartın zemini aşağı kadar). */
.blk-satir > .blk-pano { display: flex; flex-direction: column; }
.blk-satir > .blk-pano > .bb-gruplar { flex: 1; }

/* başlıktaki "tümü ›": sayaç hapı yerine sakin bir bağlantı; tıklama alanı başlık yüksekliği kadar */
.pano .bb-grup-baslik { padding-block: 0; min-height: 36px; }
.pano-tumu { display: inline-flex; align-items: center; gap: 4px; margin: 0 -6px 0 auto; padding: 8px 6px; flex: none;
             color: var(--bb-text-dim); font: 500 11px var(--bb-font-mono); letter-spacing: 0; text-transform: none; text-decoration: none;
             transition: color .15s; }
.pano-tumu span { transition: transform .15s; }
.pano-tumu:hover, .pano-tumu:focus-visible { color: var(--renk); }
.pano-tumu:hover span { transform: translateX(2px); }

/* satır sonundaki ek (tarih, kategori, istasyon…): soluk, kısalmaz */
.pano-ek { flex: none; max-width: 40%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
           color: var(--bb-text-faint); font: 11px var(--bb-font-mono); }

/* okuma yetkisi olmayana tıklanamaz satır ('herkese' kart): el imleci yerine soru imleci; nedeni fareyle üzerine gelince kutuda (app.js) */
.bb-satir[data-kilit] { cursor: help; }

/* "masaustu" / "mobil" yazılan kart: yalnız o ekranda görünür (sitenin telefon kırılımı 760px) */
@media (max-width: 760px) { .pano-masaustu { display: none; } }
@media (min-width: 761px) { .pano-mobil { display: none; } }