/* Canlı takvim sayfalarının bölüm ve başlık düzeni:
   /ay-boslukta/, /ay-evreleri/, /transitler/ ve EN ikizleri.
   KÖK NEDEN (2026-09-29): bu sayfalar ana sayfadaki bölümlerden ayrılırken işaretlemeyi
   (<section class="void-moon|moon-phases|transits"> + .section-header/.section-symbol/
   .section-label/.section-title) taşıdı, ama bu kurallar ve genel `section { padding }` yalnız
   ana sayfanın yüklediği css/anasayfa.css içinde. Sonuç: h1 sol kenara yapışık, bölüm dolgusuz.
   Kurallar anasayfa.css ile aynı değerlerde, yalnız bu bölümlere kapsamlı yazıldı.
   anasayfa.css'teki text-transform:uppercase BİLEREK alınmadı: tarayıcı Türkçe "i"yi noktasız "I"
   yapar (voc-archive.css ile aynı kural). */

.void-moon, .moon-phases, .transits {
  padding: 3.25rem 4rem;
  position: relative;
  z-index: 1;
}
main > nav.breadcrumb { padding: 0.5rem 4rem; margin-bottom: 0; }

.void-moon .section-header, .moon-phases .section-header, .transits .section-header {
  text-align: center;
  margin-bottom: 2.25rem;
}
.void-moon .section-symbol, .moon-phases .section-symbol, .transits .section-symbol {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  color: var(--color-gold);
}
.void-moon .section-label, .moon-phases .section-label, .transits .section-label {
  display: block;
  font-size: 0.72rem;
  letter-spacing: 0.3em;
  color: var(--color-gold);
  margin-bottom: 1rem;
}
.void-moon .section-title, .moon-phases .section-title, .transits .section-title {
  font-family: var(--font-display);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 400;
  margin: 0;
}

@media (max-width: 768px) {
  .void-moon, .moon-phases, .transits { padding: 2.5rem 1rem; }
  main > nav.breadcrumb { padding: 0.5rem 1rem; }
}