.down-mode-output {
  max-width: 950px;
  padding: 0 min(60px, calc(var(--chrome-inset)));
  overflow-x: auto;
  overscroll-behavior-x: none;
}


.down-lines {
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.875em;
  line-height: 1.6;
}

.dl {
  display: flex;
}

.down-lines > .dl:last-child > *,
.down-lines > .dc-scroll:last-child > .dl:last-child > * {
  padding-bottom: 2rem;
}


.ln {
  position: sticky;
  left: 0;
  z-index: 2;
  flex: 0 0 4em;
  padding-right: 1em;
  text-align: right;
  font-size: 0.85em;
  font-weight: 300;
  user-select: none;
  -webkit-user-select: none;
  white-space: nowrap;
  background: color-mix(in srgb, var(--code-bg), var(--bg-color));
  color: color-mix(in srgb, var(--blockquote-color), var(--bg-color));
  line-height: 1.7;
}


.lc {
  flex: 1 1 auto;
  white-space: pre;
  padding: 0 1em;
  min-width: 0;
}

.dl:not(.dc-code) .lc {
  white-space: pre-wrap;
  overflow-wrap: break-word;
}


.dc-fence .lc,
.dc-code .lc {
  background: var(--code-bg);
}

.dc-fence .lc {
  opacity: 0.5;
}

.dc-scroll {
  display: grid;
  overflow-x: auto;
  overscroll-behavior-x: none;
}

.dc-code {
  min-width: max-content;
}


.md-heading   { color: var(--heading-color); }
.md-code-block  { color: var(--code-fg); }
.md-code-fence  { color: var(--syntax-comment); }
.md-code-info   { color: var(--syntax-constant); }
.md-code    { color: var(--code-fg); }
.md-emphasis  { font-style: italic; }
.md-strong    { font-weight: bold; }
.md-link    { color: var(--link-color); }
.md-footnote-ref,
.md-footnote-def  { color: var(--link-color); }
.md-image     { color: var(--syntax-constant); }
.md-blockquote  { color: var(--syntax-comment); font-style: italic; }
.md-strikethrough {
  text-decoration: line-through;
  text-decoration-color: color-mix(in srgb, currentColor 30%, transparent);
}

.md-alert-note .md-alert-tag    { color: var(--alert-note-border);    font-style: normal; font-weight: bold; }
.md-alert-tip .md-alert-tag     { color: var(--alert-tip-border);     font-style: normal; font-weight: bold; }
.md-alert-important .md-alert-tag { color: var(--alert-important-border); font-style: normal; font-weight: bold; }
.md-alert-status .md-alert-tag  { color: var(--alert-status-border);  font-style: normal; font-weight: bold; }
.md-alert-warning .md-alert-tag   { color: var(--alert-warning-border);   font-style: normal; font-weight: bold; }
.md-alert-caution .md-alert-tag   { color: var(--alert-caution-border);   font-style: normal; font-weight: bold; }

.md-hr      { color: var(--syntax-comment); }
.md-html    { color: var(--syntax-keyword); }