:root{--font-text: Charter, "Bitstream Charter", "Sitka Text", Cambria, serif;--font-head: Avenir, Montserrat, Corbel, "URW Gothic", source-sans-pro, sans-serif;--font-mono: "Nimbus Mono PS", "Courier New", monospace;--font-code: Menlo, Consolas, "Ubuntu Mono", monospace;--margin-small: 0.75lh;--margin-tiny: 0.25lh;--max-width: 1024px;color-scheme:light dark;--color-text: light-dark(#333, white);--color-bg: light-dark(white, #333);--color-bg-dot: light-dark(#3333331f, #ffffff3d);--color-border: light-dark(#3333331f, #ffffff3d);--color-link-hover: light-dark(purple, color-mix(in srgb, white 100%, purple 0%));--color-wbw-banner-bg: light-dark(#3fc8f4, #074772);--color-wbw-banner-text: light-dark(#030607, white);--color-wbw-banner-link: light-dark(#074772, #3fc8f4);--color-button-bg: light-dark(#3fc8f4, #074772);--color-button-text: light-dark(#030607, white);--color-button-active-bg: hsl(from var(--color-button-bg) h s calc(l / 2));--color-button-active-text: hsl(from var(--color-button-text) h s calc(l * 2))}:root:has(#color-mode-light:checked){color-scheme:light}:root:has(#color-mode-dark:checked){color-scheme:dark}:root:has(#color-mode-light:checked) label[for=color-mode-light]{display:none}@media (prefers-color-scheme: light){:root:has(#color-mode-light:checked) label[for=color-mode-auto]{display:none}}@media (prefers-color-scheme: dark){:root:has(#color-mode-light:checked) label[for=color-mode-dark]{display:none}}:root:has(#color-mode-dark:checked) label[for=color-mode-dark]{display:none}@media (prefers-color-scheme: dark){:root:has(#color-mode-dark:checked) label[for=color-mode-auto]{display:none}}@media (prefers-color-scheme: light){:root:has(#color-mode-dark:checked) label[for=color-mode-light]{display:none}}:root:has(#color-mode-auto:checked) label[for=color-mode-auto]{display:none}@media (prefers-color-scheme: light){:root:has(#color-mode-auto:checked) label[for=color-mode-light]{display:none}}@media (prefers-color-scheme: dark){:root:has(#color-mode-auto:checked) label[for=color-mode-dark]{display:none}}@media (prefers-color-scheme: light){:root label[for=color-mode-auto]:after{content:"☼"}}@media (prefers-color-scheme: dark){:root label[for=color-mode-auto]:after{content:"☾"}}body{display:flex;flex-direction:column;justify-content:space-between;min-height:100lvh;font-family:var(--font-text);background-image:radial-gradient(circle, var(--color-bg-dot) 1px, rgba(0,0,0,0) 1px);background-size:20px 20px}h1,h2,h3,h4,h5,h6{font-family:var(--font-head)}header[banner]{display:flex;align-items:center;justify-content:center;padding:var(--margin-small)}header[wbw]{color:var(--color-wbw-banner-text);background-color:var(--color-wbw-banner-bg);border-bottom:.2lh solid color-mix(in lch shorter hue, var(--color-wbw-banner-bg) 50%, var(--color-bg) 50%)}header[wbw] a,header[wbw] a:hover,header[wbw] a:visited{color:var(--color-wbw-banner-link)}header[main]{padding-top:var(--margin-small);padding-bottom:var(--margin-small);background-color:var(--color-bg);filter:drop-shadow(0px 1px 2px var(--color-border))}header[main] section[content]{padding-left:var(--margin-small);padding-right:var(--margin-small)}header[main] h1{display:flex;justify-content:space-between}header[main] nav>ul>li{display:inline-block}header[main] nav>ul>li+li:before{content:">";margin-left:.25ch;margin-right:.25ch}header[main] a{color:inherit;text-decoration:inherit}ul[color-mode]{display:flex;font-size:1em;font-weight:400;font-family:var(--font-code)}ul[color-mode] input{display:none}main{flex-grow:1}main,section[content]{max-width:var(--max-width);margin-left:calc(max(100lvw - var(--max-width),0px)/2)}ul[unmarked]{list-style:none;padding:0px}article[block],li[linkblock]{background-color:var(--color-bg);margin:var(--margin-small);border:1px solid var(--color-border);filter:drop-shadow(0px 2px 2px var(--color-border));border-radius:.5em;color:var(--color-text)}article[block]{padding:var(--margin-small)}li[linkblock]>a{display:flex;align-items:center;justify-content:space-between;padding:var(--margin-small);text-decoration:none;color:inherit}li[linkblock]:hover{border-color:var(--color-link-hover);color:var(--color-link-hover)}li[linkblock] icon{align-self:center;justify-self:flex-end}li[linkblock] aside{display:flex;flex-direction:column;text-align:right;gap:.25ch}@media (max-width: 748px){li[linkblock]:has(tags)>a{display:block}li[linkblock]:has(tags)>a>aside{flex-direction:row;gap:1ch}}icon[external-link]{font-family:var(--font-text)}icon[external-link]:after{display:block;content:"⎋";rotate:90deg;width:1lh;height:1lh;line-height:1em}body>footer{display:flex;justify-content:center;align-items:center;padding:var(--margin-small);background-color:var(--color-bg);filter:drop-shadow(0px -1px 2px var(--color-border))}body>footer section[content]{padding-left:var(--margin-small);padding-right:var(--margin-small)}body>footer a{text-decoration:none;color:var(--color-text)}