:root{--pad:16px;--drawer:280px}@media(min-width:1160px){:root{--pad:32px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;height:100%;font-family:sofia-pro,roboto,-apple-system,helvetica neue,sans-serif;display:flex;flex-direction:column;min-height:100vh;position:relative}a{text-decoration:none;color:#7f00ff;font-weight:600}a.cta{background:#7f00ff;color:#fff;display:inline-flex;padding:4px 12px 6px;border-radius:8px}a.cta:hover{box-shadow:inset 0 -3px rgba(217,203,255,0)}h1,h2,h3,h4,p{margin:0}h2{padding-top:calc(var(--pad)*1.4);font-size:34px;margin-bottom:calc(var(--pad)/1.6)}h3{font-size:23px;margin-bottom:calc(var(--pad)/4)}h3,h4{padding-top:calc(var(--pad)/2)}ol,p,ul{font-size:20px;margin-bottom:calc(var(--pad)/1.1)}main{display:flex}article{padding:calc(var(--pad) * 2);width:calc(100vw - var(--pad)*2);margin-left:0}@media(min-width:1160px){article{width:calc(100vw - var(--pad)*6 - var(--drawer));margin-left:calc(var(--pad)*2 + var(--drawer))}}article>*{max-width:720px}article h2:first-child{padding-top:0}article a{transition:.3s ease;box-shadow:inset 0 -3px rgba(217,203,255,0)}article a:hover{box-shadow:inset 0 -3px #d9cbff}article .top{display:flex;max-width:none;margin:var(--pad)0;flex-direction:column}article .top img{width:70px;height:70px;margin-bottom:var(--pad);flex-shrink:0}article .top h1{font-size:54px;line-height:1.1em;margin-bottom:var(--pad)}article .top p{margin:0;font-size:24px}@media(min-width:1160px){article .top{flex-direction:row;align-items:center}article .top h1{margin-bottom:calc(var(--pad)/8)}article .top img{margin-bottom:0;margin-right:var(--pad)}}code{font-size:14px;padding:calc(var(--pad)/2);display:inline-flex;background-color:#eff1fa;border-radius:8px;font-family:monaco,courier,monospace}p code{padding:calc(var(--pad)/4)}pre{margin:-6px 0 calc(var(--pad) * 1.4)}#TableOfContents{padding:var(--pad);background:#eff1fa;flex-shrink:0;width:var(--drawer);height:calc(100vh - var(--pad)*2);position:fixed;overflow-y:scroll;display:none}#TableOfContents li,#TableOfContents ul{list-style:none;padding-inline-start:0}#TableOfContents a{color:#000}#TableOfContents>ul{margin:0}#TableOfContents ul li ul li{font-size:19px;font-weight:700;padding-bottom:10px;padding-top:6px}#TableOfContents ul li ul li li{font-size:16px;padding-bottom:0}#TableOfContents ul li ul li li a{font-weight:400}#TableOfContents ul li ul li li ul li{font-weight:400;padding-bottom:0;padding-top:0}@media(min-width:1160px){#TableOfContents{display:block}}