/* Page-level Lateral Sidebar Styles */

/* Hide sidebar by default */
.page-lateral-sidebar {
  transform: translateX(100%);
  visibility: hidden;
  opacity: 0;
}

.page-lateral-backdrop {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

/* Show backdrop when any sidebar action is targeted */
:target ~ .page-lateral-backdrop {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

/* Hide all action content by default */
.sidebar-content {
  display: none;
}

/* CSS will be generated dynamically per page for specific actions */
/* Each page will need to add custom CSS for its specific action IDs */