@media (max-width: 920px) {
  .layout,
  .post-layout { grid-template-columns: 1fr; }

  .sidebar { position: static; }
}

@media (max-width: 680px) {
  .container { width: min(100% - 24px, var(--max-width)); }
  .navbar-primary { min-height: 60px; gap: 10px; }
  .brand-logo img { width: clamp(136px, 42vw, 180px); max-height: 40px; }
  .header-actions { gap: 8px; }
  .nav-contact { display: none; }
  .theme-toggle { width: 38px; height: 38px; padding: 0; justify-content: center; }
  .theme-toggle [data-theme-label] { display: none; }
  .hero { padding-top: 34px; }
  .hero-card { border-radius: 26px; }
  .search-panel { grid-template-columns: 1fr; }
  .section-header { align-items: flex-start; flex-direction: column; }
  .card { padding: 20px; }
  .footer-inner { align-items: flex-start; flex-direction: column; }
}