/* Blog mobile feed reliability and UX polish - May 2026 */
body.blog .nw-blog-area, body.archive.category .nw-blog-area { position: relative; z-index: 2; }
.nw-blog-layout { display: flex; flex-wrap: wrap; align-items: flex-start; }
.nw-blog-main, .nw-blog-sidebar-col { min-width: 0; }
#content_ajax.nw-post-list { min-height: 1px; opacity: 1 !important; visibility: visible !important; transform: none !important; }
.nw-post-card { opacity: 1 !important; visibility: visible !important; }
@media (max-width: 991px) {
  .nw-blog-area { padding-top: 42px !important; }
  .nw-blog-main, .nw-blog-sidebar-col { flex: 0 0 100%; max-width: 100%; width: 100%; display: block !important; visibility: visible !important; opacity: 1 !important; }
  .nw-blog-main { order: 1; }
  .nw-blog-sidebar-col { order: 2; margin-top: 30px; }
  .nw-post-list { display: grid !important; grid-template-columns: 1fr; gap: 22px; }
  .nw-post-card { display: grid !important; grid-template-columns: 1fr !important; min-height: 0; border-radius: 24px; }
  .nw-post-card__media, .nw-post-card__media img { min-height: 220px !important; height: 220px !important; }
  .nw-sidebar-video-card, .nw-sidebar-widgets .widget, .nw-blog-sidebar > .widget { border-radius: 24px; }
}
@media (max-width: 575px) {
  .nw-blog-hero { padding-bottom: 64px !important; }
  .nw-blog-area { margin-top: 0 !important; padding-bottom: 54px !important; background-size: 420px auto, auto !important; }
  .nw-section-heading { margin-bottom: 22px; }
  .nw-section-heading h2 { font-size: clamp(28px, 9vw, 36px) !important; }
  .nw-post-card__body { padding: 22px !important; }
  .nw-post-card__title h3 { font-size: 24px !important; line-height: 1.16; }
  .nw-post-card__excerpt { font-size: 15px; line-height: 1.7; }
  .nw-blog-sidebar { margin-top: 0 !important; }
}