﻿/* --- Fixed left menu + scrolling main (KompoZer-friendly, JS-free) --- */
.left_menu_fixed{
position: fixed;
/* Align to the left edge of the centered 1100px content table */
left: calc(52% - 550px);
top: 30px; /* adjust if you change header height */
width: 180px;
max-height: calc(100vh - 180px);
overflow-y: auto;
padding-right: 6px;
box-sizing: border-box;
z-index: 999;
}

/* Keep the table cell as a spacer so layout doesn't collapse */
td.left_menu_spacer{
width: 180px !important;
vertical-align: top;
}

/* Small screens: fall back to normal flow (no overlap) */
@media (max-width: 1200px){
.left_menu_fixed{
position: static;
left: auto;
top: auto;
width: auto;
max-height: none;
overflow: visible;
padding-right: 0;
}
</syle>