/* ============================================================================
   Sagrosa — sayfa-haberler.css (haberler.njk şablonuna özel; statik/css/sayfa-<şablon>.css kuralıyla temel.njk bağlar)
   Koç / Sabancı haber listesi kalıbı: sayfa başı (fotoğraf bandı) → 3 sütun düz haber kartı (16:9 blok, tarih, başlık)
   → sayfalama yuvası → gri bantta iki sütunlu metin (başlık solda, metin sağda) → CTA.
   Ölçüler ve renkler site.css tokenlarından; MANTIKSAL özellikler (RTL için dir="rtl" yeterli).
   Bölümler: 1 ölçek · 2 duyuru listesi · 3 sayfalama · 4 metin bandı · 5 diğer bölümler · 6 duyarlı
   ========================================================================== */

/* 1. ÖLÇEK — iç sayfa bölüm başlığı 30px (site.css .s-content ile aynı) ------ */
.s-body--haberler .s-sec__title{font-size:30px;margin-block-start:0}
.s-body--haberler .s-eyebrow+.s-sec__title{margin-block-start:12px}

/* 2. DUYURU LİSTESİ ---------------------------------------------------------- */
.s-news--list{border-block-start:0;padding-block:80px 88px}
.s-news__head{margin-block-end:0}
.s-news__head .s-tlink{padding-block-end:6px}
.s-news--list .s-sec__intro{margin-block:16px 0;max-width:760px}
.s-news--list .s-sec__head+.s-news__grid,.s-news--list .s-sec__head+.s-news__empty{margin-block-start:40px}
.s-news--list .s-sec__intro+.s-news__grid,.s-news--list .s-sec__intro+.s-news__empty{margin-block-start:36px}
.s-news__grid{gap:40px 24px}
.s-news__empty{font-size:17px}
.s-news__empty+.s-news__grid{margin-block-start:28px}
.s-news-card__media--ph{background:var(--s-ph)}
.s-news-card__title a{color:var(--s-txt)}
.s-news-card__text{line-height:1.55}
.s-news--list .s-sec__note{margin-block-start:24px}

/* 3. SAYFALAMA YUVASI (pagination.pages 2+ olunca basılır) ------------------ */
.s-pagination{margin-block-start:56px;padding-block-start:24px;border-block-start:1px solid var(--s-hair)}
.s-pagination__list{display:flex;justify-content:center;align-items:center;gap:4px;flex-wrap:wrap}
.s-pagination__link{min-width:40px;height:40px;padding-inline:10px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:var(--s-body);position:relative;transition:color .15s}
a.s-pagination__link:hover{color:var(--s-navy)}
.s-pagination__link.is-current{color:var(--s-navy)}
.s-pagination__link.is-current::after{content:"";position:absolute;inset-inline:12px;inset-block-end:6px;height:2px;background:var(--s-gold)}
.s-pagination__link--arrow{color:var(--s-navy)}
.s-pagination__link--arrow svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}
.s-pagination__link.is-disabled{color:var(--s-body);opacity:.4}
[dir="rtl"] .s-pagination__link--arrow svg{transform:scaleX(-1)}
.s-pagination__item--prev{margin-inline-end:12px}
.s-pagination__item--next{margin-inline-start:12px}

/* 4. METİN BANDI (Basın İletişimi: başlık solda 4/12, metin sağda 8/12) ------ */
.s-news-text{padding-block:72px 80px}
.s-news-text__grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:32px 64px;align-items:start}
.s-news-text .s-prose{max-width:760px}
.s-news-text .s-sec__intro{margin-block-end:16px}
.s-news-text .s-tlink{margin-block-start:20px}
.s-news-text .s-stats{margin-block-start:40px}

/* 5. DİĞER BÖLÜMLER (CTA vb. — parcalar/bolumler.njk çıktısı) -------------- */
.s-news-page__block{padding-block:80px 0}
.s-news-page__block:last-child{padding-block-end:96px}
.s-news-page__block .s-sec{padding-block:0}
.s-news-page__block--cta .s-cta{padding:56px 64px}

/* 6. DUYARLI ----------------------------------------------------------------- */
@media (max-width:1100px){
  .s-news-text__grid{gap:28px 48px}
}
@media (max-width:900px){
  .s-news-text__grid{grid-template-columns:1fr;gap:20px}
  .s-news__grid{grid-template-columns:repeat(2,1fr)}
  .s-news-page__block--cta .s-cta{padding:40px}
}
@media (max-width:768px){
  .s-body--haberler .s-sec__title{font-size:26px}
  .s-news--list{padding-block:56px 64px}
  .s-news--list .s-sec__head+.s-news__grid,.s-news--list .s-sec__intro+.s-news__grid,.s-news--list .s-sec__head+.s-news__empty{margin-block-start:28px}
  .s-news__grid{grid-template-columns:1fr;gap:36px}
  .s-pagination{margin-block-start:40px}
  .s-news-text{padding-block:56px}
  .s-news-page__block{padding-block:56px 0}
  .s-news-page__block:last-child{padding-block-end:64px}
  .s-news-page__block--cta .s-cta{padding:32px 24px}
}