.lexicon-hero {
  background:var(--c-cobalt);
  color:var(--c-on-dark);
}
.lexicon-hero__intro {
  max-width:580px;
  color:var(--c-on-dark-muted);
  font-size:var(--text-lead);
  line-height:1.8;
}
.lexicon-hero a:focus-visible {
  outline-color:var(--c-on-dark);
}
.lexicon-map {
  min-width:0;
  padding:24px;
  border:var(--line) solid var(--c-border);
  border-bottom:8px solid var(--c-edge);
  border-radius:var(--r-card);
  background:var(--c-panel);
  color:var(--c-cobalt);
}
.lexicon-map__label {
  display:inline-block;
  max-width:100%;
  padding:6px 14px;
  border-radius:var(--r-pill);
  background:var(--c-note);
  color:var(--c-text);
  font-size:var(--text-sm);
  font-weight:var(--weight-bold);
  overflow-wrap:anywhere;
}
.lexicon-map svg {
  display:block;
  width:100%;
  height:auto;
  margin-top:20px;
}
.lexicon-map figcaption {
  margin-top:12px;
  color:var(--c-muted);
  font-size:var(--text-sm);
  text-align:center;
}
.lexicon-category {
  padding-top:48px;
  padding-bottom:40px;
  scroll-margin-top:100px;
}
.lexicon-category + .lexicon-category {
  border-top:var(--line) solid var(--c-border);
}
.lexicon-category .stack {
  max-width:800px;
}
.lexicon-category .term-card {
  scroll-margin-top:100px;
}
.lexicon-category .term-card:target {
  border-color:var(--c-cobalt);
  background:var(--c-panel);
  color:var(--c-text);
}
.lexicon-category .term-card code {
  color:var(--c-cobalt);
  font-size:var(--text-sm);
}
@media (max-width:768px) {
  .lexicon-hero__intro {
    font-size:var(--text-base);
  }
  .lexicon-category {
    scroll-margin-top:110px;
  }
  .lexicon-category .term-card {
    scroll-margin-top:110px;
  }
}
@media (max-width:640px) {
  .lexicon-map {
    padding:16px;
  }
  .lexicon-category {
    padding-top:36px;
    padding-bottom:32px;
  }
}