/* ===== Glossar – Legacy + Widget ===== */
.glossar-wrapper{
  --accent: #C8B28C;
  --page-bg: #F4EFE6;
  --card-bg: #FFFFFF;
  --title:   #111111;
  --text:    #6B604E;
  --sticky-h: 64px;
  --letters-offset: 96px;
}

/* Buchstabenleiste */
.glossar-wrapper .letters-bg{
  position: sticky;
  top: var(--letters-offset);
  z-index: 1000;
  background: var(--page-bg);
  padding: .8rem 1.25rem;
  margin-bottom: .5rem;
  display: flex; flex-wrap: wrap; gap: .75rem;
  border-bottom: 1px solid rgba(0,0,0,.04);
}
.admin-bar .glossar-wrapper .letters-bg{ top: calc(var(--letters-offset) + 32px); }

.glossar-wrapper .letters-bg a{
  color:#000; text-decoration:none; font-weight:800; letter-spacing:.03em;
  transition: color .15s ease;
}
.glossar-wrapper .letters-bg a:hover{ color: var(--accent); }
.glossar-wrapper .letters-bg a.is-empty{ opacity:.35; }

/* Sektionen */
.glossar-wrapper .letter-section{
  display:grid; grid-template-columns: 120px 1fr; gap:1rem; align-items:start;
  padding: 1.25rem 0;
  scroll-margin-top: var(--sticky-h);
}

/* Big Letters */
.glossar-wrapper .big-letter{
  display:flex; align-items:center; justify-content:center;
  width:110px; height:110px; border-radius:18px;
  background: var(--accent); color:#fff;
  font-weight:800; font-size:2.2rem; line-height:1; user-select:none;
  box-shadow: 0 1px 0 rgba(0,0,0,.06);
}

/* Karten */
.glossar-wrapper .letter-entries{ display:grid; gap:1rem; }
.glossar-wrapper .gloss-entry{
  background: var(--card-bg);
  border-radius: 14px;
  padding: 1rem 1.25rem;
  box-shadow: 0 1px 0 rgba(0,0,0,.05);
}

/* Texte */
.glossar-wrapper .entry-title{
  margin:0 0 .35rem 0; color: var(--title); font-weight:700; font-size:1.15rem;
}
.glossar-wrapper .entry-desc{
  margin:0; color: var(--text); transition: color .18s ease-in-out;
}
.glossar-wrapper .gloss-entry:hover .entry-desc{ color: #3a352b; }

/* Weiterlesen Button */
.glossar-wrapper .entry-more { margin: .5rem 0 0; }
.glossar-wrapper .gloss-readmore{
  display:inline-block; padding:.45rem .75rem; border-radius:8px;
  background: var(--accent); color:#fff; text-decoration:none; font-weight:600;
  box-shadow: 0 1px 0 rgba(0,0,0,.06);
}
.glossar-wrapper .gloss-readmore:hover{ opacity:.9; }

/* Single */
.glossar-single-title{ color:#111; font-weight:800; font-size:2rem; margin:.5rem 0 1rem; }

/* Global */
html{ scroll-padding-top: var(--sticky-h); overscroll-behavior-y: none; }

/* Responsive */
@media (max-width:640px){
  .glossar-wrapper .letter-section{ grid-template-columns:1fr; }
  .glossar-wrapper .big-letter{ width:84px; height:84px; font-size:1.9rem; border-radius:14px; }
  .glossar-wrapper .letters-bg{ gap:.5rem; padding:.6rem 1rem; }
}