@import "https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap";html{color-scheme:light dark;color:var(--text-main);background-color:var(--bg-primary);scrollbar-gutter:stable}html:has([value=light]:checked){color-scheme:light}html:has([value=dark]:checked){color-scheme:dark}*,:before,:after{box-sizing:border-box}:not(dialog){margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;min-block-size:100svb;font-family:Archivo,sans-serif;line-height:1.6}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}h1{text-align:center;font-width:125%;font-stretch:125%;font-size:var(--text-3xl);letter-spacing:-.03em;margin-top:2rem;margin-bottom:1rem;font-weight:700;line-height:1.1}h2{font-size:var(--text-2xl);letter-spacing:-.02em;margin-top:1.5rem;margin-bottom:.75rem;font-weight:700;line-height:1.2}h3{font-size:var(--text-xl);margin-top:2rem;margin-bottom:.5rem;font-weight:600;line-height:1.3}small,.text-sm{font-size:var(--text-sm)}hr{border:solid .5px var(--bg-tertiary);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}p,li{max-width:var(--paragraph-width)}p{margin-bottom:1.5em}:first-child{margin-top:0}.content-main{padding:var(--spacing-sm) var(--spacing-md);padding-top:calc(var(--spacing-sm) + var(--header-height))}.stack{gap:var(--spacing-xs);flex-direction:column;display:flex}.grid{gap:var(--spacing-sm);row-gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;display:grid}.card{--card-color:var(--bg-secondary);padding:var(--spacing-sm);border-radius:var(--rounding-sm);height:auto;color:var(--text-secondary);background-color:var(--card-color);border:solid 1px var(--bg-tertiary);transition:background-color var(--timing-normal) ease-out;&[clickable=true]{cursor:pointer}&:hover{background-color:oklch(from var(--card-color) l c h / .5)}& .title{font-size:var(--text-lg);color:var(--text-main);font-weight:700}& .image{border-radius:var(--rounding-sm)}a>&{min-height:100%}}.button{background-color:var(--bg-tertiary);color:var(--text-main);border-radius:var(--rounding-lg);padding:var(--spacing-xs) var(--spacing-sm);border:2px solid var(--text-main);cursor:pointer;max-width:fit-content;font-weight:700;transition:box-shadow .2s;&:hover{outline:1px solid var(--text-main);box-shadow:0 5px 10px oklch(from var(--mid-grey) l c h / .5)}&[class*=accent]{background-color:var(--accent);color:var(--accent-text)}}.icon-wrapper{color:var(--text-main);cursor:pointer;background-color:#0000;border:none;border-radius:0;max-width:fit-content;padding:0;font-weight:700;transition:box-shadow .2s;&:hover{color:var(--text-tertiary)}}.article{max-width:96ch}:root{--header-height:68px;--black:oklch(20% .0165 255.31);--dark-grey:oklch(25% .0165 255.31);--mid-grey:oklch(40% .0165 255.31);--light-grey:oklch(70% 0 0);--off-white:oklch(90% 0 0);--white:oklch(95% 0 0);--accent:oklch(75% .13 121.51);--accent-text:var(--dark-grey);--text-main:light-dark(var(--black),var(--white));--text-secondary:light-dark(var(--dark-grey),var(--off-white));--text-tertiary:light-dark(var(--mid-grey),var(--light-grey));--accent-pair-text:var(--black);--bg-primary:light-dark(var(--white),var(--black));--bg-secondary:light-dark(var(--off-white),var(--dark-grey));--bg-tertiary:light-dark(var(--light-grey),var(--mid-grey));--spacing-xs:.25rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:10rem;--rounding-sm:.5rem;--rounding-md:1rem;--rounding-lg:2rem;--rounding-full:100%;--text-sm:clamp(.8rem, .75rem + .25vw, .875rem);--text-base:clamp(1rem, .9rem + .5vw, 1.125rem);--text-lg:clamp(1.125rem, 1rem + .75vw, 1.375rem);--text-xl:clamp(1.25rem, .9rem + 1.5vw, 1.75rem);--text-2xl:clamp(1.5rem, 1rem + 2vw, 2.25rem);--text-3xl:clamp(1.875rem, 1rem + 3vw, 3rem);--text-4xl:clamp(2.25rem, 1rem + 4vw, 4rem);--paragraph-width:70ch;--timing-normal:.5s}.site-header.svelte-oys6o3{z-index:1;width:100vw;height:var(--header-height);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-primary);color:var(--text-main);border-bottom:solid 1px var(--bg-tertiary);justify-content:space-between;align-items:center;display:flex;position:fixed}.header-nav-group.svelte-oys6o3{justify-content:center;gap:var(--spacing-sm);flex-direction:row;display:flex}a.svelte-oys6o3:hover{color:var(--text-secondary)}.brand.svelte-oys6o3 a:where(.svelte-oys6o3){color:inherit;font-size:var(--text-xl);font-width:125%;font-weight:700;font-stretch:125%;text-decoration:none}.site-nav.svelte-oys6o3 a:where(.svelte-oys6o3){color:inherit;font-size:var(--text-base);margin-left:1rem;text-decoration:none}.site-nav.svelte-oys6o3 a:where(.svelte-oys6o3):hover{text-decoration:underline}.github-btn.svelte-oys6o3{color:var(--text-main)}html,body{width:100%;height:100%;margin:0}