/* ════════════════════════════════════════════════════════════════════════════
   GLOSSARY.CSS — Glossary Term Pages
   RealSEOLife.com
   ════════════════════════════════════════════════════════════════════════════ */


/* ── Section label (subheading style used for Definition, In Practice, etc.) */
.concept-section__label {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  font-size: var(--text-xs);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--color-premium-gold);
  margin-top: 5px;
  margin-bottom: 2px;
}

.concept-section__label::before {
  content: '';
  display: block;
  width: 3px;
  height: 14px;
  background: var(--color-premium-gold);
  border-radius: 2px;
  flex-shrink: 0;
}

/* Modifier overrides — accent bar color only */
.concept-section__label--violet {
  color: var(--color-accent-violet);
}
.concept-section__label--violet::before {
  background: var(--color-accent-violet);
}

.concept-section__label--gold {
  color: var(--color-premium-gold);
}
.concept-section__label--gold::before {
  background: var(--color-premium-gold);
}


/* ── Section body text ───────────────────────────────────────────────────── */
.concept-section__body p {
  font-size: var(--text-md);
  color: var(--color-text-secondary);
  line-height: var(--leading-relaxed);
  max-width: 720px;
  margin-bottom: var(--space-4);
}

.concept-section__body p:last-child {
  margin-bottom: 0;
}


/* ── Glossary term callout — purple glow, serif italic ───────────────────── */
.glossary-term__callout {
  font-size: calc(var(--text-xl) * 1.5);
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  font-weight: var(--weight-light);
  color: var(--color-text-secondary);
  line-height: var(--leading-snug);
  max-width: 680px;
  margin-bottom: var(--space-6);
  border-left: 2px solid var(--color-accent-violet);
  padding: var(--space-5);
  background: radial-gradient(ellipse at center, rgba(128, 0, 255, 0.15) 0%, transparent 70%);
  border-radius: 8px;
}


/* ── Related terms — bulleted list ───────────────────────────────────────── */
.glossary-term__related-terms {
  list-style: disc;
  padding-left: var(--space-5);
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.glossary-term__related-terms li {
  color: var(--color-accent-violet);
}

.glossary-term__related-link {
  text-decoration: none;
  color: var(--color-text-secondary);
}

.glossary-term__related-link:hover {
  color: var(--color-accent-violet);
}

.glossary-term__related-name {
  font-weight: var(--weight-semibold);
}

.glossary-term__related-def {
  margin-left: var(--space-2);
  color: var(--color-text-muted);
  font-size: var(--text-sm);
}


/* ── Glossary entry term heading ─────────────────────────────────────────── */
.glossary-entry__term {
  font-size: calc(var(--text-xl) * 1.75);
  font-weight: 200;
  color: var(--color-premium-gold);
  margin: 0;
}