@media (max-width: 1000px) {
  body { overflow: auto; }
  #container { grid-template-columns: 1fr; height: auto; min-height: calc(100dvh - 65px); }
  .left-side { width: 100%; max-width: 100%; overflow-x: hidden; }
  .right-side { width: 100%; padding: 30px 20px; }
  .margin-note { transform: none !important; width: auto; max-width: 100%; margin: 12px 0; float: none; }
}
@media (max-width: 600px) {
  .right-side { padding: 20px 14px; }
  .doc-section { margin-bottom: 24px; }
}