@layer reset,variables,base,layout,components,pages,syntax;@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{list-style:none;margin:0;padding:0}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{@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{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);text-wrap:balance}h1,.h1{font-size:clamp(var(--font-size-xl),5vw,var(--font-size-xxl))}h2,.h2{font-size:clamp(var(--font-size-lg),5vw,var(--font-size-xl))}h3,.h3,h4,.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)}hr{background-color:var(--border-primary);height:2px;margin:var(--space-12) auto;width:min(20vh,20vw)}.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)}ol{list-style:decimal}ul{list-style:initial}}}@layer layout{.container,.prose{margin-inline:auto;padding-inline:var(--space-5);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{.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{.headline{margin-bottom:var(--space-8);text-align:center}}.entry{margin-inline:0;+&{margin-top:var(--space-12)}}}@layer pages{.page{padding-block:var(--space-12);h1{margin-bottom:var(--space-12);text-align:center}}.tags-page{.entry+.entry{margin-top:var(--space-6)}}.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);text-align:center;@container (min-width: 40rem){gap:var(--space-5)}h1{margin-bottom:0}}section{padding-bottom: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);text-transform:uppercase}}}}@layer syntax{.code-block{border:1px solid var(--border-primary);border-radius:2px;margin-block:var(--space-6);-moz-tab-size:4;tab-size:4}.code-lang{font-family:var(--font-mono);font-size:var(--font-size-sm);padding-inline:var(--space-4);text-transform:uppercase}.chroma{display:grid;.line{padding-inline:var(--space-4)}}code,pre{font-family:var(--font-mono);font-size:var(--font-size-sm)}code:not(pre code){background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-2);padding:.1em .3em;white-space:break-spaces}pre{margin:0;overflow-x:auto;padding-block:var(--space-4)}}@media (prefers-color-scheme: light){code:not(pre code),.bg{color:#4c4f69;background-color:#eff1f5}.chroma{color:#4c4f69;background-color:#eff1f5;-webkit-text-size-adjust:none}.chroma .ln:target{color:#4c4f69;background-color:#bcc0cc}.chroma .lnt:target{color:#4c4f69;background-color:#bcc0cc}.chroma .err{color:#d20f39}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#bcc0cc}.chroma .lnt,.chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#8c8fa1}.chroma .line{display:flex}.chroma .k{color:#8839ef}.chroma .kc{color:#fe640b}.chroma .kd{color:#d20f39}.chroma .kn{color:#179299}.chroma .kp,.chroma .kr{color:#8839ef}.chroma .kt{color:#d20f39}.chroma .na{color:#1e66f5}.chroma .nc,.chroma .no{color:#df8e1d}.chroma .nd{color:#1e66f5;font-weight:700}.chroma .ni{color:#179299}.chroma .ne{color:#fe640b}.chroma .nl{color:#04a5e5}.chroma .nn,.chroma .py{color:#fe640b}.chroma .nt{color:#8839ef}.chroma .nb,.chroma .bp{color:#04a5e5}.chroma .nv,.chroma .vc,.chroma .vg,.chroma .vi,.chroma .vm{color:#dc8a78}.chroma .nf,.chroma .fm{color:#1e66f5}.chroma .s{color:#40a02b}.chroma .sa{color:#d20f39}.chroma .sb,.chroma .sc{color:#40a02b}.chroma .dl{color:#1e66f5}.chroma .sd{color:#9ca0b0}.chroma .s2{color:#40a02b}.chroma .se{color:#1e66f5}.chroma .sh{color:#9ca0b0}.chroma .si,.chroma .sx{color:#40a02b}.chroma .sr{color:#179299}.chroma .s1,.chroma .ss{color:#40a02b}.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .il,.chroma .mo{color:#fe640b}.chroma .o,.chroma .ow{color:#04a5e5;font-weight:700}.chroma .c{color:#9ca0b0;font-style:italic}.chroma .ch{color:#acb0be;font-style:italic}.chroma .cm,.chroma .c1,.chroma .cs,.chroma .cp{color:#9ca0b0;font-style:italic}.chroma .cpf{color:#9ca0b0;font-weight:700;font-style:italic}.chroma .gd{color:#d20f39;background-color:#ccd0da}.chroma .ge{font-style:italic}.chroma .gr{color:#d20f39}.chroma .gh{color:#fe640b;font-weight:700}.chroma .gi{color:#40a02b;background-color:#ccd0da}.chroma .gs{font-weight:700}.chroma .gu{color:#fe640b;font-weight:700}.chroma .gt{color:#d20f39}.chroma .gl{text-decoration:underline}}@media (prefers-color-scheme: dark){code:not(pre code),.bg{color:#cdd6f4;background-color:#1e1e2e}.chroma{color:#cdd6f4;background-color:#1e1e2e;-webkit-text-size-adjust:none}.chroma .ln:target{color:#cdd6f4;background-color:#45475a}.chroma .lnt:target{color:#cdd6f4;background-color:#45475a}.chroma .err{color:#f38ba8}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#45475a}.chroma .lnt,.chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f849c}.chroma .line{display:flex}.chroma .k{color:#cba6f7}.chroma .kc{color:#fab387}.chroma .kd{color:#f38ba8}.chroma .kn{color:#94e2d5}.chroma .kp,.chroma .kr{color:#cba6f7}.chroma .kt{color:#f38ba8}.chroma .na{color:#89b4fa}.chroma .nc,.chroma .no{color:#f9e2af}.chroma .nd{color:#89b4fa;font-weight:700}.chroma .ni{color:#94e2d5}.chroma .ne{color:#fab387}.chroma .nl{color:#89dceb}.chroma .nn,.chroma .py{color:#fab387}.chroma .nt{color:#cba6f7}.chroma .nb,.chroma .bp{color:#89dceb}.chroma .nv,.chroma .vc,.chroma .vg,.chroma .vi,.chroma .vm{color:#f5e0dc}.chroma .nf,.chroma .fm{color:#89b4fa}.chroma .s{color:#a6e3a1}.chroma .sa{color:#f38ba8}.chroma .sb,.chroma .sc{color:#a6e3a1}.chroma .dl{color:#89b4fa}.chroma .sd{color:#6c7086}.chroma .s2{color:#a6e3a1}.chroma .se{color:#89b4fa}.chroma .sh{color:#6c7086}.chroma .si,.chroma .sx{color:#a6e3a1}.chroma .sr{color:#94e2d5}.chroma .s1,.chroma .ss{color:#a6e3a1}.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .il,.chroma .mo{color:#fab387}.chroma .o,.chroma .ow{color:#89dceb;font-weight:700}.chroma .c{color:#6c7086;font-style:italic}.chroma .ch{color:#585b70;font-style:italic}.chroma .cm,.chroma .c1,.chroma .cs,.chroma .cp{color:#6c7086;font-style:italic}.chroma .cpf{color:#6c7086;font-weight:700;font-style:italic}.chroma .gd{color:#f38ba8;background-color:#313244}.chroma .ge{font-style:italic}.chroma .gr{color:#f38ba8}.chroma .gh{color:#fab387;font-weight:700}.chroma .gi{color:#a6e3a1;background-color:#313244}.chroma .gs{font-weight:700}.chroma .gu{color:#fab387;font-weight:700}.chroma .gt{color:#f38ba8}.chroma .gl{text-decoration:underline}}
