.cheatsheet nav h2 {
  font-size: large;
  font-weight: 600;
}
.cheatsheet nav ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  gap: 0.5rem;
  padding-left: 0;
}
.cheatsheet nav li a {
  display: flex;
  padding: 0.1rem 0.5rem;
  border-radius: 0.5rem;
  font-size: small;
  border: 1px solid var(--tag-accent-color-alpha);
  color: var(--text-color-lighter);
  box-shadow: 0 0 2px 0px var(--accent-color);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.cheatsheet nav li a:hover {
  border-color: var(--accent-color-50);
  box-shadow: 0 5px 5px var(--accent-color);
  transform: translateY(-3px);
}
.cheatsheet section {
  margin-top: 1rem;
}
.cheatsheet section h3 {
  font-weight: 400;
  font-size: medium;
}
.cheatsheet section h3:before {
  content: '➜ '
}
.cheatsheet section h2 {
  font-size: x-large;
  margin-bottom: 0;
}
.cheatsheet section h2 {
  font-size: large;
  font-weight: 600;
  margin-bottom: 0;
}
.cheatsheet section article {
  width: auto;
  margin-top: 0.5rem;
}
.cheatsheet pre[class*=language-] {
  max-width: 100%;
  width: fit-content;
}
.cheatsheet code[class*=language-], .cheatsheet pre[class*=language-] {
  font-size: 0.85rem;
  line-height: 1.2;
  margin-top: 0.25rem;
}
.cheatsheet.line-numbers .line-numbers-rows {
  display:none;
}
.cheatsheet pre[class*=language-].line-numbers>code {
  padding-left: 1rem!important;
}
.cheatsheet article p {
  margin: 0.5rem 0;
}