@layer reset,variables,defaults,layout,utilities,components; @layer fonts{@font-face{font-family:"Atkinson Hyperlegible Next";src:url("/assets/fonts/AtkinsonHyperlegibleNextVF-Variable.woff2") format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Sentient;src:url("/assets/fonts/Sentient.ttf") format("truetype-variations");font-weight:100 900;font-style:normal}@font-face{font-family:Sentient;src:url("/assets/fonts/Sentient-Italic.ttf") format("truetype-variations");font-weight:100 900;font-style:italic}@font-face{font-family:"JetBrains Mono";src:url("/assets/fonts/JetBrainsMono-Variable.woff2") format("woff2");font-weight:100 900;font-style:normal}@font-face{font-family:"JetBrains Mono";src:url("/assets/fonts/JetBrainsMono-VariableItalic.woff2") format("woff2");font-weight:100 900;font-style:italic}}@layer reset{:root{font-size:100%;font-family:system-ui,sans-serif;scroll-behavior:smooth}:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}::after,::before{display:block}canvas,figure,iframe,img,picture,video{max-width:100%;display:block;width:100%;height:initial;object-fit:cover;object-position:center center}a{display:block;text-decoration:none;color:inherit;font:inherit;cursor:pointer}p a{display:inline}li,menu,summary{list-style-type:none}ol{counter-reset:revert}a,b,blockquote,code,del,em,h1,h2,h3,h4,h5,h6,i,mark,p,pre,span,strong,u{font:inherit;line-height:1.5;text-decoration:none;color:inherit;overflow-wrap:break-word;text-wrap:pretty}mark{background-color:transparent}blockquote::after,blockquote::before,q::after,q::before{content:none}button,form,input,label,select,textarea{font:inherit;hyphens:auto;background-color:transparent;color:inherit;display:block;appearance:none}fieldset{border:none}::placeholder{color:unset}button,label{cursor:pointer}table,tbody,td,tfoot,th,thead,tr{border-collapse:collapse;border-spacing:0;font:inherit}svg{width:100%;height:initial;display:block;fill:currentColor}body{min-height:100vh;line-height:1.5em;color:inherit;hyphens:auto;font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}textarea{white-space:pre-wrap}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}@media (prefers-reduced-motion :reduce){*{animation:none!important;transition:none!important}}::selection{background-color:var(--color-primary);color:var(--color-dark)}}@layer variables{html{--color-primary:hsl(167, 89%, 46%);--color-dark:hsl(280, 8%, 20%);--color-light:hsl(200, 20%, 97%);--color-borders:hsl(200, 12%, 88%);--color-muted:hsl(200, 15%, 35%);--color-white:hsl(0, 0%, 100%);--font-sans:"Atkinson Hyperlegible Next",sans-serif;--font-serif:Sentient,serif;--font-mono:"JetBrains Mono",monospace;--text-align:left}.main-content{--text-2xl:calc( var(--text-base) * 2);--text-xl:calc( var(--text-base) * 1.25);--text-lg:calc( var(--text-base) * 1.15);--text-base:1rem;--text-sm:calc( var(--text-base) * .875)}[data-theme=dark]{--color-dark:hsl(280, 8%, 90%);--color-light:hsl(200, 20%, 15%);--color-borders:hsl(200, 12%, 25%);--color-muted:hsl(200, 15%, 70%);--color-white:hsl(0, 0%, 5%)}}@layer defaults{:root{font-family:var(--font-sans);font-size:var(--text-base);font-weight:400}body{color:var(--color-dark);background-color:var(--color-light);text-align:var(--text-align);hyphens:none}*,::after,::before{transition-property:color background-color;transition-duration:var(--transition-duration);transition-timing-function:var(--transition-function)}.main-content{font-size:var(--text-base);text-align:var(--align,left)}:where(h1,.h1){font-size:var(--text-2xl);line-height:1.25}:where(h2,.h2){font-size:var(--text-xl)}:where(h3,.h3){font-size:var(--text-lg)}:where(h1,h2,h3){font-weight:700}:where(h1,h2,h3,h4,h5){margin-bottom:.5rem}:where(p,ul,ol,li,blockquote){margin-bottom:1rem}blockquote{padding-left:2.5em;margin-block:2.75em;color:var(--color-muted);font-size:var(--text-lg);position:relative}blockquote p{margin:0}blockquote::after{content:"\201C";display:block;color:var(--color-borders);font-size:5em;position:absolute;left:0;top:0;line-height:.75}b,strong{font-weight:700}em,i{font-style:italic}a:not(.link-clean){text-decoration:underline;text-decoration-color:var(--color-primary);text-decoration-thickness:.25em;text-underline-offset:.1em;text-decoration-skip-ink:none;font-weight:500}a:not(.link-clean):is(:hover,:focus-visible){text-decoration-thickness:.5em}small{font-size:.875rem}:focus-visible{outline:2px dashed var(--color-muted);outline-offset:.5rem}:is(.sr-only,.sr-only--focusable){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only--focusable:focus-visible{position:fixed;width:auto;height:auto;padding:.5rem;background-color:var(--color-white);margin:.5rem;clip:initial;border:1px solid var(--color-primary)}input[type=radio]{min-width:.6rem;width:.6rem;height:.6rem;position:static;display:inline-block;border-radius:1rem;outline:1px solid var(--color-borders);outline-offset:2px;transition-property:border-color background-color;margin:0 .6rem 0 3px}input[type=radio]+label{display:inline-block}input[type=radio]:checked{background-color:var(--color-primary);outline-color:var(--color-dark)}input[type=radio]:focus-visible+label{outline:2px dashed var(--color-muted);outline-offset:.25rem}input[type=range]{background-color:var(--color-primary);height:.4rem;border-radius:.25rem;border:1px solid var(--color-borders);width:100%;margin-block:.75rem}input[type=range]::-moz-range-thumb{-webkit-appearance:none;width:1rem;height:1rem;border-radius:1rem;background-color:var(--color-dark);border:5px solid var(--color-white)}input[type=range]::-webkit-slider-thumb{width:1rem;height:1rem;border-radius:1rem;background-color:var(--color-dark);border:5px solid var(--color-white)}}@layer layout{.container{width:65ch;max-width:calc(100% - 3rem);margin-inline:auto}.container-lg{width:117rem;max-width:calc(100% - 3rem);margin-inline:auto}}@layer utilities{.m-0{margin:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.text-primary{color:var(--color-primary)}.text-dark{color:var(--color-dark)}.text-muted{color:var(--color-muted)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.font-mono{font-family:var(--font-mono)}.block{display:block}.hidden{display:none}}.marker-list{margin-bottom:3rem}.marker-list.links-list{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.marker-list li{padding-left:1.5em}:is(:is(.marker-list li) :is(h2,h3))::before{content:"";display:inline-block;width:.8em;height:.75em;background-color:var(--color-primary);border-radius:.125em .125em .125em .375em;margin-top:.4em;margin-left:-1.25em;margin-right:.5em}:is(.marker-list li) :is(h2,h3,.marker-list__subt,.marker-list__desc){transition-property:color font-weight}:is(.marker-list li):is(:hover,:focus-within)::before{background-color:var(--color-borders)}:is(.marker-list li):is(:hover,:focus-within) :is(h2,h3){font-weight:700}:is(.marker-list li):is(:hover,:focus-within) .marker-list__subt{color:var(--color-dark)}:is(.marker-list li):is(:hover,:focus-within) .marker-list__desc{color:var(--color-muted)}.main-header{position:sticky;top:1.2rem;margin-bottom:3rem;z-index:10}:is(.main-header nav) ul{display:flex;flex-wrap:wrap;gap:1rem;background-color:var(--color-white);margin:0;padding:9px 15px;border-radius:.5rem;max-width:fit-content}:is(:is(.main-header nav) ul) li{margin:0}:is(:is(:is(.main-header nav) ul) li) a{display:block}:is(:is(:is(:is(.main-header nav) ul) li) a)::before{content:"";display:inline-block;width:.8rem;height:.75rem;background-color:var(--color-borders);margin-right:.4rem;border-radius:.125rem .125rem .125rem .375rem}:is(:is(:is(:is(.main-header nav) ul) li) a):is(:hover,:focus-visible)::before{background-color:var(--color-primary)}:is(.is-active:is(:is(:is(.main-header nav) ul) li) a)::before{background-color:var(--color-primary)}.main-header .options{position:fixed;bottom:1.2rem}:is(.main-header .options)>ul{position:relative;display:flex;flex-wrap:wrap;gap:1.5rem;background-color:var(--color-white);margin:0;padding:9px 15px;border-radius:.5rem;max-width:fit-content}:is(:is(.main-header .options) > ul)>li{margin:0}:is(:is(:is(.main-header .options) > ul) > li) button{width:1.5rem;height:1.5rem}:is(:is(:is(:is(.main-header .options) > ul) > li) #theme-toggle) .dark{display:none}:is(:is(:is(.main-header .options) > ul) > li) button:disabled{opacity:.3;filter:blur(1px);pointer-events:none}:is(:is(:is(.main-header .options) > ul) > li) .options__submenu{position:absolute;z-index:-1;inset-inline:0;bottom:calc(100% - .5rem);background-color:var(--color-white);padding:1rem;border-radius:.5rem .5rem 0 0;transform:translateY(100%);opacity:0;transform-origin:bottom;transition-property:transform opacity}:is(:is(:is(:is(.main-header .options) > ul) > li) .options__submenu) :is(ul,li){margin:0 0 .5rem}:is(:is(:is(:is(.main-header .options) > ul) > li) .options__submenu--font) ul{display:grid;gap:.75rem}:is(:is(:is(:is(.main-header .options) > ul) > li) .options__submenu--font) li{display:flex;line-height:1.4;gap:.5rem}:is(:is(:is(:is(:is(:is(.main-header .options) > ul) > li) .options__submenu--font) li) label) small{color:var(--color-muted);display:block}:is(:is(:is(:is(:is(.main-header .options) > ul) > li) .options__submenu--font) li) input{margin-top:.45em}:is(:is(:is(.main-header .options) > ul) > li) .options__submenu--visible{transform:scaleY(1);opacity:1}:is(:is(:is(:is([data-theme=dark] .main-header) .options) li) #theme-toggle) .dark{display:block}:is(:is(:is(:is([data-theme=dark] .main-header) .options) li) #theme-toggle) .light{display:none}@media (min-width:768px){.main-header .main-header__wrapper{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}:is(.main-header .main-header__wrapper) .options{position:static}:is(:is(.main-header .main-header__wrapper) .options) .options__submenu{bottom:auto;top:calc(100% - .5rem);border-radius:0 0 .5rem .5rem;transform-origin:top;transform:translateY(-100%)}:is(:is(:is(.main-header .main-header__wrapper) .options) .options__submenu) :is(ul,li,.options__submenu__wrapper){margin:.5rem 0 0}:is(:is(.main-header .main-header__wrapper) .options) .options__submenu--visible{transform:translateY(0)}}@layer components{.marker::before{content:"";display:inline-block;width:.8em;height:.75em;background-color:var(--color-primary);margin-right:.5em;border-radius:.125em .125em .125em .375em}.profile-img{width:4.6875em;height:4.6875em;border-radius:.5em .5em .5em 2em}body{display:flex;flex-direction:column}.main-content{margin-bottom:5rem;min-height:calc(100vh - 11rem)}body.page-index .main-content{display:flex;flex-wrap:wrap;flex-direction:row;align-content:center;gap:1em 1.5em}.text-center:is(body.page-index .main-content){justify-content:center}.text-right:is(body.page-index .main-content){justify-content:flex-end}.page-heading h1{display:inline-block}.post-header{display:flex;flex-direction:column-reverse;gap:1rem}.section-heading{font-weight:700;border-bottom:1px dashed var(--color-muted)}.post-blog-link:is(:hover,:focus-visible) b{color:var(--color-primary)}.main-footer{margin-top:auto;border-top:1px solid var(--color-borders);padding:.75rem 1.5rem 5rem}.main-footer p{font-size:.75rem;margin:0;text-wrap:balance}@media (min-width:768px){.main-content{min-height:calc(60svh - 3rem)}.main-footer{padding-bottom:.75rem}}}