@media (max-width: 980px) {
  .page-shell { width: min(100% - 24px, 760px); }
  .nav-toggle { display: inline-flex; }
  .nav-links, .nav-actions { display: none; width: 100%; }
  .site-nav.menu-open .nav-links, .site-nav.menu-open .nav-actions { display: flex; }
  .nav-inner { flex-wrap: wrap; }
  .nav-links { flex-direction: column; padding: 12px 0; }
  .nav-links a { width: 100%; }
  .nav-actions { padding-bottom: 14px; }
  .hero { min-height: 500px; }
  .hero-content { padding: 64px 30px; }
  .hero h1 { font-size: clamp(42px, 11vw, 68px); }
  .quick-links, .feature-grid { grid-template-columns: 1fr; }
  .leftPane, .rightPane { float: none; width: 100%; }
  .rightPane { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 20px; }
  .rightPane > .well { margin: 0; }
}

@media (max-width: 620px) {
  .page-shell { width: min(100% - 16px, 520px); margin-top: 8px; }
  .brand { font-size: 15px; }
  .hero { min-height: 450px; border-radius: 20px; }
  .hero-content { padding: 48px 22px; }
  .hero p { font-size: 16px; }
  .hero-actions, .nav-actions { flex-direction: column; }
  .button { justify-content: center; }
  .hero-badge { right: 18px; bottom: 18px; }
  .feedContainer { padding: 16px; }
  .rightPane { grid-template-columns: 1fr; }
  .feature-intro { padding: 30px 4px; }
  .site-footer { grid-template-columns: 1fr; text-align: center; }
  .footer-links { justify-content: center; }
  table { display: block; overflow-x: auto; }
  input, select, textarea { max-width: 100%; box-sizing: border-box; }
}