@charset "UTF-8";
.highlight { position: relative; margin-bottom: 20px; overflow: auto; color: #E6E1DC; border: none; line-height: 20px; margin-top: 25px; margin-bottom: 25px; padding-left: 15px; padding-right: 15px; font-size: 14px; }

@media (min-width: 600px) { .highlight { margin-left: -30px; margin-right: -30px; font-size: 16px; } }

.highlight code { word-wrap: normal; overflow-x: auto; }

.highlight .gl { background-color: #353238; }

.highlight .lineno { background-color: #4a454e !important; }

.highlight .gd { color: #E6E1DC; background-color: #660000; }

.highlight .gi { color: #E6E1DC; background-color: #144212; }

.highlight .c, .highlight .c1, .highlight .c2 { color: #BC9458; font-style: italic; }

.highlight .s1, .highlight .s2, .highlight .s, .highlight .sr { color: #A5C261; }

.highlight .nv { color: #D0D0FF; }

.highlight .k, .highlight .o, .highlight .kp { color: #CC7833; }

.highlight .mi { color: #A5C261; }

.highlight .ss { color: #b2d1e7; }

.highlight .si { color: #519F50; }

.highlight .vi { color: #D0D0FF; }

.highlight .p { color: #CC7833; }

.highlight .m { color: #A5C261; }

.highlight .nb { color: #A5C261; }

.highlight .mh { color: #D0D0FF; }

.highlight .nl { color: #b2d1e7; }

.highlight .nt, .highlight .nc, .highlight .na { color: #FFC66D; font-weight: normal !important; }

.edit-link { margin-left: 12px; font-size: smaller; }

p, li { font-family: -apple-system, BlinkMacSystemFont, "helvetica neue", helvetica, roboto, noto, "segoe ui", arial, sans-serif; color: #4b4840; }

h1 { color: #352d2d; margin-bottom: 0px; margin-top: 0; font-size: 25px; padding: 0px 0px 0px 12px; font-family: "Inconsolata", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; }

@media (min-width: 600px) { h1 { font-size: 60px; line-height: 65px; } }

h2, h3, h4 { padding: 12px 0 0 12px; }

@media (min-width: 600px) { h2, h3, h4 { padding: 0px 100px 0px 12px; } }

p { font-size: 15px; line-height: 1.5; color: #5c5962; display: block; padding: 0 10px; }

@media (min-width: 600px) { p { font-size: 16px; padding: 0px 100px 0px 12px; } }

@media (min-width: 1200px) { article { display: flex; margin-bottom: -80px; flex: 1 0 auto; padding: 80px 0; } }

ul { margin-right: 10px; }

@media (min-width: 1200px) { ul { margin-left: -27px; } }

li { line-height: 1.2; color: #5c5962; font-size: 15px; }

@media (min-width: 600px) { li { font-size: 16px; } }

.content__container { min-height: 500px; }

@media (min-width: 600px) { .content__container { max-width: 700px; } }

.content__container ul li:not(.toc-entry) { padding: 10px 0 0; }

.content__container a { background-color: inherit; }

.content__container img { width: 100%; border-radius: 5px; box-shadow: 0px 0px 25px lightgrey; }

.content { flex: 3; }

@media (min-width: 600px) { .content { padding-left: 30px; } }

.content ul { margin-top: -10px; margin-bottom: 40px; }

.content li:not(.toc-entry) { list-style: none; line-height: 1.5; }

.content li:not(.toc-entry):before { color: #E8BF6A; content: "–"; text-indent: -1.4em; display: inline-block; font-weight: bold; }

.content .footnotes { border-top: 2px solid #E8BF6A; }

.content .footnotes ol { list-style-type: decimal; }

.content .footnotes li { list-style: inherit; }

.content .footnotes li:before { display: none; }

.content__toc-header { text-transform: uppercase; font-size: 14px; margin-top: 30px; }

.content__category { padding: 24px 14px; font-size: 13px; text-transform: uppercase; color: #4b4840; font-weight: bold; }

.content__abstract { font-size: 18px; color: #5c5862; font-weight: 300; }

@media (min-width: 600px) { .content__abstract { font-size: 20px; } }

.content__learn-more { font-weight: bold; color: #4b4840; font-style: italic; font-size: 18px; margin-left: -20px; }

.sidebar { flex: 1; background: #fbf8f6; display: flex; flex-direction: column; font-size: 14px; line-height: 1.8; padding: 170px 0 0 0; }

.sidebar .menu-link { display: block; margin: 0 40px; }

@media (min-width: 1200px) { .sidebar { align-items: flex-end; padding: 0 40px 0 85px; }
  .sidebar .menu-link { display: none; } }

.sidebar li { list-style-type: none; font-weight: 800; line-height: 1.6; margin-top: 20px; font-size: 14px; line-height: 1.6; color: #4b4840; }

.sidebar a { color: #4b4840; font-weight: 600; text-decoration: none; background-color: inherit; }

.sidebar a:hover { color: #837a63; }

.sidebar ul li ul { list-style: none; padding-left: 1.5em; margin-left: 0; }

.sidebar ul li ul li { margin-top: 0px; }

.sidebar ul li ul li:before { color: #E8BF6A; content: "–"; text-indent: -1.4em; display: inline-block; font-weight: bold; }

.sidebar ul li ul li a { color: #4b4840; font-weight: 500; text-decoration: none; background-color: inherit; }

@media (min-width: 1200px) { .sidebar__inner { position: fixed; height: calc(100vh - 150px); overflow-y: auto; } }

.sidebar__current { color: #CC7833 !important; }

code { color: white; background-color: #353238; border-radius: 3px; font-family: "Source Code Pro", monospace; }

.highlighter-rouge { padding: 0 5px; }

.highlight pre { background: #353238 !important; }

blockquote { background-color: #e8bf6a4d; border-left-color: #E8BF6A; border-left-width: 9px; border-left-style: solid; padding: 20px 45px 20px 26px; margin-bottom: 30px; margin-top: 20px; border-radius: 5px; }

@media (min-width: 600px) { blockquote { margin-left: -16px; margin-right: -16px; } }

:target:not(li, h2) { padding-top: 90px; }

.footer-nav { background-color: #fbf8f6; }

@media (min-width: 600px) { .footer-nav { display: flex; margin-left: -30px; } }

.footer-nav a { background-color: inherit; font-size: 24px; text-decoration: none; }

.footer-nav span { display: none; }

.prev-article { flex: 1; padding: 10px; }

@media (min-width: 600px) { .prev-article { text-align: left; padding: 25px; } }

.next-article { padding: 10px; }

@media (min-width: 600px) { .next-article { text-align: right; padding: 25px 150px; } }

.next-article__header, .prev-article__header { padding: 0; }

.tag { padding: 5px; border-radius: 5px; color: white; text-transform: uppercase; font-size: 12px; }

.tag--draft { background-color: #827b83; box-shadow: 1px 1px 1px #3e3f47; text-shadow: 1px 1px 1px #3e3f47; }

.tag--progress { background-color: #f39821; box-shadow: 1px 1px 1px #ba9145; text-shadow: 1px 1px 1px #ba9145; }

.tag--review { background-color: #2196f3; box-shadow: 1px 1px 1px #6c6fba; text-shadow: 1px 1px 1px #6c6fba; }

.tag--approved { background-color: #0ecb57; box-shadow: 1px 1px 1px #4caf50; text-shadow: 1px 1px 1px #4caf50; }

.display-box { background: #ece8e5; border-radius: 5px; margin-top: 25px; margin-left: -15px; margin-right: -15px; margin-bottom: 25px; padding: 10px 30px; }

.display { background: white; border-radius: 5px; padding: 20px; }

.section-nav { list-style-type: none; counter-reset: step-counter; padding-inline-start: 0; margin-left: -15px; }

.section-nav a { text-decoration: underline; background-color: inherit; line-height: 1.6; }

li.toc-entry:before { color: #959396; content: counter(step-counter, decimal-leading-zero); counter-increment: step-counter; font-size: 12px !important; font-family: monospace; padding-right: 13px; }

li.navigation__item { font-size: 20px; padding: 2px 20px 0 10px; }

@media (min-width: 600px) { li.navigation__item { font-size: 28px; } }

em { font-style: normal; font-family: "Inconsolata", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; font-weight: 600; color: black; }

.time { font-style: normal; font-family: "Inconsolata", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; font-weight: 600; color: #4b4840; font-size: inherit; float: right; }

h1 .time { font-size: 18px; display: table; line-height: 1; float: none; }

/*# sourceMappingURL=guides.css.map */