/**
 * History Page Styles
 * Following the unified design system with clean content focus
 * 
 * @package CMSMGA
 * @version 6.0
 */

/* Main History Page Container */
.history-page {
  width: 100%;
  min-height: 100vh;
  background: var(--color-primary-50);
  position: relative;
  z-index: 1;
}

/* Main Content Area */
.history-page-content {
  padding: 0;
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.history-container {
  position: relative;
  z-index: 1;
}

/* Section-specific styling */
.history-overview-section {
  padding: var(--space-24) 0;
  position: relative;
  overflow: hidden;
  min-height: 70vh;
}

/* Override the container width for full-width sections */
.history-overview-section .cmsmga-section-container {
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 0 var(--space-6);
  position: relative;
  z-index: 3;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .history-overview-section {
    padding: var(--space-16) 0;
    min-height: 60vh;
  }
  
  .history-overview-section .cmsmga-section-container {
    padding: 0 var(--space-4);
  }
}

@media (max-width: 480px) {
  .history-overview-section {
    padding: var(--space-12) 0;
    min-height: 50vh;
  }
}