
<script>
document.addEventListener('DOMContentLoaded', function(){
  const sidebar = document.querySelector('.sidebar');
  const wrap = document.querySelector('.main-wrap');
  if (sidebar && wrap && window.innerWidth > 980) {
    const setExpanded = expanded => { wrap.style.marginLeft = expanded ? '286px' : '96px'; };
    sidebar.addEventListener('mouseenter', () => setExpanded(true));
    sidebar.addEventListener('mouseleave', () => setExpanded(false));
    setExpanded(false);
  }
});
</script>
</body>
</html>
