/* apiara — site / Seiten-CSS: glossary/show.html.twig
   Nur was diese Seite allein braucht. Alles Gemeinsame liegt in
   assets/styles/site/{core,content,listing,auth}.css. */

/* Nur was dem Glossar eigen ist — Layout/Typo kommen aus den zwei Partials. */

/* Term-Pille über der Überschrift + Kurzdefinition darunter. */
.site .art-label{display:inline-block;background:var(--chip-bg);color:var(--accent);
  padding:.375rem 1rem;border-radius:var(--r-full);font-size:.75rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}
.site .art-definition{margin-top:1rem;font-size:1.25rem;line-height:1.6;color:var(--text-dim)}

/* Zurück-Link braucht Luft nach dem Panel. */
.site article > .btn{margin-top:1.5rem}

/* Fallback-Kasten für Terme ohne Detailseite. */
.site .art-no-detail{background:var(--note-bg);border:1px solid var(--border);border-radius:var(--r-xl);
  padding:1.5rem;color:var(--text-dim);font-size:.9375rem;line-height:1.6;margin-top:2rem}
.site .art-no-detail a{color:var(--accent);font-weight:600;text-decoration:underline}

/* "In Apiara"-Karte in der Seitenspalte — Akzent-Verlauf statt Flächenkarte. */
/* Verlauf aus eigenen Tokens, nicht aus `--accent`: das kehrt seine Helligkeit
   zwischen den Modi um und machte die Karte im Dunkeln zu einer Goldflaeche. */
.site .art-feature-card{background:var(--cta-bg);border:1px solid var(--cta-border);
  position:relative;overflow:hidden}
.site .art-feature-card::before{content:'';position:absolute;top:0;right:0;width:10rem;height:10rem;
  border-radius:var(--r-full);background:var(--accent-bright);opacity:.15;filter:blur(40px);pointer-events:none}
.site .art-feature-card > *{position:relative}
.site .art-feature-card h2{color:var(--cta-fg);opacity:.82}
.site .art-feature-title{display:block;font-size:1.125rem;font-weight:800;color:var(--cta-fg);
  text-decoration:none;margin-bottom:.25rem;line-height:1.3;transition:color .2s}
.site .art-feature-title:hover{color:var(--accent-bright)}
.site .art-feature-suffix{font-size:.75rem;color:var(--cta-fg);opacity:.86}

/* Vollständige Termliste in der Seitenspalte. */
/* Sichtbarer duenner Scrollbalken, damit die gekappte Liste als scrollbar erkennbar ist
   (macOS-Overlay-Scrollbars blenden sich sonst aus -> letzter Eintrag wirkt abgeschnitten). */
.site .art-terms-list{display:flex;flex-direction:column;gap:.125rem;max-height:32rem;overflow-y:auto;
  padding-right:.35rem;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
.site .art-terms-list::-webkit-scrollbar{width:6px}
.site .art-terms-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--r-xs)}
.site .art-terms-list a{display:block;padding:.5rem .75rem;border-radius:var(--r-sm);font-size:.875rem;
  color:var(--text-dim);text-decoration:none;transition:background .2s,color .2s;line-height:1.4}
.site .art-terms-list a:hover{background:var(--chip-bg);color:var(--accent)}
.site .art-terms-list a.active{background:var(--chip-bg);color:var(--accent-bright);font-weight:600}