/* ===== Yayınlar — grup başlığı kutusu + yayın satırları ===== */

/*
 * "Web xomage akademi" (82:1139), 1920 tasarım genişliği. Frame adı yanlış:
 * içeriği **Yayınlar** sayfasıdır, Akademi değil (o `50:84`) — navbar'da da iki
 * ayrı menü öğesi. Bkz. docs/figma-boru-hatti.md "Akademi bilmecesi".
 *
 *   turkuaz bant  y=119-319  → XomagePageHero (bu bölüm değil)
 *   grup başlığı  907x105 @x=136 y=399, radius 16, zemin #006673
 *                 metin @x=185 y=431, 40/42 — yani 49px yatay, 32px dikey iç boşluk
 *   1. satır      y=536  → başlık kutusunun altı (504) ile arası 32px
 *   satırlar      1500x80 @x=210, 96px aralıkla (16px boşluk)
 *   son satır alt y=904, footer zemini y=1184 → 280px alt boşluk
 *
 * Yatay yerleşim iki farklı hizada, bu **korundu**:
 *   Başlık kutusu x=136 — bant başlığının ("Yayınlar", 82:1210) da x'i 136,
 *   yani ikisi aynı hizada. `xomage-container` 1920'de içeriği x=144'ten
 *   başlatıyor; 8px'lik fark tasarımcının 136'yı sol marj olarak kullanmasından
 *   geliyor ve bant başlığı da aynı konteynerden geçtiği için iki öğe kodda da
 *   hizalı kalır.
 *   Satırlar x=210, genişlik 1500 — frame içinde simetrik (sağda da 210).
 *   1500 tam olarak `--kombos-max-width`; konteyner içinde ortalanır. Böylece
 *   satırlar başlık kutusundan 66px içeride durur, tasarımdaki iç içe geçmiş
 *   görünüm çıkar. Emsal: XomageFaq (aynı kutu, aynı x=210).
 *
 * Alt boşluk 280 - 16 = 264px yazılır: satır aralığı kalemin kendi
 * `margin-bottom`'unda olduğu için listenin altında 16px fazladan boşluk kalır
 * (bkz. XomagePublicationItem).
 *
 * Mobil eşi (`Mobil Yayınlar`, 82:1226) bu turda ölçülmedi — Figma kotası ve
 * REST kotası doluydu. Yapı zaten tek kolonluk yığın: kutu tam genişlik, satırlar
 * alt alta. Tipografi kurulu basamaklamadan gelir (CLAUDE.md 11 / boru hattı
 * karar kuralı) ve satır kutusunun mobil ölçüsü S.S.S. sayfasında ölçülmüştü
 * (794x80 @x=53, 900 geniş frame) — aynı kutu olduğu için o değerler geçerli.
 */

.cc_mfkw8zzp_ZjPL6W2HHv .xomage-publications {
  width: 100%;
}

.cc_mfkw8zzp_ZjPL6W2HHv .xomage-publications__container {
  padding-block: 2.5rem 4rem;
}

/*
 * Kutu içeriği kadar geniş olmalı (tasarımda 907px, metnin genişliği), tam
 * genişlik değil — bu yüzden `inline-block`. Mobilde metin sarınca kutu büyür.
 */
.cc_mfkw8zzp_ZjPL6W2HHv .xomage-publications__title {
  display: inline-block;
  max-width: 100%;
  margin: 0 0 2rem;
  padding: 1rem 1.5rem;
  border-radius: 16px;
  background: var(--xomage-link);
  color: var(--kombos-white);
}

/* 1500px = --kombos-max-width; konteyner (1776px) içinde ortalanır */
.cc_mfkw8zzp_ZjPL6W2HHv .xomage-publications__list {
  max-width: var(--kombos-max-width);
  margin-inline: auto;
}

.cc_mfkw8zzp_ZjPL6W2HHv .xomage-publications__empty {
  margin: 0;
  color: var(--kombos-gray-400);
}

@media (min-width: 640px) {
  .cc_mfkw8zzp_ZjPL6W2HHv .xomage-publications__container {
    padding-block: 3rem 5rem;
  }

  .cc_mfkw8zzp_ZjPL6W2HHv .xomage-publications__title {
    padding: 1.25rem 2rem;
  }
}

@media (min-width: 1024px) {
  .cc_mfkw8zzp_ZjPL6W2HHv .xomage-publications__container {
    /* Tasarım: bant altı 80px, son satır ile footer arası 280 - 16 = 264px */
    padding-block: 5rem 16.5rem;
  }

  .cc_mfkw8zzp_ZjPL6W2HHv .xomage-publications__title {
    /* 105px kutu, 50px satır (40px x 1.25) → (105-50)/2 = 27.5px */
    padding: 1.71875rem 3.0625rem;
  }
}