@charset "utf-8";@import "https://fonts.googleapis.com/css?family=Roboto+Mono:300,400,500";@import "https://fonts.googleapis.com/css?family=Inter:400,500";:root{color-scheme:light dark;--primary-blue:light-dark(#1a3a96, #77A5FE);--primary-blue-hover:light-dark(#0d1f52, #7092ff);--code-blue:light-dark(#0000a8, #77A5FE);--secondary-text:light-dark(#707070, #a0a0a0);--tertiary-text:light-dark(#4a4a4a, #e0e0e0);--bg-color:light-dark(#ffffff, #1c1b21);--light-gray:light-dark(#f5f5f5, #1e1e1e);--lighter-gray:light-dark(#fafafa, #1a1a1a);--border-gray:light-dark(#888888, #555555);--note-dark:light-dark(#1a1a1a, #f0f0f0);--note-medium:light-dark(#404040, #c0c0c0);--shadow-color:light-dark(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4))}body{font-family:roboto mono,monospace;font-size:16px;font-weight:300;color:var(--tertiary-text);background-color:var(--bg-color);line-height:1.4em;counter-reset:section toc-section;counter-increment:toc-section}a,a:visited{text-decoration:none;color:var(--primary-blue)}a:hover{color:var(--primary-blue-hover);border-bottom:2px solid var(--accent-color)}i,i a{color:var(--border-gray);font-style:normal}div.side-note::before{content:"Note";color:var(--note-dark);font-weight:400}div.side-note{color:var(--note-medium);float:left;font-size:.85em;line-height:1.25em;margin-left:-24em;width:20em}#TableOfContents{padding-top:0;margin-top:0;text-transform:uppercase;& ul { padding: 0; font-weight: 400; list-style: none; counter-reset: list 0; & ul { padding-left: 0em; font-weight: 300; font-size: 90%; line-height: 1.5em; margin-top: 0em; margin-bottom: 1em; padding-left: 2em; } & li:before { display: inline-block; counter-increment: list; content: counters(list, ".") "."; width: 2em; text-align: right; text-transform: uppercase; color: var(--primary-blue); } & li { vertical-align: top; display: inline-block; width: 32%; & ul li:before { content: ""; } & ul li { display: static; width: 100%; padding-left: 0; line-height: 1.35em; } & a:hover { color: var(--primary-blue-hover); border-bottom: 2px solid var(--accent-color); } } } & h2:before { content: "⌘"; counter-reset: section; } & h2 { font-size: 1em; font-weight: 400; padding-top: 2em; }}blockquote{color:var(--border-gray);padding-top:0;margin-left:1em;padding-left:1em;border-left:3px solid var(--border-gray)}ul{padding-left:0}ul li{list-style-type:none;margin-bottom:.5em}ul li ul{padding-left:2em}ul li p{display:inline-block;margin-top:0;margin-bottom:0}ul li::before{display:inline-block;content:"— ";color:var(--border-gray);width:1em}ol{padding-left:0;margin-left:2em;list-style:none;counter-reset:li}ol li{counter-increment:li;margin-bottom:.25em}ol li::before{content:counter(li)". ";color:var(--border-gray);display:inline-block;width:2em;margin-left:-2em}.content{margin:0 auto;max-width:720px;margin-top:2.5%;margin-bottom:2.5%}div.article-meta{margin-top:4em;margin-bottom:0;display:flex;align-items:center;padding-bottom:1em;& h1.title { font-size: 1.5em; font-weight: 400; text-align: left; } & img { width: 20%; margin-right: 1.5em; } & img.round { border-radius: 50%; width: 15%; }}div.badges img{height:25px;padding-bottom:2em}div.buttons{display:flex;gap:1em;flex-wrap:wrap;align-items:center;& a { font-family: "Inter", sans-serif; font-weight: 600; } & a.button { display: inline-block; padding: 0.65em 1em; background-color: var(--accent-color); color: #000000; border: none; text-decoration: none; border-radius: 15px; transition: all 0.15s ease; box-shadow: 0 2px 6px var(--shadow-color); } span { display: flex; gap: 7px; justify-content: center; & img { height: 20px; } }}a.button:hover{background-color:var(--accent-hover);box-shadow:0 4px 10px var(--shadow-color)}span.subtitle{display:inline-block;margin-top:.25em;font-size:74.5%;font-weight:300;color:var(--secondary-text)}h3{padding-top:.5em}h1,h2,h3,h4{font-size:1em;font-weight:400;text-transform:uppercase;position:relative}h2::after{content:"";display:block;width:100%;height:2px;background-color:var(--accent-color);margin-top:.25em}h2{padding-top:2em;display:inline-block;counter-reset:subsection}h2::before{color:var(--secondary-text);float:left;text-align:right;font-weight:300;width:7.5em;margin-left:-8em;counter-increment:section;content:"Chapter " counter(section)" "}h3::before{color:var(--secondary-text);float:left;text-align:right;font-weight:300;width:2.5em;margin-left:-3em;counter-increment:subsection;content:counter(section)"." counter(subsection)" "}code{background-color:var(--light-gray);font-family:roboto mono,sans-serif;font-weight:400}pre::before{color:var(--secondary-text);float:left;text-align:right;font-weight:300;width:3em;margin-left:-4.25em;font-variant:small-caps;content:""}div.highlight>pre.chroma>code::before{content:attr(data-lang)}pre{color:var(--code-blue);background-color:var(--lighter-gray);overflow:auto;margin:0;padding:.25em;padding-left:.5em;line-height:1.35em;font-family:roboto mono,sans-serif;font-weight:300;border-left:2px dotted var(--code-blue)}pre.chroma{position:relative;overflow:visible}details{color:var(--primary-blue);background:var(--lighter-gray);border:1px solid var(--primary-blue);border-left:4px solid var(--accent-color);border-radius:3px;padding:.25em;margin-bottom:1em}details pre{border:0}summary{outline:0;color:var(--primary-blue)}summary::after{font-size:.85em;color:var(--secondary-text);display:inline-block;float:right;content:"Click to fold/unfold";padding-right:.5em}table{min-width:100%;margin-top:1em}table,tbody,td,tr,th,colgroup,thead{border:0}thead{border-bottom:1px dashed var(--border-gray)}th{text-align:left;font-weight:400;padding:0;margin-bottom:.25em;padding-bottom:.25em}td{padding:0}tr:nth-child(even){background:var(--light-gray)}tr:nth-child(odd){background:var(--bg-color)}dd{margin-top:.25em;margin-bottom:.5em}div.back a{float:right;font-weight:300;color:var(--secondary-text);font-variant:small-caps;margin-top:-2.5em}hr{border-style:dashed;border-color:var(--secondary-text)}@media(prefers-color-scheme:dark){.filter-white{filter:brightness(0)invert(100%)}}