/* ==========================================================================
   webchi.uz — Blog maqola o'qish uslubi (yagona qoida / single source)
   Asos: O'zbek eng ko'p o'qiladigan saytlar tahlili (Kun.uz, Gazeta.uz,
   Daryo, Qalampir, Zamin) konvergensiyasi:
     - Body: SANS-serif (Inter) — UZ saytlarning aksariyati shunday
     - O'lcham: 18px (mobil 17px)   - Qator oralig'i: 1.7
     - Yuqori kontrast matn        - Qisqa abzas + bold lead + tez-tez sarlavha
   Har bir blog maqolasi <head> oxirida shu faylni ulaydi:
     <link rel="stylesheet" href="/assets/css/blog-article.css"/>
   ========================================================================== */

.prose { font-size: 18px; line-height: 1.7; }

.prose p,
.prose li {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  font-size: 18px;
  line-height: 1.7;
  color: #e6e6e6;                 /* yuqori kontrast (UZ saytlar: qora/oq) */
}

.prose p  { margin-bottom: 1.35em; }   /* ~24px, Zamin/Kun uslubi */
.prose li { margin-bottom: 0.4rem; }

.prose strong { color: #ffffff; font-weight: 700; }

/* Sarlavhalar — display font (Syne) postda belgilangan; bu yerda faqat ritm */
.prose h2 { margin: 2.2em 0 0.6em; line-height: 1.25; }
.prose h3 { margin: 1.8em 0 0.5em; line-height: 1.3; }

.prose blockquote { font-style: italic; }

/* Bold lead — birinchi (Qisqa javob) abzasi ajralib tursin */
.prose > p.lead,
.prose .lead { font-size: 20px; font-weight: 600; line-height: 1.55; color: #f2f2f2; }

@media (max-width: 640px) {
  .prose p, .prose li { font-size: 17px; line-height: 1.65; }
}
