:root{--page-width: 900px;--font-main: "Geist", sans-serif;--font-title: "Geist", sans-serif;--font-monospace: "Berkeley Mono", "CommitMono", monospace;--base-font-size: 1rem;--monospace-font-size: 1rem;--emphasis-weight: 500;color-scheme:light dark;--color-light-fg0: hsl(220, 36%, 18%);--color-light-fg: hsl(220, 30%, 30%);--color-light-fg1: hsl(220, 24%, 42%);--color-light-fg2: hsl(220, 18%, 54%);--color-light-fg3: hsl(220, 18%, 46%);--color-light-bg0: hsl(0, 0%, 98%);--color-light-bg: hsl(0, 0%, 94%);--color-light-bg1: hsl(0, 0%, 90%);--color-light-bg2: hsl(0, 0%, 86%);--color-light-bg3: hsl(0, 0%, 82%);--color-light-red: hsl(330, 50%, 40%);--color-light-green: hsl(140, 40%, 40%);--color-light-yellow: hsl( 20, 40%, 50%);--color-light-blue: hsl(210, 70%, 40%);--color-light-magenta: hsl(280, 50%, 40%);--color-light-cyan: hsl(190, 50%, 40%);--color-dark-fg0: hsl( 0, 0%, %);--color-dark-fg: hsl( 0, 0%, 72%);--color-dark-fg1: hsl( 0, 0%, 66%);--color-dark-fg2: hsl( 0, 0%, 60%);--color-dark-fg3: hsl( 0, 0%, 54%);--color-dark-bg0: hsl(220, 14%, 28%);--color-dark-bg: hsl(220, 10%, 24%);--color-dark-bg1: hsl(220, 6%, 20%);--color-dark-bg2: hsl(220, 2%, 16%);--color-dark-bg3: hsl(220, 2%, 12%);--color-dark-red: hsl(330, 50%, 70%);--color-dark-green: hsl(140, 30%, 55%);--color-dark-yellow: hsl( 20, 50%, 75%);--color-dark-blue: hsl(210, 40%, 70%);--color-dark-magenta: hsl(280, 40%, 70%);--color-dark-cyan: hsl(190, 40%, 60%);--color-fg0: var(--color-light-fg0);--color-fg: var(--color-light-fg);--color-fg1: var(--color-light-fg1);--color-fg2: var(--color-light-fg2);--color-fg3: var(--color-light-fg3);--color-bg0: var(--color-light-bg0);--color-bg: var(--color-light-bg);--color-bg1: var(--color-light-bg1);--color-bg2: var(--color-light-bg2);--color-bg3: var(--color-light-bg3);--color-red: var(--color-light-red);--color-green: var(--color-light-green);--color-yellow: var(--color-light-yellow);--color-blue: var(--color-light-blue);--color-magenta: var(--color-light-magenta);--color-cyan: var(--color-light-cyan);@media (prefers-color-scheme: dark){--color-fg0: var(--color-dark-fg0);--color-fg: var(--color-dark-fg);--color-fg1: var(--color-dark-fg1);--color-fg2: var(--color-dark-fg2);--color-fg3: var(--color-dark-fg3);--color-bg0: var(--color-dark-bg0);--color-bg: var(--color-dark-bg);--color-bg1: var(--color-dark-bg1);--color-bg2: var(--color-dark-bg2);--color-bg3: var(--color-dark-bg3);--color-red: var(--color-dark-red);--color-green: var(--color-dark-green);--color-yellow: var(--color-dark-yellow);--color-blue: var(--color-dark-blue);--color-magenta: var(--color-dark-magenta);--color-cyan: var(--color-dark-cyan)}--color-accent: hsl(350, 60%, 60%);--padding-tiny: .2rem;--padding-small: .4rem;--padding-medium: .8rem;--padding-large: 1.2rem;--space-tiny: .25rem;--space-small: .5rem;--space-medium: 1rem;--space-large: 2rem;--vertical-element-spacing: var(--space-medium)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;border:0}body{line-height:1.5}table{border-collapse:collapse;border-spacing:0}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle;max-width:100%}input,button,textarea,select{font:inherit;border-radius:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}ol,ul{list-style:none;list-style-position:inside;margin:0;padding:0}body{font-family:var(--font-main);font-variant-ligatures:common-ligatures;font-size:var(--base-font-size);text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);font-weight:var(--emphasis-weight)}kbd,pre,code,.monospace{font-family:var(--font-monospace);font-size:var(--monospace-font-size);font-variant-ligatures:none}kbd{font-variant:small-caps}em{font-style:italic}strong{font-weight:var(--emphasis-weight)}.tabular-numbers{font-feature-settings:"tnum" 1}body{color:var(--color-fg);background-color:var(--color-bg3)}body{display:flex;flex-direction:row;justify-content:center}#menu{flex-grow:0;position:sticky;top:0;height:100vh}#page{flex-grow:2;max-width:var(--page-width);display:flex;flex-direction:column;justify-content:space-between}#page-content{flex-grow:2}#menu,#page-content{padding-top:var(--space-medium)}#page-content,footer{padding-left:var(--padding-large);padding-right:var(--padding-large);color:var(--color-fg);background-color:var(--color-bg)}footer{padding-top:calc(var(--padding-large) * 3);padding-bottom:var(--padding-large);text-align:center;color:var(--color-fg2);hr{background-color:var(--color-fg2);height:1px;margin-bottom:var(--padding-large)}}.full-width{width:100%}#menu{text-wrap:nowrap;h1{margin:0;margin-bottom:var(--space-small);padding:0 var(--padding-large) 0 var(--padding-small);color:var(--color-accent)}ul{list-style-type:none;&:not(:last-child){margin-bottom:var(--space-small)}}a{display:inline-block;width:100%;padding:var(--padding-tiny) var(--padding-large);color:inherit;text-decoration:none;&:hover{background-color:var(--color-bg2)}&.active{background-color:var(--color-accent);color:var(--color-fg0)}}ul a{padding-left:var(--padding-small)}ul ul a{padding-left:calc(var(--padding-small) + var(--padding-medium) * 1)}ul ul ul a{padding-left:calc(var(--padding-small) + var(--padding-medium) * 2)}}h1,h2,h3,h4,h5,h6{&:not(:first-child){margin-top:var(--space-small)}margin-bottom:var(--vertical-element-spacing);color:var(--color-fg0)}h1{font-size:2rem}h2{font-size:1.7rem}h3{font-size:1.45rem}h4{font-size:1.25rem}h5{font-size:1.1rem}h6{font-size:1rem}ul{list-style-type:"\2013\a0";list-style-position:inside;p{display:inline}}ol{list-style-type:decimal;list-style-position:inside;p{display:inline}}dl{dt{font-weight:var(--emphasis-weight)}dd{margin-left:var(--space-medium)}}ul,ol,dl{&:not(:last-child){margin-bottom:var(--vertical-element-spacing)}}p{text-align:justify;&:not(:last-child){margin-bottom:var(--vertical-element-spacing)}}a{color:var(--color-fg0);text-decoration:underline}code,kbd{background-color:var(--color-bg0);padding:0 2px;border:1px solid var(--color-bg2)}kbd kbd{border:none;&:first-child{padding-left:0}&:last-child{padding-right:0}}pre{background-color:var(--color-bg0);padding:var(--padding-tiny) var(--padding-medium);border:1px solid var(--color-bg2);border-left-width:4px;overflow-x:auto;&:not(:last-child){margin-bottom:var(--vertical-element-spacing)}>code{padding:0;border:none}}.quote{margin-left:var(--space-large);&:not(:last-child){margin-bottom:var(--vertical-element-spacing)}blockquote{&:before{content:"\201c"}&:after{content:"\201d"}}.attribution{margin-top:var(--space-tiny);&:before{content:"\2014\a0"}}cite{font-style:italic}}table{border:1px solid var(--color-fg2);&.full-width{width:100%}&:not(:last-child){margin-bottom:var(--vertical-element-spacing)}}thead{color:var(--color-fg0);background-color:var(--color-bg2)}th,thead td{font-weight:var(--emphasis-weight)}th,td{border-top:.5px solid var(--color-fg2);border-bottom:.5px solid var(--color-fg2)}th,td{padding:var(--padding-tiny) var(--padding-medium);text-align:left;vertical-align:top}td.left{text-align:left}td.center{text-align:center}td.right{text-align:right}form{background-color:var(--color-bg1);padding:var(--padding-small) var(--padding-medium);border:1px solid var(--color-fg2);&.full-width{width:100%}&:not(:last-child){margin-bottom:var(--vertical-element-spacing)}}form h4{margin-bottom:var(--space-medium)}form fieldset:not(:last-of-type){margin-bottom:var(--space-medium)}form button[type=submit]{margin-top:var(--space-large)}form label{display:block;margin-bottom:var(--space-small);font-weight:var(--emphasis-weight)}input,button,select{font-family:inherit}input,select{min-width:16rem}input{background-color:var(--color-bg0);padding:var(--padding-tiny);border:1px solid var(--color-fg2);&:focus{border:1px solid var(--color-fg0)}}input[type=checkbox]{width:.8rem;height:.8rem;vertical-align:middle}button,select,option{background-color:var(--color-bg2);&:hover{background-color:var(--color-bg)}padding:var(--padding-tiny) var(--padding-medium);border:1px solid var(--color-fg2);&:focus{border:1px solid var(--color-fg0)}}select{appearance:base-select;option{background-color:var(--color-bg)}}figure{margin-left:auto;margin-right:auto;&:not(:last-child){margin-bottom:var(--vertical-element-spacing)}}figcaption{font-weight:var(--emphasis-weight);text-align:center;margin-top:var(--space-small)}img{margin:auto;&.left{margin-left:0}&.right{margin-right:0}border:2px solid var(--color-fg2)}.todo,.TODO{display:inline-block;padding:0 2px;background-color:var(--color-accent);color:var(--color-fg0);border:1px solid var(--color-fg0);&:before{content:"TODO "}}#menu{a{padding-top:0;padding-bottom:0}}.asciidoc{.title{font-weight:var(--emphasis-weight);color:var(--color-fg0)}#preamble,#wrapup,.section,.admonition,.listing,.literal,.example,.sidebar,.title{&:not(:last-child){margin-bottom:var(--vertical-element-spacing)}}.section_number{font-feature-settings:"tnum" 1;margin-right:var(--space-tiny)}.admonition{padding:var(--padding-tiny) var(--padding-medium);border-left:4px solid var(--color-bg3);.label{text-transform:lowercase;font-variant:small-caps;font-weight:var(--emphasis-weight)}}.example,.sidebar{padding:var(--padding-tiny) var(--padding-medium);border:1px solid var(--color-bg3);border-left-width:4px;>pre{margin:0;padding:0;border:none}}dl.horizontal{display:grid;grid-template-columns:max-content auto;dt{grid-column:1}dd{grid-column:2}}sup.footnote_ref{margin-left:var(--space-tiny);&:before{content:"["}&:after{content:"]"}}ul.footnotes{margin-top:calc(var(--padding-large) * 2);list-style-type:none;font-size:.9em;.footnote{margin-right:var(--space-tiny)}}pre.highlight.rouge{.err{background-color:var(--color-red);color:var(--color-bg)}.k{color:var(--color-yellow)}.kc{color:var(--color-red)}.kt{color:var(--color-green)}.s,.sc,.s2{color:var(--color-red)}.se,.sx{color:var(--color-magenta)}.sr,.s1{color:var(--color-red)}.c,.cm{color:var(--color-blue)}.cp,.cpf{color:var(--color-magenta)}}}
