@media(max-width:1024px){
  .grid-4{grid-template-columns:repeat(3,1fr)}
  .grid-6{grid-template-columns:repeat(4,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .post-wrap{grid-template-columns:1fr}
  .sidebar{position:static}
  .hero-inner{grid-template-columns:1fr}
  .hero-card{transform:none;margin-top:30px}
}
@media(max-width:768px){
  .main-nav{position:fixed;top:64px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:18px;gap:8px;border-bottom:1px solid var(--border);transform:translateY(-130%);transition:.3s}
  .main-nav.open{transform:none}
  .main-nav a{padding:10px 8px;border-radius:8px}
  .menu-toggle{display:inline-flex;align-items:center;justify-content:center}
  .header-search{display:none}
  .grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}
  .grid-6{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:1fr}
  .newsletter{padding:30px 20px}
  .newsletter form{flex-direction:column;background:transparent;padding:0;gap:10px}
  .newsletter input,.newsletter button{border-radius:14px;padding:14px}
  section.block{padding:50px 0}
  .hero{padding:50px 0}
  .post-content{padding:22px}
}
@media(max-width:480px){
  .grid-3,.grid-4,.grid-6{grid-template-columns:repeat(2,1fr)}
  h1{font-size:2rem}
  .header-actions .theme-toggle{display:none}
}