@layer reset,variables,base,layout,components;@layer reset{@layer reset{*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100vh}h1,h2,h3,h4,h5,h6,p,blockquote,figure{margin:0}ul,ol{margin:0;padding:0}ul,ol{list-style:none}img,picture,video,canvas,svg{display:block;max-width:100%}img{height:auto}input,button,textarea,select{color:inherit;font:inherit}button{background:none;border:none;padding:0}textarea{resize:vertical}table{border-collapse:collapse;border-spacing:0}a{color:inherit;text-decoration:none}hr{border:none;height:0}}}@layer variables{@layer variables{@font-face{font-family:IBM Plex Sans;src:url("../fonts/IBMPlexSans-Regular-Latin1-YRFYPNCY.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url("../fonts/IBMPlexSans-Bold-Latin1-PPTWHZ5P.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:"IBM Plex Serif";src:url("../fonts/IBMPlexSerif-Regular-Latin1-JZOLIPUZ.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"IBM Plex Serif";src:url("../fonts/IBMPlexSerif-Bold-Latin1-ITPVBEJN.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url("../fonts/IBMPlexMono-Regular-Latin1-NN3AOFVH.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url("../fonts/IBMPlexMono-Bold-Latin1-J2KRLIQW.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}:root{color-scheme:light dark;--bg-primary: oklch(97% .01 240);--bg-secondary: oklch(30% 0 0);--border-primary: oklch(30% 0 0);--text-primary: oklch(22% .02 250);--text-secondary: oklch(97% .01 240);--accent-primary: oklch(48% .17 255);--focus-ring: oklch(48% .17 255);--font-sans: "IBM Plex Sans", sans-serif;--font-serif: "IBM Plex Serif", serif;--font-mono: "IBM Plex Mono", monospace;--font-weight-regular: 400;--font-weight-bold: 800;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1.15rem;--font-size-md: 1.25rem;--font-size-lg: 1.5rem;--font-size-xl: 2rem;--font-size-xxl: 2.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--space-8: 2.5rem;--space-9: 3rem;--space-10: 3.5rem;--space-11: 4rem;--space-12: 5rem;--radius-1: 3px;--radius-2: 4px;--radius-3: 8px;--container-max-width: 55rem;--content-max-width: 70ch}@media (prefers-color-scheme: dark){:root{--bg-primary: oklch(15% .04 281);--bg-secondary: oklch(39% .14 254);--border-primary: oklch(70% .12 200);--text-primary: oklch(90% .01 250);--text-secondary:oklch(90% .01 250);--accent-primary: oklch(69% .17 254);--focus-ring: oklch(60% .2 255)}}}}@layer base{@layer base{html{height:100%}body{background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.6;min-height:100%;& main{display:flex;flex-direction:column;flex-grow:1}}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:var(--font-weight-bold)}h1{font-size:clamp(var(--font-size-xl),5vw,var(--font-size-xxl))}h2{font-size:var(--font-size-lg)}h3,h4{font-size:var(--font-size-md)}p{font-size:var(--font-size-base)}strong{font-weight:var(--font-weight-bold)}em{font-style:italic}small{color:var(--text-secondary);font-size:var(--font-size-sm)}ul,ol{margin:0 0 var(--space-4) var(--space-5)}li{margin:0 var(--space-3) 0}a{color:var(--accent-primary);text-decoration-thickness:1px;text-underline-offset:.15em;&:hover{text-decoration:underline}}blockquote{border-left:3px solid var(--border-primary);color:var(--text-secondary);margin:var(--space-4) 0;padding-left:var(--space-4)}code,pre{font-family:var(--font-mono),monospace;font-size:var(--font-size-sm)}code{background:var(--bg-secondary);border-radius:var(--radius-2);padding:.1em .3em}pre{background:var(--bg-secondary);border-radius:var(--radius-2);border:1px solid var(--border-primary);margin:var(--space-6) 0;overflow-x:auto;padding:var(--space-4)}pre code{background:none;padding:0}hr{border:none;border-top:1px solid var(--border-primary);margin:var(--space-7) 0}.prose{>:first-child{margin-top:0}>:last-child{margin-bottom:0}& p{margin-bottom:var(--space-4)}h1,h2,h3,h4,h5,h6{margin-bottom:var(--space-6)}}}}@layer layout{@layer layout{.container,.prose{margin-inline:auto;padding-inline:var(--space-3);width:100%}.container{max-width:var(--container-max-width)}.prose{max-width:var(--content-max-width)}@media (min-width: 40rem){.container,.prose{padding-inline:var(--space-4)}}@media (min-width: 64rem){.container,.prose{padding-inline:var(--space-5)}}}}@layer components{@layer components{.header,.footer{font-size:var(--font-size-sm);padding-block:var(--space-4)}.header{background-color:var(--bg-secondary)}.footer{border-top:1px solid var(--border-primary);text-align:center}.skiplink{color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-sm);left:-100%;position:absolute;text-transform:uppercase;top:var(--space-4);&:focus{left:var(--space-4)}}.site-nav{display:flex;gap:var(--space-6);justify-content:center;& a{color:var(--text-secondary);font-family:var(--font-mono);text-transform:uppercase}}.tags{display:flex;gap:var(--space-6);justify-content:center;& a{font-family:var(--font-mono);text-decoration:none;text-transform:uppercase;&:before{content:"[ "}&:after{content:" ]"}}}.info-text{font-family:var(--font-mono);font-size:var(--font-size-sm)}.entries-list{margin:0}.entry{margin-inline:0;+.entry{border-top:1px solid var(--border-primary);margin-top:var(--space-8);padding-top:var(--space-8)}}.page{padding-block:var(--space-12);& h1{margin-bottom:var(--space-12)}}.post-page{container-type:inline-size;flex-grow:1;padding-bottom:0;& footer{border-top:1px solid var(--border-primary);padding-block:var(--space-9)}& header{display:flex;flex-direction:column;font-size:var(--font-size-sm);gap:var(--space-3);padding-bottom:var(--space-8);position:relative;text-align:center;@container (min-width: 40rem){gap:var(--space-5)}&:after{background-color:var(--border-primary);content:"";display:block;height:2px;left:50%;position:absolute;top:100%;transform:translate(-50%);width:20%}}& section{padding-block:var(--space-8) var(--space-12)}.lead{font-size:var(--font-size-md)}.links{display:flex;flex-direction:column;gap:var(--space-6);@container (width > 40rem){flex-direction:row}}.link-next{margin-left:auto;text-align:right}.link{@container (width > 40rem){width:50%}& a{font-family:var(--font-mono);font-weight:var(--font-weight-bold)}& span{display:block;font-size:var(--font-size-sm);margin-bottom:var(--space-4);text-transform:uppercase}}}}}