/* Scoped so Hindi archives, individual posts and every other header stay unchanged. */
.ff-english-articles { background: var(--ea-body-bg, #fff); font-family: var(--ea-body-font, inherit); }
.ff-english-articles .ff-navbar,
.ff-english-articles .ea-react-nav header > div:first-child { background: var(--ea-nav-bg, #fff) !important; border-color: var(--ea-border, #e5e5e5) !important; }
.ff-english-articles .ff-navbar { --ff-nav-text: var(--ea-nav-text, #000); --ff-nav-scrolled-text: var(--ea-nav-text, #000); }
.ff-english-articles .ff-navbar .ff-logo,
.ff-english-articles .ff-navbar .ff-nav-links a,
.ff-english-articles .ff-navbar .ff-mm-nav a,
.ff-english-articles .ff-navbar .ff-mm-toggle,
.ff-english-articles .ea-react-nav header nav a,
.ff-english-articles .ea-react-nav header nav button,
.ff-english-articles .ea-react-nav header > div.relative > a span,
.ff-english-articles .ea-react-nav header > div.relative > button {
  color: var(--ea-nav-text, #000) !important;
  font-family: var(--ea-nav-font, inherit);
  font-size: var(--ea-nav-size, 14px);
}
.ff-english-articles .ff-navbar .ff-nav-links a:hover,
.ff-english-articles .ff-navbar .ff-mm-nav a:hover,
.ff-english-articles .ea-react-nav header nav a:hover { color: var(--ea-nav-hover, #f97316) !important; }
.ff-english-articles .ff-navbar .ff-nav-sub,
.ff-english-articles .ff-navbar .ff-nav-sub-flyout,
.ff-english-articles .ff-navbar .ff-mobile-menu { background: var(--ea-nav-bg, #fff); }
.ff-english-articles #ff-react-mobile-menu,
.ff-english-articles .ea-react-nav header nav [class*="bg-zinc"] { background: var(--ea-nav-bg, #fff) !important; }
.ff-english-articles .ea-react-nav header nav :is(a, button) span { color: var(--ea-nav-text, #000) !important; }
.ff-english-articles .ff-navbar .ff-nav-cta,
.ff-english-articles .ff-navbar .ff-mm-cta,
.ff-english-articles .ea-react-nav header a.ea-nav-cta { background: var(--ea-cta-bg, #f97316) !important; color: var(--ea-cta-text, #fff) !important; }
.ff-english-articles .ff-navbar .ff-nav-burger span { background: var(--ea-nav-text, #000) !important; }
.ff-english-articles .ff-blog-archive-hero { background: var(--ea-hero-bg, #f5f5f5) !important; padding-top: var(--ea-hero-top, 160px); padding-bottom: var(--ea-hero-bottom, 64px); text-align: var(--ea-title-align, left); }
.ff-english-articles .ff-blog-archive-title { color: var(--ea-title-colour, #171717) !important; font-family: var(--ea-title-font, inherit); font-size: var(--ea-title-size, 60px); line-height: 1.2; overflow-wrap: anywhere; }
.ff-english-articles .ff-blog-archive-sub { color: var(--ea-intro-colour, #737373) !important; font-size: var(--ea-body-size, 16px); }
.ff-english-articles .ff-blog-archive-hero-inner { align-items: var(--ea-title-align-items, stretch); }
.ff-english-articles .ff-blog-listing { background: var(--ea-body-bg, #fff) !important; }
.ff-english-articles .ff-blog-posts-grid { display: grid; grid-template-columns: repeat(var(--ea-columns, 3), minmax(0, 1fr)); gap: var(--ea-gap, 28px); }
.ff-english-articles .ff-blog-post-card,
.ff-english-articles .ff-blog-featured-article { background: var(--ea-card-bg, #fff) !important; border-color: var(--ea-border, #e5e5e5); border-radius: var(--ea-radius, 24px); overflow: hidden; }
.ff-english-articles .ff-blog-card-title,
.ff-english-articles .ff-blog-featured-article-title,
.ff-english-articles .ff-blog-card-title a,
.ff-english-articles .ff-blog-featured-article-title a { color: var(--ea-heading, #171717) !important; font-family: var(--ea-body-font, inherit); }
.ff-english-articles .ff-blog-card-title { font-size: var(--ea-card-title-size, 22px); }
.ff-english-articles .ff-blog-meta,
.ff-english-articles .ff-blog-excerpt,
.ff-english-articles .ff-blog-card-excerpt,
.ff-english-articles .ff-blog-empty { color: var(--ea-text, #737373) !important; font-size: var(--ea-body-size, 16px); }
.ff-english-articles .ff-link-orange,
.ff-english-articles .ff-eyebrow,
.ff-english-articles .ff-blog-archive-sub a { color: var(--ea-accent, #f97316) !important; }
.ff-english-articles .ff-blog-cat,
.ff-english-articles .ff-pagination .current { background: var(--ea-accent, #f97316); color: #fff; }
.ff-english-articles .ff-article-language-select { color: var(--ea-heading, #171717); font-size: var(--ea-body-size, 16px); }
.ff-english-articles .ff-article-language-select select,
.ff-english-articles .ff-pagination a,
.ff-english-articles .ff-pagination button { background: var(--ea-card-bg, #fff); color: var(--ea-heading, #171717); border: 1px solid var(--ea-border, #e5e5e5); border-radius: 8px; padding: 8px 12px; }
.ff-english-articles .ff-footer,
.ff-english-articles .ea-react-footer footer { font-family: var(--ea-footer-font, inherit); }
.ff-english-articles.ea-custom-footer-bg .ff-footer,
.ff-english-articles.ea-custom-footer-bg .ea-react-footer footer { background: var(--ea-footer-bg) !important; }
.ff-english-articles.ea-custom-footer-text .ff-footer :is(p, a, li),
.ff-english-articles.ea-custom-footer-text .ea-react-footer footer :is(p, a, li) { color: var(--ea-footer-text) !important; }
.ff-english-articles.ea-hide-images :is(.ff-blog-card-media, .ff-blog-featured-article-media),
.ff-english-articles.ea-hide-meta .ff-blog-meta,
.ff-english-articles.ea-hide-excerpt :is(.ff-blog-excerpt, .ff-blog-card-excerpt),
.ff-english-articles.ea-hide-categories .ff-blog-cat { display: none; }
.ff-english-articles.ea-hide-images .ff-blog-featured-article { grid-template-columns: 1fr; }
@media (max-width: 1023px) { .ff-english-articles .ff-blog-posts-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 639px) {
  .ff-english-articles .ff-blog-posts-grid { grid-template-columns: minmax(0, 1fr); }
  .ff-english-articles .ff-blog-archive-title { font-size: var(--ea-title-mobile, 36px); }
}