/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
  .card-grid, .archive-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-inner { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px) {
  .menu-toggle { display: block; }

  .main-nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0; right: 0;
    background: var(--sg-bg);
    border-bottom: 1px solid var(--sg-border);
    padding: 20px;
  }

  .main-nav.active { display: block; }

  .main-nav ul {
    flex-direction: column;
    gap: 0;
  }

  .main-nav li {
    border-bottom: 1px solid var(--sg-border);
  }

  .main-nav a {
    display: block;
    padding: 12px 0;
  }

  .hero-section h1 { font-size: 2.2rem; }
  .hero-section { padding: 60px 20px 50px; }

  .card-grid, .archive-grid { grid-template-columns: 1fr; }

  .footer-inner { grid-template-columns: 1fr; gap: 30px; }

  .newsletter-form { flex-direction: column; }

  .post-header h1 { font-size: 1.8rem; }

  .post-nav { flex-direction: column; }

  .section { padding: 50px 20px; }
}

@media (max-width: 375px) {
  .header-inner { padding: 12px 16px; }
  .site-logo a { font-size: 1.3rem; }
  .hero-section h1 { font-size: 1.8rem; }
  .section-header h2 { font-size: 1.6rem; }
  .cta-section { padding: 40px 20px; }
}