@font-face{font-family:Atkinson Hyperlegible;src:url(/fonts/AtkinsonHyperlegibleNextVF-Variable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Kalam;src:url(/fonts/Kalam-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Kalam;src:url(/fonts/Kalam-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Kalam;src:url(/fonts/Kalam-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Bitter;src:url(/fonts/Bitter-VariableFont_wght.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Bitter;src:url(/fonts/Bitter-Italic-VariableFont_wght.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}@layer reset,tokens,elements,composition,blocks,helpers,overrides;@layer reset{:is(ul,ol).cluster{list-style:none;padding-inline:0;margin-block:0}dd{margin-left:0}}@layer tokens{:root{--fontsize-base: 1.25rem;--lineheight-base: 1.6;--rhythm-unit: calc(var(--fontsize-base) * var(--lineheight-base));--type-ratio: 1.25;--font-text: "Atkinson Hyperlegible", system-ui, -apple-system, sans-serif;--font-heading: "Atkinson Hyperlegible", system-ui, -apple-system, sans-serif;--font-display: "Bitter", Georgia, Cambria, "Times New Roman", serif;--font-handwritten: "Kalam", "Comic Sans MS", "Apple Chancery", "Bradley Hand", cursive;--fontsize-xs: calc(var(--fontsize-base) / pow(var(--type-ratio), 2));--fontsize-sm: calc(var(--fontsize-base) / var(--type-ratio));--fontsize-md: var(--fontsize-base);--fontsize-lg: calc(var(--fontsize-base) * var(--type-ratio));--fontsize-xl: calc(var(--fontsize-base) * pow(var(--type-ratio), 2));--fontsize-2xl: calc(var(--fontsize-base) * pow(var(--type-ratio), 3));--fontsize-3xl: calc(var(--fontsize-base) * pow(var(--type-ratio), 4));--fontsize-4xl: calc(var(--fontsize-base) * pow(var(--type-ratio), 5));--lineheight-2xs: calc(var(--lineheight-base) - .5);--lineheight-xs: calc(var(--lineheight-base) - .4);--lineheight-sm: calc(var(--lineheight-base) - .2);--lineheight-md: var(--lineheight-base);--lineheight-lg: calc(var(--lineheight-base) + .1);--lineheight-xl: calc(var(--lineheight-base) + .2);--lineheight-2xl: calc(var(--lineheight-base) + .4);--space-0: 0;--space-3xs: calc(.125 * var(--rhythm-unit));--space-2xs: calc(.25 * var(--rhythm-unit));--space-xs: calc(.5 * var(--rhythm-unit));--space-sm: calc(.75 * var(--rhythm-unit));--space-md: var(--rhythm-unit);--space-lg: calc(1.5 * var(--rhythm-unit));--space-xl: calc(2 * var(--rhythm-unit));--space-2xl: calc(3 * var(--rhythm-unit));--space-3xl: calc(4 * var(--rhythm-unit));--neutral-50: oklch(98% .002 270);--neutral-200: oklch(85% .01 270);--neutral-500: oklch(79.685% .04573 269.924);--neutral-800: oklch(25% .01 270);--neutral-950: oklch(10% .005 270);--accent-light: oklch(70% .15 180);--accent: oklch(55% .18 180);--accent-dark: oklch(40% .16 180)}}@layer elements{:root{color-scheme:light dark}body{--foreground: light-dark(black, white);--background: light-dark(white, black);color:var(--foreground);background-color:var(--background);font-family:var(--font-text);font-size:var(--fontsize-md);line-height:var(--lineheight-md)}:is(h1,h2,h3,h4,h5,h6){font-family:var(--font-heading)}h1{font-weight:100;font-size:var(--fontsize-4xl);line-height:var(--lineheight-2xs)}h2{font-weight:700;font-size:var(--fontsize-3xl);line-height:var(--lineheight-xs)}h3{font-weight:600;font-size:var(--fontsize-2xl);line-height:var(--lineheight-sm)}h4{font-weight:500;font-size:var(--fontsize-xl);line-height:var(--lineheight-sm)}h5{font-weight:400;font-style:italic;font-size:var(--fontsize-lg);line-height:var(--lineheight-md)}h6{font-weight:600;font-size:var(--fontsize-md);line-height:var(--lineheight-md)}img{max-width:100%;height:auto}select{font-size:var(--fontsize-md);padding:var(--space-2xs);border-radius:.5em}[data-theme=dark]{color-scheme:dark}[data-theme=light]{color-scheme:light}dt{font-weight:700}:where(dl,ul,ol):not([class]):not(li *){border-inline-start:var(--space-3xs) light-dark(black,white) solid;padding-inline-start:var(--space-sm);padding-block:var(--space-xs);background-color:light-dark(var(--neutral-50),var(--neutral-950));&:has(:nth-child(10)){padding-inline-start:var(--space-md)}li{margin-left:var(--space-xs)}}dl:not([class]) dd+dt{margin-top:var(--space-2xs)}}@layer composition{[class^=stack]>*{margin-block:0}.stack>*+*{margin-block-start:var(--stack-gap, var(--space-md))}.cluster{display:flex;flex-wrap:nowrap;justify-content:var(--cluster-justify, flex-start);align-items:var(--cluster-align, center);gap:var(--cluster-gap, var(--space-md))}:where(ul,ol).cluster{--cluster-gap: var(--space-sm)}}@layer blocks{[href="#main-content"]{position:absolute;top:0;left:50%;translate:-50% -100%;transition:translate .2s ease-in-out;padding:var(--space-xs);&:focus{display:block;translate:-50% 0}}:is(#page-header,#page-footer){--stack-gap: var(--space-xs);>*{width:fit-content;margin-inline:auto}border-block-width:1px;border-inline-width:0;border-style:solid}#page-header{border-block-start-width:0;padding-block-end:var(--stack-gap)}#page-footer{border-block-end-width:0;padding-block-start:var(--stack-gap)}#home{--cluster-gap: var(--space-2xs);--cluster-align: baseline;font-size:var(--fontsize-4xl);font-family:var(--font-handwritten);font-weight:400;text-decoration:none;color:light-dark(black,white);svg{height:1cap;width:auto}}dl.metadata{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.metadata-item{display:flex;gap:var(--space-3xs);& dt:after{content:": "}}article :where(header,footer){--stack-gap: var(--space-3xs);p{font-family:var(--font-handwritten);font-size:var(--fontsize-xl);color:light-dark(var(--neutral-800),var(--neutral-200))}}header>.metadata{font-size:var(--fontsize-sm);color:light-dark(var(--neutral-800),var(--neutral-200))}}@layer helpers{.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.center{display:block;width:fit-content;margin-inline:auto}}