/* ===== Glossar (Auto-Links, Chips, Sheet/Seite, KI-Badge) ===== */
.glossary-link {
  color: var(--gc, #2c6e49);
  text-decoration: none;
  border-bottom: 1px dotted var(--gc, #2c6e49);
  cursor: pointer;
}
.glossary-link:hover { border-bottom-style: solid; }

.glossary-chips {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
  margin: 18px 0 4px; padding-top: 14px;
  border-top: 1px solid rgba(0,0,0,.07);
}
.glossary-chips-label { font-size: .82rem; color: #6b7280; }
.gchip {
  display: inline-block; padding: 3px 11px; border-radius: 999px;
  font-size: .82rem; text-decoration: none;
  color: var(--gc, #1f4f33);
  background: color-mix(in srgb, var(--gc, #2c6e49) 11%, transparent);
  border: 1px solid color-mix(in srgb, var(--gc, #2c6e49) 30%, transparent);
  cursor: pointer;
}
.gchip:hover { background: color-mix(in srgb, var(--gc, #2c6e49) 20%, transparent); }

/* KI-Markierung */
.ai-badge {
  display: inline-block; padding: 2px 9px; border-radius: 999px;
  font-size: .74rem; font-weight: 600; white-space: nowrap; vertical-align: middle;
}
.ai-badge.ai { color: #fff; background: #7c4dff; }
.ai-badge.ai-curated { color: #4a3a82; background: #e7defc; border: 1px solid #c7b6f3; }
.ai-provenance {
  margin-top: 22px; padding: 10px 14px; border-radius: 8px;
  background: #f4f1fb; border: 1px solid #e2d8f6;
  font-size: .8rem; color: #5b5170;
}

/* Glossar im Sheet + auf der Seite: filigraner Akzent (dünn, halbtransparent) */
.glossary-detail { border-top: 2px solid color-mix(in srgb, var(--gc, #2c6e49) 38%, transparent); padding-top: 2px; }
.glossary-detail-head { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.glossary-detail-head h1 { margin: 6px 0 10px; }
.glossary-body-page { background: #f7f7f4; margin: 0; }
.glossary-page { max-width: 760px; margin: 0 auto; padding: 22px 18px 64px; }
.glossary-page .back, .blog-crumb .gloss-back {
  display: inline-block; margin-bottom: 8px; color: #2c6e49;
  background: none; border: none; padding: 0; font: inherit; cursor: pointer;
}
.glossary-page h1 { font-size: 1.7rem; margin: 6px 0 14px; }

.glossary-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.glossary-item {
  background: #fff; border: 1px solid #e6e3da;
  border-left: 2px solid color-mix(in srgb, var(--gc, #2c6e49) 50%, transparent);
  border-radius: 10px; padding: 12px 14px;
}
.glossary-item-link { display: flex; align-items: center; gap: 10px; text-decoration: none; color: #1f2937; font-weight: 600; }
.glossary-item-teaser { margin: 6px 0 0; font-size: .88rem; color: #5b6470; }

.glossary-backlinks { margin-top: 26px; }
.glossary-backlinks h2 { font-size: 1.05rem; margin: 0 0 10px; }
.glossary-backlinks ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.glossary-backlinks a {
  display: block; text-decoration: none; color: inherit;
  background: #fff; border: 1px solid #e6e3da; border-radius: 10px; padding: 10px 13px;
}
.glossary-backlinks a:hover { border-color: color-mix(in srgb, var(--gc, #2c6e49) 55%, transparent); }
.bl-title { font-weight: 600; }
.bl-date { color: #8a929c; font-size: .8rem; margin-left: 8px; }
.bl-snippet { display: block; margin-top: 4px; color: #5b6470; font-size: .86rem; }
.glossary-page .muted, .glossary-body .muted { color: #8a929c; }

/* Glossar-Sheet farblich abgesetzt (hellgrau) + „‹ Zurück"-Kopfzeile */
.sheet.glossary-sheet { background: #eef0f1; }
.sheet.glossary-sheet .sheet-header { background: #e7eaec; }
.sheet-header h2.sheet-back-title { cursor: pointer; color: #2c6e49; }
.sheet-header h2.sheet-back-title:active { opacity: .6; }