:root,.pagesjs{--side-width:12.5rem;--side-gap:2em;--article-bg:#fff}@media (width>=93.75em){:root{--side-width:18.75rem}}body{--side-margin:calc(0px - var(--side-width) - var(--side-gap))}body,blockquote,.side{background:#fafafa}article:not(.pagesjs *),.frontmatter,.fullwidth,.embed-left,.embed-right{background:var(--article-bg);margin-top:2em;padding:1em;box-shadow:0 0 4px #ccc}.side{font-size:.85em}#TOC{top:0}.bg-number{color:#fff;background:#789;border-radius:5px;padding:1px 5px}div:has(>table){overflow-x:auto}.side{width:var(--side-width);max-height:100vh;margin-top:-1em;padding-top:1em;overflow:auto}.side-left{float:left;clear:left;margin-left:var(--side-margin);position:sticky;&:not(article>*){margin-left:calc(var(--side-margin) + 1em)}}.side-right{float:right;clear:right;margin-right:var(--side-margin)}.quote-left,.quote-right{width:45%}.embed-left,.embed-right{margin-top:auto;padding:0}.quote-left,.embed-left{float:left;margin-right:1em}.quote-right,.embed-right{float:right;margin-left:1em}.embed-left{margin-left:var(--side-margin)}.embed-right{margin-right:var(--side-margin)}:is(.side,.embed-left,.embed-right)>:first-child{margin-top:0}:is(.embed-left,.embed-right)>:last-child{margin-bottom:0}:is(.quote-left,.quote-right){&>:first-child{padding-top:.1px}&>:last-child{padding-bottom:.1px}}.fullwidth{float:left;background:var(--article-bg);min-width:100%;max-width:calc(100vw - 2em);margin:1em 0 1em 50%;transform:translate(-50%);& *{max-width:calc(100vw - 4em);margin:auto 0}& :is(figcaption,.caption){width:50rem;margin-left:calc(50% - 25rem);padding:1em 1em 0}}.fullscroll{& *{max-width:initial}&,& figure,& .figure{overflow-x:auto}}.sidenotes{height:0;position:relative}.note-pop{display:none}.side-note{right:var(--side-margin);position:absolute}@media (width>=79.002em){.note-ref:hover+.note-pop{z-index:1;box-sizing:content-box;background:#f8f8f8;margin-left:1em;padding:.5em;display:inline-block;position:absolute}#TOC.side{& .active{color:#32cd32}&>ul>li:has(.active){background:var(--article-bg);padding:4px 2px 4px 0}& li li .active{border-left:3px solid;margin-left:calc(-1em - 3px);padding-left:1em}&:has(.active) li:not(:has(.active)) ul{display:none}}}@media (width<=79em){body:not(.pagesjs){& #TOC{position:initial;float:none;border:1px solid #eee;border-radius:5px;padding:1em}& .side{width:100%;max-height:none}& main .side{color:#2f4f4f;padding:0 2em}& .side-left,& .side-right{clear:both;background:0 0;margin:1em auto}& .side{float:none}& .sidenotes{height:auto}& .side-note{margin:1em auto;position:static}& .side>:last-child{margin-bottom:0}& .embed-left,& .embed-right{float:inherit;margin:auto;padding:1em}}}@media (width<=50em){body:not(.pagesjs){padding:initial;& article{padding:0 .5em}& :not(pre)>code{word-break:break-word}& .quote-left,& .quote-right{width:inherit;float:inherit;margin:auto}& .fullwidth{margin:initial;transform:initial;float:none;min-width:initial;background:0 0;border:none;& :is(figcaption,.caption){margin:initial;padding:initial}&:not(.fullscroll) *{max-width:100%}}}}@media print{body{background:0 0}}
/*# sourceMappingURL=article.min.css.map */