@media (max-width: 900px) {
  .rf-blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rf-article-layout { grid-template-columns: 1fr; gap: 38px; }
}

@media (max-width: 620px) {
  .rf-blog-grid { grid-template-columns: 1fr; }
  .rf-blog-body p { min-height: 0; }
  .rf-article-head { padding: 64px 0 54px; }
  .rf-article-head h1 { font-size: 40px; }
  .rf-article-layout { padding-top: 50px; padding-bottom: 70px; }
  .rf-article-nav { display: grid; }
}