/* Oqimli sahifalar (ro'yxat, qidiruv, gazetalar, podcast bo'limi — list_page.html
   dan tug'ilgan barcha sahifalar) uchun moslashuvchan qatlam.
   Bu sahifalar boshqalardan farqli, chunki kontenti allaqachon `flex-wrap`
   bilan oqimga moslashtirilgan (`.flow-grid`) — faqat qat'iy 1920px kadr va
   3 ustunli to'rni tor ekranga moslashtirish kerak. */

@media (max-width: 1279.98px) {
  body.is-responsive .flow-page { width: auto; }

  body.is-responsive .flow-main {
    width: auto !important;
    max-width: 100% !important;
    padding: 32px 0 64px !important;
  }

  body.is-responsive .flow-title { font-size: 28px; line-height: 36px; }

  body.is-responsive .flow-grid > * { flex: 1 1 calc(50% - 17px) !important; }
}

@media (max-width: 767.98px) {
  body.is-responsive .flow-title { font-size: 24px; line-height: 32px; margin-bottom: 20px; }
  body.is-responsive .flow-subtitle { margin-top: -8px; }
  body.is-responsive .flow-grid { gap: 28px 20px; }
  body.is-responsive .flow-grid > * { flex: 1 1 100% !important; }
  body.is-responsive .flow-card img { height: 200px; }
}