/* Three-Column Layout System - Shared across all pages */

.page-wrapper { 
  display: grid; 
  grid-template-columns: 280px 1fr; 
  gap: 16px; 
  padding: 16px; 
}

.sidebar { 
  border-right: 1px solid #e5e5e5; 
  padding-right: 12px; 
  background-color: #F7F2DF;
  color: #333 !important; 
  border: 1px solid #e3dcc9; 
  border-radius: 10px; 
  padding: 12px; 
  position: relative;
}





.sidebar h2 { 
  margin-top: 0; 
  margin-bottom: 16px;
}

.sidebar-list { 
  display: grid; 
  gap: 8px; 
}

.sidebar-item { 
  padding: 8px 12px; 
  border-radius: 6px; 
  cursor: pointer; 
  transition: all 0.2s ease;
  font-family: 'Cinzel', serif;
}

.sidebar-item:hover { 
  background-color: transparent !important; 
  text-decoration: underline !important; 
}

.sidebar-item.active { 
  background-color: transparent; 
  font-weight: 600;
}

.main-panel { 
  min-height: 400px;
}

.content-section { 
  display: none; 
}

.content-section.active { 
  display: block; 
}

/* Responsive design */
@media (max-width: 900px) {
  .page-wrapper { 
    grid-template-columns: 1fr; 
  }
  .sidebar { 
    border-right: none; 
    border-bottom: 1px solid #e5e5e5; 
    padding-bottom: 12px; 
  }
}