/*
Theme Name: Herbarium Block Theme 2.0
Author: Herbarium Architecture Core
Description: Production-grade, ultra-lightweight Full Site Editing custom block theme engineered for members-only AI herbal research and botanical intelligence instruments.
Version: 2.0.0
Requires at least: 6.4
Tested up to: 6.5
Requires PHP: 8.0
Text Domain: herbarium-block-theme-2
*/

:root {
  --herb-forest: #1b2e23;
  --herb-sage: #8a9a86;
  --herb-olive: #556b2f;
  --herb-parchment: #f4f1ea;
  --herb-charcoal: #222523;
  --herb-brass: #c5a059;
  --herb-surface: #ffffff;
  --herb-border: rgba(138, 154, 134, 0.25);
}

body {
  background-color: var(--herb-parchment);
  color: var(--herb-charcoal);
  font-family: 'JetBrains Mono', 'Fira Code', monospace, sans-serif;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

.wp-site-blocks {
  display: flex;
  min-height: 100vh;
}

.herbarium-sidebar {
  width: 280px;
  background-color: var(--herb-forest);
  color: var(--herb-parchment);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  padding: 2rem 1.5rem;
  border-right: 1px solid var(--herb-brass);
  transition: transform 0.3s ease-in-out;
}

.herbarium-main-content {
  margin-left: 280px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.herbarium-research-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1.5rem;
  padding: 2rem;
  max-width: 1600px;
  margin: 0 auto;
  width: 100%;
}

.panel-summary-span { grid-column: span 12; }
.panel-mechanism-left { grid-column: span 4; }
.panel-central-data { grid-column: span 8; }
.panel-safety-params { grid-column: span 6; }
.panel-source-feeds { grid-column: span 6; }

@media (max-width: 1024px) {
  .herbarium-sidebar { transform: translateX(-100%); }
  .herbarium-main-content { margin-left: 0; }
  .herbarium-research-grid { grid-template-columns: 1fr; padding: 1rem; }
  .panel-summary-span, .panel-mechanism-left, .panel-central-data, .panel-safety-params, .panel-source-feeds {
    grid-column: span 1;
  }
}