/* Help tooltip — inverted (light) theme */
.help-tooltip {
  position: fixed;
  z-index: 1000;
  max-width: 300px;
  padding: 6px 10px;
  background: #e8e4d9;
  border: 1px solid #c8c0b0;
  border-radius: 6px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.18);
  font-size: 12px;
  color: #2a2520;
  line-height: 1.4;
  pointer-events: auto;
  opacity: 0;
  transition: opacity 0.15s;
}
.help-tooltip.visible { opacity: 1; }
.help-tooltip .help-more {
  display: inline;
  margin-left: 4px;
  color: #6a5a3e;
  cursor: pointer;
  font-size: 11px;
  opacity: 0.8;
  transition: opacity 0.15s;
}
.help-tooltip .help-more:hover { opacity: 1; }

/* Help card — expanded */
.help-tooltip.expanded {
  max-width: 360px;
  padding: 14px 16px;
}
.help-tooltip.expanded .help-card-title {
  font-size: 13px;
  font-weight: 600;
  color: #1a1510;
  margin-bottom: 8px;
}
.help-tooltip.expanded .help-card-body {
  font-size: 12px;
  color: #3a3025;
  margin-bottom: 8px;
  line-height: 1.5;
}
.help-tooltip.expanded .help-card-example {
  font-size: 11px;
  color: #4a4035;
  padding: 8px 10px;
  background: #d8d4c9;
  border-radius: 4px;
  margin-bottom: 8px;
  font-style: italic;
  line-height: 1.4;
}
.help-tooltip.expanded .help-card-link {
  font-size: 11px;
  color: #6a5a3e;
  text-decoration: none;
  opacity: 0.8;
}
.help-tooltip.expanded .help-card-link:hover {
  opacity: 1;
  text-decoration: underline;
}

/* Hide tip text when expanded */
.help-tooltip.expanded .help-tip-text { display: none; }
.help-tooltip:not(.expanded) .help-card-content { display: none; }