/**
 * Header Block Styles
 * Formatting for λHEADER_START...λHEADER_END parsed content
 */

.header-block {
  font-family: 'DM Sans', system-ui, sans-serif;
  font-size: 12.5px;
  line-height: 1.55;
  display: grid;
  gap: 2px;
  margin-bottom: 6px;
  font-feature-settings: "kern" 1;
  /* Ensure long content wraps properly */
  overflow-wrap: break-word;
  word-wrap: break-word;
}

/* Locus line - product name with glyphs */
.header-locus {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.01em;
  margin-bottom: 1px;
  color: #2d7a4f; /* Fallback: dark green if no product color set */
}

.header-locus.synthergy {
  color: #4a7dff; /* Blue for Synthergy Engine */
}

.header-locus.lambda {
  color: #d4925f; /* Orange/brown for Lambda Core */
}

/* Shell trace - summary line after locus */
.header-trace {
  color: #6b7280;
  font-size: 11.5px;
}

/* Descriptor lines */
.header-descriptor {
  font-size: 11.5px;
  color: #909db0;
  line-height: 1.4;
}

.header-descriptor::before {
  content: "↳ ";
  color: #909db0;
}

.header-descriptor .descriptor-name {
  color: #909db0;
  font-weight: 400;
}

/* Inner voice - value text only is italic */
.header-descriptor.inner-voice {
  color: #7f8999;
}

.header-descriptor.inner-voice span:not(.descriptor-name) {
  font-style: italic;
}

/* Mobile responsive */
@media (max-width: 640px) {
  .header-block {
    font-size: 10.5px;
    gap: 2px;
    margin-bottom: 6px;
  }

  .header-locus {
    font-size: 11px;
  }

  .header-trace {
    font-size: 10px;
  }

  .header-descriptor {
    font-size: 9.5px;
  }
}