.prose ol{margin:10px 0 16px;padding-left:20px}
.prose ol li{margin-bottom:7px}

.prose code{font-family:var(--code);font-size:12.5px;line-height:1.5;
  background:var(--surface2);border:1px solid var(--line);border-radius:var(--r-4);
  padding:1px 5px;color:var(--text);word-break:break-word}

.prose pre{margin:12px 0 18px;padding:11px 13px;background:var(--surface2);
  border:1px solid var(--line);border-radius:var(--r-8);overflow-x:auto}
.prose pre code{background:none;border:0;padding:0;font-size:12px;white-space:pre;word-break:normal}

.prose th code,.prose td code{background:none;border:0;padding:0;font-size:12px}

.xl-wide{overflow-x:auto;margin:14px 0 20px}
.xl-wide table{margin:0;min-width:520px}

.xl-page{display:grid;grid-template-columns:minmax(0,1fr) 210px;column-gap:56px}
.xl-page > *{grid-column:1 / -1}
.xl-page > .prose{grid-column:1;grid-row:3}
.xl-toc{grid-column:2;grid-row:3;position:sticky;top:84px;align-self:start;padding-top:10px}
.xl-toc ol{list-style:none;margin:8px 0 0;padding:0;border-left:1px solid var(--line2)}
.xl-toc a{display:block;padding:5px 0 5px 12px;font-size:13px;color:var(--muted)}
.xl-toc a:hover{color:var(--text)}
@media(max-width:1000px){
.xl-page{display:block}
.xl-toc{position:static;margin:14px 0 6px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-8);background:var(--surface)}
.xl-toc ol{border-left:0;columns:2;column-gap:16px}
.xl-toc a{padding:4px 0}
}