/* Dedicated notation renderers. Layout lives here; content still comes from profile.json/projects.json. */
.notation-root {
  margin: .5rem 0 1rem;
}

.xml-renderer,
.json-renderer,
.markdown-renderer {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.xml-renderer,
.json-renderer {
  font-size: .92rem;
  line-height: 1.65;
  overflow-wrap: anywhere;
}

.xml-line,
.json-line {
  padding-left: calc(var(--indent, 0) * 1.25rem);
  white-space: pre-wrap;
}

.xml-tag {
  color: var(--syntax-xml);
}

.xml-renderer a,
.json-renderer a {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.json-line {
  color: var(--syntax-json-punctuation);
}

.json-key {
  color: var(--syntax-json-key);
  font-weight: 600;
}

.json-string {
  color: var(--syntax-json-string);
}

.json-number {
  color: var(--syntax-json-number);
}

.json-punctuation {
  color: var(--syntax-json-punctuation);
}

.json-renderer a {
  color: var(--syntax-json-string);
}

.markdown-renderer .md-heading {
  margin: 1rem 0 .4rem;
  color: var(--syntax-markdown-marker);
}

.markdown-renderer .md-heading:first-child {
  margin-top: 0;
}

.markdown-renderer .md-list {
  margin-top: .35rem;
  list-style-type: "-  ";
}

.markdown-renderer .md-list ::marker {
  color: var(--syntax-markdown-marker);
}

.markdown-renderer .md-list li,
.markdown-renderer p {
  color: var(--fg);
}

.markdown-renderer a {
  color: var(--syntax-markdown-link);
  text-decoration: underline;
  text-underline-offset: 2px;
}

@media (max-width: 520px) {
  .xml-line,
  .json-line {
    padding-left: calc(var(--indent, 0) * .75rem);
  }
}