:root{--primary: #373624;--secondary: oklch(from var(--primary) l c h / .85);--bgColor: #fbf073;--code: #f8f8f8;--blendMode: multiply;--text: var(--primary);--mainGrid: [top-start] "nav nav nav nav nav" [top-end bottom-start] ". . main . toc" [bottom-end] / 1fr 2fr clamp(0%, 50%, 50rem) 2fr 4fr;--navGrid: "top logo nav . tocHeader" / 1fr 2fr clamp(0%, 50%, 50rem) 2fr 4fr;--bg: var(--bgColor);--sans: "Figtree", sans-serif;--serif: "Literata", serif;--mono: "JetBrains Mono", monospace}@media (prefers-color-scheme: dark){:root{--primary: #dbd8b6;--bgColor: #2b2b23;--code: #111;--blendMode: screen}}@media (width < 1320px){:root{--mainGrid: [top-start] "nav nav nav nav" [top-end bottom-start] ". main . toc" [bottom-end] / 1rem clamp(0%, 60vw, 50rem) 2rem 1fr;--navGrid: [top-start] "top logo . ." [top-end nav-start] ". nav . tocHeader" [nav-end] / 1rem clamp(0%, 60vw, 50rem) 2rem 1fr }}@media (width < 920px){:root{--mainGrid: "main toc" 100dvh / 100vw 100vw;--navGrid: [top-start] "logo" [top-end nav-start] "nav" [nav-end] / 1fr }}html{line-height:2rem}@media (width < 920px){html{scroll-snap-type:x mandatory}}html,input,button{box-sizing:border-box;interpolate-size:allow-keywords;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-optical-sizing:auto;scroll-behavior:smooth;color:var(--text);font-family:var(--sans)}*,*:before,*:after{box-sizing:inherit}*:focus-visible{outline:2px solid var(--primary);border-radius:.25rem}body{display:grid;grid:var(--mainGrid);gap:1.5rem;background:var(--bg);margin:0;color:var(--text)}@media (width < 920px){body{width:200vw;height:100dvh;gap:0}}main{grid-area:main;margin-top:-3rem;padding-bottom:16rem;position:relative}@media (width < 920px){main{scroll-snap-align:start;scroll-margin-left:1.5rem;overflow-y:auto;overflow-x:hidden;padding:1.5rem;scroll-behavior:smooth}}main a{text-decoration:underline}aside{grid-area:toc;display:grid;position:sticky;top:0;margin-top:-16rem;padding:16rem 0;height:100dvh;overflow-y:auto}@media (width < 920px){aside{scroll-snap-align:start;padding:1.5rem;scroll-margin-right:0;overflow-x:hidden}}aside ul{font-family:var(--sans);padding-left:0;font-size:1.5rem;letter-spacing:-.015em;font-weight:600}aside ul li{margin-top:2rem}aside ul li a{scroll-margin-top:7rem}aside ul ul{font-size:1rem}aside ul ul li{margin-top:1rem}aside ul ul ul{font-size:.875rem;letter-spacing:0}aside ul ul ul li{margin-top:1rem}aside ul ul ul ul{font-weight:500}aside ul ul ul ul li{margin-top:0rem}nav{grid-area:nav;background:linear-gradient(oklch(from var(--bgColor) l c h/.98) 60%,oklch(from var(--bgColor) l c h/0));z-index:1;gap:1.5rem;padding:3rem 0;align-items:end;font-size:1.5rem;letter-spacing:-.015em;font-weight:600;display:grid;grid:var(--navGrid)}@media (width < 1320px){nav{row-gap:.5rem;width:100vw!important;overflow:hidden}}@media (width < 920px){nav{row-gap:0}}nav .top{grid-area:top;height:40vh}@media (width < 920px){nav .top{height:0}}nav .title{opacity:.7}@media (width < 920px){nav .title{display:none}}nav span.logo{grid-area:logo;font-weight:700}nav a{text-decoration:none}nav ul{grid-area:nav;display:flex;gap:2rem}@media (width < 920px){nav ul{gap:1rem;font-size:.875rem;letter-spacing:0}}nav span.toc{grid-area:tocHeader;color:var(--secondary)}@media (width < 920px){nav span.toc{display:none}}svg{display:inline-block!important}svg path{fill:var(--primary)}svg rect{stroke:var(--primary)}p{margin-top:.75rem;margin-bottom:1.25rem;font-family:var(--serif);font-size:1.125rem;font-weight:400;line-height:2rem;mix-blend-mode:var(--blendMode);-webkit-hyphens:auto;hyphens:auto;word-break:break-word}@media (width < 920px){p{font-size:1rem}}pre,code{font-family:var(--mono);font-size:1.0625rem;font-weight:400;line-height:2rem;background:var(--code);border-radius:2px;mix-blend-mode:var(--blendMode)}@media (width < 920px){pre,code{font-size:.9375rem}}pre{margin-left:-1.125rem;margin-right:-1.125rem;padding:1rem 1.125rem;overflow-x:auto}@media (width < 920px){pre{margin-left:-.75rem;margin-right:-.75rem;padding:.5rem}}code{background:none;color:var(--secondary);margin:0 .125rem;display:inline-block;line-height:1.75rem}pre:has(code) code{background:none;outline:none}h1,h2,h3,h4,h5,h6{font-family:var(--sans);font-weight:700}h1{margin-top:16rem;scroll-margin-top:16rem;scroll-margin-left:3rem;margin-bottom:4rem;letter-spacing:-.03em;font-weight:600;font-size:6rem}@media (width < 920px){h1{font-size:3.5rem;margin-bottom:2rem}}h2{margin-top:12rem;scroll-margin-top:12rem;scroll-margin-left:3rem;margin-bottom:2rem;letter-spacing:-.03em;font-weight:600;font-size:4rem}@media (width < 920px){h2{font-size:2.5rem;margin-bottom:1.5rem}}h2:has(+h3)+h3{margin-top:3rem}h3{margin-top:8rem;scroll-margin-top:8rem;scroll-margin-left:3rem;margin-bottom:2rem;letter-spacing:-.03em;font-weight:600;font-size:2.5rem}@media (width < 920px){h3{font-size:1.75rem;margin-bottom:1.5rem}}h3:has(+h4)+h4{margin-top:2rem}h4{margin-top:5rem;scroll-margin-top:5rem;scroll-margin-left:3rem;margin-bottom:1rem;letter-spacing:-.015em;font-weight:600;font-size:1.25rem}@media (width < 920px){h4{font-size:1.125rem}}a{color:var(--secondary);text-decoration:none}a:hover{text-decoration:underline}ul,li{list-style-type:none;margin:0;padding:0}/*!
  Theme: StackOverflow Light
  Description: Light theme as used on stackoverflow.com
  Author: stackoverflow.com
  Maintainer: @Hirse
  Website: https://github.com/StackExchange/Stacks
  License: MIT
  Updated: 2021-05-15

  Updated for @stackoverflow/stacks v0.64.0
  Code Blocks: /blob/v0.64.0/lib/css/components/_stacks-code-blocks.less
  Colors: /blob/v0.64.0/lib/css/exports/_stacks-constants-colors.less
*/.hljs,.hljs-subst{color:var(--primary)}.hljs-comment{color:#656e77}.hljs-keyword,.hljs-selector-tag,.hljs-meta .hljs-keyword,.hljs-doctag,.hljs-section,.hljs-attr{color:#015692}.hljs-attribute{color:#803378}.hljs-name,.hljs-type,.hljs-number,.hljs-selector-id,.hljs-quote,.hljs-template-tag{color:#b75501}.hljs-selector-class{color:#015692}.hljs-string,.hljs-regexp,.hljs-symbol,.hljs-variable,.hljs-template-variable,.hljs-link,.hljs-selector-attr{color:#54790d}.hljs-meta,.hljs-selector-pseudo{color:#015692}.hljs-built_in,.hljs-title,.hljs-literal{color:#b75501}.hljs-bullet,.hljs-code{color:#535a60}.hljs-meta .hljs-string{color:#54790d}.hljs-deletion{color:#c02d2e}.hljs-addition{color:#2f6f44}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}@media (prefers-color-scheme: dark){/*!
  Theme: StackOverflow Dark
  Description: Dark theme as used on stackoverflow.com
  Author: stackoverflow.com
  Maintainer: @Hirse
  Website: https://github.com/StackExchange/Stacks
  License: MIT
  Updated: 2021-05-15

  Updated for @stackoverflow/stacks v0.64.0
  Code Blocks: /blob/v0.64.0/lib/css/components/_stacks-code-blocks.less
  Colors: /blob/v0.64.0/lib/css/exports/_stacks-constants-colors.less
*/.hljs,.hljs-subst{color:var(--primary)}.hljs-comment{color:#999}.hljs-keyword,.hljs-selector-tag,.hljs-meta .hljs-keyword,.hljs-doctag,.hljs-section,.hljs-attr{color:#88aece}.hljs-attribute{color:#c59bc1}.hljs-name,.hljs-type,.hljs-number,.hljs-selector-id,.hljs-quote,.hljs-template-tag{color:#f08d49}.hljs-selector-class{color:#88aece}.hljs-string,.hljs-regexp,.hljs-symbol,.hljs-variable,.hljs-template-variable,.hljs-link,.hljs-selector-attr{color:#b5bd68}.hljs-meta,.hljs-selector-pseudo{color:#88aece}.hljs-built_in,.hljs-title,.hljs-literal{color:#f08d49}.hljs-bullet,.hljs-code{color:#ccc}.hljs-meta .hljs-string{color:#b5bd68}.hljs-deletion{color:#de7176}.hljs-addition{color:#76c490}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}}button.svelte-mw1565{border:none;background:var(--code);padding:.5rem;width:2rem;aspect-ratio:1;display:grid;border-radius:50%;cursor:pointer;mix-blend-mode:var(--blendMode);z-index:1;position:sticky;float:right;top:3rem}
