@media (max-width: 920px){
  .hero-inner{grid-template-columns:1fr; }
  .content-layout{grid-template-columns:1fr;}
  .sidebar .sticky{position:static;}
}

@media (max-width: 680px){
  .grid-2{grid-template-columns:1fr;}
  .grid-3{grid-template-columns:1fr;}
  .hero h1{font-size:28px;}
  .page-head h1{font-size:24px;}
  .article-head h1{font-size:26px;}
  .nav{gap:6px; flex-wrap:wrap;}
}