.markdown * {
  all: revert-layer;
  color: rgb(var(--ctp-text));
}

.markdown a {
  color: rgb(var(--ctp-blue));
  text-decoration-line: underline;
  text-decoration-style: dashed;
}

.markdown a:hover {
  text-decoration-style: solid;
}

.markdown .chroma {
  @apply p-3 rounded;
}

.chroma * {
  background-color: rgb(var(--ctp-base)) !important;
}

.chroma table {
  border-spacing: 5px 0 !important;
}

.chroma .lnt {
  color: rgb(var(--ctp-subtext1)) !important;
}

.chroma .lnt:target,
.chroma .lnt:focus {
  color: rgb(var(--ctp-subtext0)) !important;
}

.chroma .line.active,
.chroma .line.active * {
  background: rgb(var(--ctp-surface0)) !important;
}

.code>.chroma {
  @apply text-sm p-3 rounded overflow-scroll;
}