/* FutureAITechX — responsive */

@media (max-width: 1100px) {
  .nav-cta { display: none; }
  .article-layout { grid-template-columns: minmax(0, 1fr) 280px; gap: 32px; }
  .footer-grid { grid-template-columns: 1.4fr 1fr 1fr; }
  .footer-grid .footer-col:last-child { grid-column: 1 / -1; }
}

@media (max-width: 1024px) {
  .main-nav { display: none; }
  .menu-btn { display: inline-flex; }
  .hero-grid { grid-template-columns: 1fr; }
  .hero-main { min-height: 440px; }
  .hero-side { grid-template-rows: none; grid-template-columns: repeat(2, 1fr); }
  .split-2 { grid-template-columns: 1fr; }
  .split-2 .feature-card { min-height: 360px; }
  .card-grid.c-4 { grid-template-columns: repeat(2, 1fr); }
  .card-grid.c-3 { grid-template-columns: repeat(2, 1fr); }
  .trend-wrap { grid-template-columns: 1fr; }
  .article-layout { grid-template-columns: 1fr; }
  .article-side { position: static; }
  .picks-grid { grid-template-columns: 1fr 1fr; }
  .picks-grid .pick-card:first-child { grid-column: 1 / -1; min-height: 420px; }
}

@media (max-width: 768px) {
  .container { padding: 0 18px; }
  :root { --header-h: 62px; }
  .brand img { height: 36px; }
  .site-header.scrolled .brand img { height: 32px; }
  .section { padding: 54px 0; }
  .section-head { flex-direction: column; align-items: flex-start; gap: 12px; margin-bottom: 26px; }
  .hero-section { padding: 18px 0 44px; }
  .hero-body { padding: 24px 22px; }
  .hero-side { grid-template-columns: 1fr; }
  .hero-mini img { height: 72px; }
  .card-grid { gap: 14px; }
  .card-grid.c-2, .card-grid.c-3, .card-grid.c-4 { grid-template-columns: 1fr; }
  .story-row { grid-template-columns: 110px 1fr; gap: 14px; }
  .story-row img { height: 74px; }
  .newsletter-card { padding: 40px 22px; }
  .newsletter-form { flex-direction: column; }
  .contrib-cta { flex-direction: column; align-items: flex-start; padding: 26px 22px; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 28px; }
  .footer-bottom { flex-direction: column; align-items: flex-start; }
  .ticker-label span.ticker-word { display: none; }
  .page-hero { padding: 56px 0 36px; }
  .form-grid.two { grid-template-columns: 1fr; }
  .cat-hero .cat-stats { gap: 16px; }
  .fsh-bot { right: 14px; bottom: 14px; }
}

@media (max-width: 560px) {
  .picks-grid { grid-template-columns: 1fr; }
  .picks-grid .pick-card:first-child { min-height: 340px; }
  .pick-card, .split-2 .feature-card { min-height: 320px; }
  .hero-main { min-height: 400px; }
  .hero-body h1 { font-size: 1.45rem; }
  .trend-num { font-size: 1.7rem; min-width: 40px; }
  .footer-grid { grid-template-columns: 1fr; }
  .search-overlay { padding: 6vh 14px 20px; }
  .bot-panel { height: min(480px, 64vh); }
}

/* Very small screens (320–430px check) */
@media (max-width: 380px) {
  .ticker-label { padding: 9px 12px; }
  .hero-mini { grid-template-columns: 96px 1fr; }
  .btn { padding: 11px 18px; }
  .nav-row { gap: 10px; }
  .brand img { height: 31px; }
  .site-header.scrolled .brand img { height: 28px; }
  .icon-btn { width: 34px; height: 34px; }
}