@import url("https://cdn.jsdelivr.net/npm/firacode@6.2.0/distr/fira_code.css");@import url("https://rsms.me/inter/inter.css");:root{--nav-height: 3.5rem;--nav-inline-margin: 0.8em;--nav-underline: 0 -6px 0 var(--secondary-bg) inset, 0 -9px 0 var(--secondary-fg) inset;--primary-fg: #111;--primary-bg: #fff;--primary-fg-subtle: #888;--primary-bg-subtle: #eee;--secondary-fg: #f7f7f7;--secondary-bg: #222;--accent-fg: #fff;--accent-bg: #222;--link-color: #05c;--link-color: oklch(50% 0.2 260);--link-hover-color: oklch(40% 0.2 260)}@media screen and (prefers-color-scheme: dark){:root{--primary-fg: #f7f7f7;--primary-bg: #222;--primary-fg-subtle: #888;--primary-bg-subtle: #333;--secondary-bg: #333;--accent-fg: #333;--accent-bg: #f7f7f7;--link-color: oklch(70% 0.1 260);--link-hover-color: oklch(80% 0.1 260)}}@media (width < 600px){:root{--nav-height: 3rem;--nav-inline-margin: 0.5em;--nav-underline: 0 -6px 0 var(--secondary-bg) inset 0 -7px 0 var(--secondary-fg) inset}}@layer reset, code-themes, general, page-specific;@layer reset{*{margin:0;padding:0;box-sizing:border-box}}@layer general{:root{font-family:"Inter",sans-serif;font-size:16px;background-color:var(--primary-bg);color:var(--primary-fg);overscroll-behavior:none}@media screen and (width >= 600px){:root{text-align:justify}}@media (width < 600px){:root{text-align:left;font-size:14px}}@supports (font-variation-settings: normal){:root{font-family:"InterVariable",sans-serif;font-feature-settings:"case","ss01","cv05","cv06"}}@page{margin:20mm}@view-transition{navigation:auto}nav:not(main nav){min-block-size:var(--nav-height);background-color:var(--secondary-bg);display:flex;align-items:center;justify-content:center;flex-wrap:wrap}@media print{nav:not(main nav){display:none}}nav:not(main nav)>a{color:var(--secondary-fg);display:inline-block;text-decoration:none;line-height:0;padding:calc(var(--nav-height)/2) 0;margin:0 var(--nav-inline-margin);transition:box-shadow 150ms ease-in-out}@media (prefers-reduced-motion: reduce){nav:not(main nav)>a{transition:none}}nav:not(main nav)>a:hover,nav:not(main nav)>a:focus{color:var(--secondary-fg);box-shadow:var(--nav-underline)}main{inline-size:900px;max-inline-size:calc(100% - 3rem);margin:2rem auto 3rem;container-type:inline-size}@media print{main{inline-size:unset;max-inline-size:unset;margin:unset;color:#000;orphans:2;widows:2}main :first-child{margin-block-start:0}main :last-child{margin-block-end:0}}p,details{margin-block:1em;line-height:1.4}p:last-child,details:last-child{margin-block-end:0}.post-metadata{display:flex;justify-content:space-between;margin-block:1em}.post-metadata p{margin-block:unset}@media print{.social-media{display:none}}.social-media a{filter:grayscale(0) opacity(1);transition:200ms ease;line-height:0;clip-path:circle(50%);margin-inline:.25em;display:inline-block;height:min-content;width:min-content}.social-media a:not(:hover){filter:grayscale(1) opacity(0.6)}.social-media a:last-child{margin-inline-end:unset}.social-media img{height:1.5em}.footnote-definition{display:grid;grid-template-columns:repeat(2, auto);column-gap:1em}.footnote-definition sup{font-size:unset}.footnote-definition p{margin:0}#footnotes:has(+.footnote-definition){border-block-start:1px solid var(--primary-fg-subtle);border-block-end:unset;padding-block-start:1em;padding-block-end:unset}@media print{.toc{display:none}}.toc>ul{margin-inline-start:0}.toc ul{list-style:none;margin-block:.5rem}a{color:var(--link-color)}@media print{a{color:#000;text-decoration:none}a::after{content:" (" attr(href) ")";font-size:.8em;opacity:.7}}a:hover{color:var(--link-hover-color)}a:not(:hover){text-decoration:none}a.anchor,a.anchor:hover{color:unset}a.anchor::after{content:unset}:is(h1,h2,h3,#footnotes:has(+.footnote-definition),h4,h5,h6){text-wrap:balance;font-weight:400}:is(h1,h2,h3,#footnotes:has(+.footnote-definition),#footnotes:has(+.footnote-definition),h4,h5,h6):not(main>:is(h1,h2,h3,#footnotes:has(+.footnote-definition),#footnotes:has(+.footnote-definition),h4,h5,h6):first-child){margin-block:1em .5em}@media (width < 600px){:is(h1,h2,h3,#footnotes:has(+.footnote-definition),h4,h5,h6){margin-block-start:.8em}}@media print{:is(h1,h2,h3,#footnotes:has(+.footnote-definition),h4,h5,h6){break-after:avoid}}h1,h2{padding-block-end:.2em}h1{font-size:2.25rem;border-block-end:3px double var(--primary-fg-subtle);margin-block-end:.3em}@media (width < 600px){h1{font-size:1.9rem}}@media print{h1{border-block-end:3px solid #000}}h2{font-size:1.75rem;border-block-end:1px solid var(--primary-fg-subtle)}@media (width < 600px){h2{font-size:1.65rem}}@media print{h2{border-block-end-color:#000}}h3,#footnotes:has(+.footnote-definition){font-size:1.5rem;font-weight:500}h4{font-size:1.25rem;font-weight:600}h5{font-size:1rem;font-weight:700}ul,ol{margin-block:1em;margin-inline-start:2em}li p:only-child{display:contents}li:not(:last-child){margin-block-end:.5em}figcaption{font-weight:600}table{border-collapse:collapse}.table-scroll{overflow-inline:auto}tbody tr:not(code *):nth-child(odd){background-color:var(--primary-bg-subtle)}tbody tr:not(code *):last-child:nth-child(even){border-block-end:6px solid var(--primary-bg-subtle)}th:not(code *){border-block-end:2px solid var(--accent-bg)}:is(th,td):not(code *){padding:.8rem 1rem}@media (width >= 600px){:is(th,td):not(code *):first-child{padding-inline-start:2rem}:is(th,td):not(code *):last-child{padding-inline-end:2rem}}code td:first-child{padding-inline-end:1rem;color:var(--primary-fg-subtle)}hr{border:0;border-block-end:1px solid var(--primary-fg-subtle)}blockquote{margin-block:1em;margin-inline-start:1em;padding-inline-start:1em;border-inline-start:3px solid var(--primary-fg-subtle)}pre{margin-block:1em;overflow-inline:scroll;scrollbar-width:none;--lightness: 70%;--chroma: 0.15;border:0 solid oklch(var(--lightness) var(--chroma) var(--hue))}pre:not(.not-code){padding:1rem}@media print{pre:not(.not-code){background-color:unset;--hue: 140;border-width:1px}}@media print{pre{text-align:start}}@media screen and (prefers-color-scheme: dark){pre{--lightness: 50%}}code{font-family:"Fira Code",monospace;white-space:pre}@supports (font-variation-settings: normal){code{font-family:"Fira Code VF",monospace}}@media print{code{white-space:pre-wrap}}.tnum{font-variant-numeric:tabular-nums}iframe{width:100cqw;height:56.25cqw}.contents{display:contents}.compile-fail pre{--hue: 30;border-inline-start-width:6px}@container (inline-size >= 35em){.col-count-3 :is(ul,ol){column-count:2}}@container (inline-size >= 50em){.col-count-3 :is(ul,ol){column-count:3}}.note,.tip,.important,.warning,.caution{--text-luminosity: 40%;border-inline-start:.25em solid oklch(50% .1 var(--hue));background:oklch(50% .1 var(--hue)/15%);margin-block:1em;padding:1em;color:oklch(var(--text-luminosity) .1 var(--hue))}@media screen and (prefers-color-scheme: dark){.note,.tip,.important,.warning,.caution{--text-luminosity: 80%}}.note::before,.tip::before,.important::before,.warning::before,.caution::before{display:block;color:oklch(var(--text-luminosity) .1 var(--hue));font-size:1.1em;font-weight:700}.note{--hue: 260}.note::before{content:"Note"}.tip{--hue: 140}.tip::before{content:"Tip"}.important{--hue: 330}.important::before{content:"Important"}.warning{--hue: 90}.warning::before{content:"Warning"}.caution{--hue: 30}.caution::before{content:"Caution"}}