/* Additional custom styles — themeCSS already provides base */
@media (max-width: 768px) {
  section, footer, nav { padding-left: 24px !important; padding-right: 24px !important; }
  section[style*="grid-template-columns:1fr 1fr"] { grid-template-columns: 1fr !important; gap: 40px !important; }
  section[style*="repeat(3,1fr)"] { grid-template-columns: 1fr !important; }
  section[style*="repeat(2,1fr)"] { grid-template-columns: 1fr !important; }
  section[style*="repeat(4,1fr)"] { grid-template-columns: repeat(2, 1fr) !important; }
  div[style*="grid-template-columns:repeat(3,1fr)"] { grid-template-columns: 1fr !important; }
  nav { padding: 16px 24px !important; }
  nav div:last-child { display: none !important; }
}
@media (max-width: 480px) {
  section[style*="repeat(4,1fr)"] { grid-template-columns: 1fr !important; }
}