/* v304 · Editorial Grey for Technologielexikon */
.lexicon-editorial-surface,
.lexicon-content {
  --lex-panel: #e8e7e3;
  --lex-panel-soft: #cfcec9;
  --lex-text: #1b1d1f;
  --lex-soft: #43464a;
  --lex-muted: #62656a;
  --lex-gold: #765d27;
  --lex-line: rgba(27, 29, 31, .17);
  color: var(--lex-text);
  background:
    radial-gradient(70% 32% at 80% 0%, rgba(255,255,255,.42), transparent 72%),
    linear-gradient(180deg, #deddda 0%, #d6d5d1 100%);
}

.lexicon-editorial-surface {
  border-top: 1px solid rgba(255,255,255,.14);
}

.lexicon-editorial-surface .lexicon-hub-intro h2,
.lexicon-editorial-surface .lexicon-feature-head h2,
.lexicon-editorial-surface .lexicon-cluster h2 {
  color: var(--lex-text);
}

.lexicon-editorial-surface .lexicon-hub-intro p,
.lexicon-editorial-surface .lexicon-feature-head p,
.lexicon-editorial-surface .lexicon-cluster p,
.lexicon-editorial-surface .lexicon-article-card p {
  color: var(--lex-soft);
}

.lexicon-editorial-surface .lexicon-cluster {
  background: rgba(239,238,234,.72);
  border-color: rgba(27,29,31,.14);
  box-shadow: 0 14px 34px rgba(24,25,27,.055);
}

.lexicon-editorial-surface .lexicon-article-card {
  background: linear-gradient(145deg, #ebeae6, #d1d0cb);
  border-color: rgba(118,93,39,.35);
  box-shadow: 0 18px 46px rgba(24,25,27,.08);
}

.lexicon-editorial-surface .lexicon-article-card h3 {
  color: var(--lex-text);
}

.lexicon-editorial-surface .lexicon-kicker,
.lexicon-editorial-surface .lexicon-cluster-index,
.lexicon-editorial-surface .lexicon-article-card-index,
.lexicon-editorial-surface .lexicon-article-card-link {
  color: var(--lex-gold);
}

.lexicon-editorial-surface .lexicon-kicker::before {
  background: var(--lex-gold);
}

.lexicon-content {
  border-top: 1px solid rgba(27,29,31,.1);
}

.lexicon-content .lexicon-toc {
  border-left-color: var(--lex-line);
}

.lexicon-content .lexicon-toc strong,
.lexicon-content .lexicon-article h3,
.lexicon-content .lexicon-table th,
.lexicon-content .lexicon-model-card span,
.lexicon-content .lexicon-process li::before {
  color: var(--lex-gold);
}

.lexicon-content .lexicon-toc a,
.lexicon-content .lexicon-article p,
.lexicon-content .lexicon-article ul,
.lexicon-content .lexicon-article ol,
.lexicon-content .lexicon-table td,
.lexicon-content .lexicon-sources cite {
  color: var(--lex-soft);
}

.lexicon-content .lexicon-toc a:hover,
.lexicon-content .lexicon-toc a:focus-visible,
.lexicon-content .lexicon-article h2,
.lexicon-content .lexicon-article p strong,
.lexicon-content .lexicon-table td:first-child,
.lexicon-content .lexicon-model-card strong {
  color: var(--lex-text);
}

.lexicon-content .lexicon-article a {
  color: #6b531f;
  text-decoration-color: rgba(107,83,31,.42);
}

.lexicon-content .lexicon-article a:hover,
.lexicon-content .lexicon-article a:focus-visible {
  color: #3f3011;
}

.lexicon-content .lexicon-article code {
  color: #352b18;
  background: rgba(118,93,39,.1);
  border-color: rgba(118,93,39,.22);
}

.lexicon-content .lexicon-callout {
  background: linear-gradient(145deg, rgba(118,93,39,.11), rgba(255,255,255,.24));
  border-color: rgba(118,93,39,.24);
  border-left-color: var(--lex-gold);
}

.lexicon-content .lexicon-callout p {
  color: #343638;
}

.lexicon-content .lexicon-model-card,
.lexicon-content .lexicon-related {
  background: rgba(235,234,230,.72);
  border-color: rgba(27,29,31,.15);
}

.lexicon-content .lexicon-table-wrap {
  border-color: rgba(27,29,31,.17);
}

.lexicon-content .lexicon-table {
  background: rgba(232,231,227,.72);
}

.lexicon-content .lexicon-table th,
.lexicon-content .lexicon-table td,
.lexicon-content .lexicon-process li {
  border-color: rgba(27,29,31,.12);
}

.lexicon-content .lexicon-product {
  background: linear-gradient(145deg, #c9c7c1, #e4e2dd);
  border-color: rgba(118,93,39,.34);
  box-shadow: 0 18px 44px rgba(24,25,27,.075);
}

.lexicon-content .lexicon-product h2 {
  color: #5e481b;
}

.lexicon-content .lexicon-sources li {
  color: var(--lex-muted);
}

.lexicon-content .lexicon-related-links span {
  color: var(--lex-muted);
  border-color: rgba(27,29,31,.16);
}

@media (max-width: 900px) {
  .lexicon-content .lexicon-toc {
    background: rgba(235,234,230,.62);
    border-color: rgba(27,29,31,.15);
  }
}