/* J · çizelge /j/cizelge/ — ay gruplu Pano ↔ Dizin (FLIP), yapışkan filtre, dikey ay cetveli */
.cz-bas{padding-top:var(--s3)}
.cz-ust{margin-top:var(--s4)}
.cz-bas h1{margin-top:.5rem}
.cz-ozet{display:block;margin-top:var(--s4);font-size:var(--t-g);line-height:1.45;max-width:46ch}
@media (max-width:899px){.cz-filtre .gecis{order:-1}}
.cz-ozet b{font-family:var(--fm);font-weight:500;font-size:var(--t-k);color:var(--metin)}
.cz-filtre{position:sticky;top:var(--ust);z-index:30;margin-top:var(--s5);background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-block:1px solid var(--cizgi)}
.cz-filtre .kap{display:flex;align-items:center;gap:.5rem;overflow-x:auto;scrollbar-width:none;padding-block:.45rem}
.cz-filtre .kap::-webkit-scrollbar{display:none}
.cz-filtre .filtre-cubugu{flex:none;flex-wrap:nowrap;padding:.25rem}
.cz-filtre .filtre-cubugu button{white-space:nowrap;display:inline-flex;align-items:center;gap:.35rem}
.cz-filtre .gecis{flex:none}
.cz-sayi{flex:none;margin-left:auto;padding-inline:.4rem;white-space:nowrap;color:var(--soluk)}
.cz-sayi b{color:var(--metin);font-weight:500}
.cz-govde{display:grid;gap:var(--s4);padding-top:var(--s5)}
.ay-cetveli{display:none}
@media (min-width:1000px){
  .cz-govde{grid-template-columns:9rem minmax(0,1fr);gap:var(--s5)}
  .ay-cetveli{display:flex;position:sticky;top:calc(var(--ust) + 5.5rem);align-self:start}
}
.ay-cetveli{position:sticky;flex-direction:column;border-left:1px solid var(--cizgi);-webkit-user-select:none;user-select:none;touch-action:pan-y;cursor:ns-resize}
.ay-cetveli a{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:44px;padding-left:.8rem;color:var(--pasif);font-weight:600;font-size:.9375rem}
.ay-cetveli a[aria-current]{color:var(--metin)}
.ay-cetveli a b{font-family:var(--fm);font-weight:500;font-size:.75rem}
.ay-cetveli-imlec{position:absolute;left:-2px;top:0;width:3px;height:44px;background:var(--metin);transition:transform .6s var(--expo)}
.cz-ay{scroll-margin-top:calc(var(--ust) + 5.5rem)}
/* ekran dışındaki aylar boyanmaz, görselleri de ertelenir (mobil bütçe) */
/* R31: content-visibility kaldırıldı — Safari 1100px tahminiyle boşluk ve zıplama yapıyordu */
.cz-ay+.cz-ay{margin-top:var(--s5)}
.cz-ay-bas{display:flex;align-items:center;gap:.6rem;padding-bottom:var(--s2);border-bottom:1px solid var(--cizgi-koyu);margin-bottom:var(--s3);color:var(--mavi-koyu)}
.cz-bos{padding:var(--s5) 0;color:var(--soluk)}
.cz-kart{display:block;min-width:0}
/* R22: .kart-kayit (ana sayfa şerit kartı) en az 15rem genişlik veriyordu; ızgara hücresinden taşıp yandaki kartın üstüne biniyordu. */
.cz-izgara .cz-kart.kart-kayit{width:auto;max-width:100%}
.cz-g{display:block;overflow:clip;background:var(--zemin-2)}
.cz-g img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--expo)}
.cz-g.monogram{display:grid;font-size:1.6rem}
.cz-kart:hover .cz-g img{transform:scale(1.06)}
.cz-bilgi{display:block;min-width:0}
.cz-tarih,.cz-tur,.cz-foto{color:var(--soluk)}
.cz-tur{display:inline-flex;align-items:center;gap:.35rem}
.cz-ad{display:block;font-weight:600;line-height:1.15;font-size:.975rem;margin-top:.2rem;transition:transform .7s var(--expo)}
.cz-unvan{display:block;color:var(--soluk);font-size:.8125rem;line-height:1.3;margin-top:.15rem}
/* PANO: karışık oranlı, üstten hizalı */
[data-gorunum="pano"] .cz-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4) .6rem;align-items:start}
[data-gorunum="pano"] .cz-g{aspect-ratio:var(--oran,4/3)}
[data-gorunum="pano"] .cz-bilgi{margin-top:.55rem}
[data-gorunum="pano"] .cz-foto{display:none}
@media (max-width:699px){[data-gorunum="pano"] .cz-unvan,[data-gorunum="pano"] .cz-tur{display:none}[data-gorunum="pano"] .cz-ad{font-size:.875rem}}
@media (min-width:700px){[data-gorunum="pano"] .cz-izgara{grid-template-columns:repeat(4,minmax(0,1fr))}[data-gorunum="pano"] .cz-ad{font-size:var(--t-g)}}
@media (min-width:1300px){[data-gorunum="pano"] .cz-izgara{grid-template-columns:repeat(6,minmax(0,1fr))}}
/* DİZİN: TARİH · KİŞİ · UNVAN · TÜR · FOTO */
[data-gorunum="dizin"] .cz-izgara{display:block}
[data-gorunum="dizin"] .cz-kart{display:grid;grid-template-columns:3.5rem minmax(0,1fr);gap:.1rem var(--s3);align-items:center;padding:.6rem 0;border-bottom:1px solid var(--cizgi);min-height:44px}
[data-gorunum="dizin"] .cz-g{width:3.5rem;height:3.5rem;aspect-ratio:1}
[data-gorunum="dizin"] .cz-kart:hover .cz-ad{transform:translate3d(8px,0,0)}
@media (max-width:899px){[data-gorunum="dizin"] .cz-tur,[data-gorunum="dizin"] .cz-foto{display:none}}
@media (min-width:900px){
  [data-gorunum="dizin"] .cz-kart{grid-template-columns:3.5rem 7rem minmax(0,1.3fr) minmax(0,1fr) 7.5rem 4.5rem}
  [data-gorunum="dizin"] .cz-bilgi{display:contents}
  [data-gorunum="dizin"] .cz-ad{font-size:var(--t-b);margin:0;letter-spacing:-.02em}
  [data-gorunum="dizin"] .cz-unvan{margin:0;font-size:.9375rem}
}
/* giriş: ay başlıkları yukarıdan, kartlar 20 ms arayla */
.js .cz-ay-bas{animation:j-cz-ust .5s var(--quint) both}
.js .cz-oge{animation:j-cz-oge .5s ease-out both;animation-delay:calc(var(--i,0)*20ms + .15s)}
@keyframes j-cz-ust{from{opacity:0;transform:translate3d(0,-14px,0)}}
@keyframes j-cz-oge{from{opacity:0}}
@media (prefers-reduced-motion:reduce){.js .cz-ay-bas,.js .cz-oge{animation:none}.ay-cetveli-imlec{transition:none}}
/* Kart görselleri aynı yükseklikte, başlıklar hizalı (27.09) */
.cz-izgara .cz-g{aspect-ratio:4/3;overflow:hidden;display:block}
.cz-izgara .cz-g img{width:100%;height:100%;object-fit:cover}