:root{--pico-border-radius:10px;--pico-typography-spacing-vertical:1.5rem;--pico-form-element-spacing-vertical:1rem;--pico-form-element-spacing-horizontal:1.25rem;--pico-font-family:"Anonymous Pro", monospace;--myflow-color-brand:#7814d7}h1{--pico-font-weight:400;--pico-typography-spacing-vertical:0.5rem;scroll-margin:2em;font-size:calc(var(--pico-font-size) * .85);@media screen and (min-width:768px){font-size: calc(var(--pico-font-size)); } } h2 { scroll-margin: 2em; } h3 { --pico-font-weight: 400; margin-bottom: 0.5rem; scroll-margin: 2em; } button { --pico-font-weight: 400; } details { --pico-spacing: none; } ul { margin-top: var(--pico-typography-spacing-vertical); } a { text-decoration-color: var(--myflow-color-brand); } header a { text-decoration: none; } .nav-item { margin-left: 2rem; } header { margin-top: 1em; position: sticky; z-index: 900; top: 0; background-color: var(--pico-background-color); } header>nav { margin-bottom: 1.5rem; } header>nav>ul { margin-top: 0; } header>nav>ul>li { padding-top: 0.25em; padding-bottom: 0.25em; } header .logo { display: flex; align-items: center; } header .logo #branding-logo { width: 32px; margin-right: 0.5em; height: auto; } header .site-navigation { display: flex; justify-content: space-between; align-items: center; } header .site-navigation .nav-item { margin-left: 1em; @media screen and (min-width: 768px) { margin-left: 2em; } } header .site-navigation .outlink { display: none; @media screen and (min-width: 768px) { display: block; } } article { box-shadow: 0 16px 32px #111; } article nav small { white-space: nowrap; color: var(--pico-muted-color); } aside.author { background-color: var(--pico-card-background-color); box-shadow: 0 16px 32px #111; border-radius: var(--pico-border-radius); padding: 1em; margin-right: calc(var(--pico-nav-element-spacing-horizontal)* -1); margin-left: calc(var(--pico-nav-element-spacing-horizontal)* -1); } aside.author h5 { margin-bottom: 0.5em; } aside.author .meta { display: flex; align-items: center; } aside.author .meta p { margin-bottom: 0; margin-left: 1em; } footer>p { margin-top: 2rem; } img { max-width: 100%; background-color: var(--pico-card-background-color); box-shadow: 0 16px 32px #111; border-radius: var(--pico-border-radius); margin-right: calc(var(--pico-nav-element-spacing-horizontal)* -1); margin-left: calc(var(--pico-nav-element-spacing-horizontal)* -1); } .nav-active { text-decoration: underline !important; --pico-color: var(--pico-color-primary); } #TableOfContents { display: flex; } #TableOfContents ul,#TableOfContents ul>li { display: block; padding-top: 0.5em; padding-bottom: 0.5em; } #TableOfContents>ul { margin-top: 1em; border-radius: var(--pico-border-radius); background-color: var(--pico-card-background-color); padding-left: 1em; padding-right: 1em; } #TableOfContents ul>li>ul { border-left: 1px solid var(--pico-muted-border-color); margin-left: 0.24em; padding: 0.4em 0 0.4em 0.4em; font-size: 0.76em; margin-top: 0.4em; } #TableOfContents ul>li>ul>li { display: block; padding-top: 0.24em; padding-bottom: 0.24em; }}}