/* KI-Lexikon (lexikon_pages.py). Builds on prompts.css (.pr-*) and the shared
   FAQ accordion in styles.css; only the few lexikon-specific pieces live here. */
.lx-hero h1 { margin-bottom: 0.4rem; }
.lx-count { color: var(--muted); font-size: 0.9rem; margin: 0.3rem 0 0.9rem; }
/* Shared components (.search-box, .region-filter, .az-*) come from styles.css; only [hidden] needs help
   because those components set their own display. */
.lx-page .search-box[hidden], .lx-views[hidden], .lx-view[hidden], .lx-chips[hidden], .lx-group[hidden],
.lx-az .az-jump[hidden], .lx-az-table tr[hidden] { display: none; }
.lx-views { margin: 0.4rem 0 0.6rem; }
.lx-chips { position: sticky; top: 0; z-index: 2; background: var(--paper, #fff); padding: 0.5rem 0;
  flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
.lx-chips::-webkit-scrollbar { display: none; }
.lx-chip { text-decoration: none; white-space: nowrap; display: inline-flex; align-items: center;
  padding: 0 0.9rem; border-radius: 999px; background: var(--sheet); color: var(--ink); }
.lx-group { scroll-margin-top: 4rem; }
.lx-group h2 { font-size: 1.15rem; margin: 1.4rem 0 0.4rem; letter-spacing: -0.01em; }
.lx-card h3 a { color: var(--ink); text-decoration: none; }
.lx-card h3 a:hover, .lx-card h3 a:focus-visible { color: var(--blue); text-decoration: underline; }
.lx-card p { color: var(--muted); }
.lx-faq { margin: 2rem 0 1rem; }
.lx-faq h2 { font-size: 1.15rem; margin: 0; }
.lx-method { color: var(--muted); }
.lx-term { max-width: 46rem; }
.lx-aka { color: var(--muted); font-size: 0.92rem; margin: 0 0 0.5rem; }
.lx-short { font-size: 1.12rem; }
.lx-example h2, .lx-pro h2, .lx-related h2, .lx-onsite h2 { font-size: 1rem; margin: 0 0 0.35rem; }
.lx-pro { margin: 1.3rem 0; }
.lx-pro p { line-height: 1.6; }
.lx-legal { margin: 1rem 0; }
.lx-rel { list-style: none; padding: 0; }
.lx-rel .pr-chip { text-decoration: none; display: inline-flex; align-items: center; padding: 0 0.9rem;
  border-radius: 999px; background: var(--sheet); color: var(--ink); }
.lx-cta { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; }
.lx-pager { display: grid; grid-template-columns: 1fr auto 1fr; gap: 0.6rem; align-items: stretch;
  max-width: 46rem; margin: 2rem 0 1rem; }
.lx-pager a { border: 1px solid var(--line); border-radius: 16px; padding: 0.7rem 0.9rem; text-decoration: none;
  color: var(--ink); background: var(--sheet); display: grid; gap: 0.15rem; }
.lx-pager a[rel="next"] { text-align: end; }
.lx-pager small { color: var(--muted); font-size: 0.78rem; }
.lx-pager .lx-all { align-content: center; text-align: center; font-weight: 600; }
@media (max-width: 640px) {
  .lx-pager { grid-template-columns: 1fr 1fr; }
  .lx-pager .lx-all { grid-column: 1 / -1; order: 3; }
}
/* A–Z view: shared .az-table/.az-table-3 from styles.css (header row, widths, mobile, RTL). */
.lx-figure { margin: 0.6rem 0 1.2rem; }
.lx-figure img { display: block; max-width: 100%; height: auto; border-radius: 18px; }
.lx-see h2 { font-size: 1rem; margin: 0 0 0.35rem; }
.lx-figure figcaption.lx-credit { margin-top: 0.35rem; font-size: 0.78rem; color: var(--muted, #5f6470); }
.lx-figure figcaption.lx-credit a { color: inherit; text-decoration: underline; }