@layer reset{*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}[role=list]{list-style:none;margin:0;padding:0}body{min-block-size:100vh;line-height:1.6}h1,h2,h3{line-height:1.6}button,input,label{line-height:1}h1{text-wrap:balance}li{text-align:left}img,picture{max-inline-size:100%;display:block}input,button,textarea,select{font:inherit}button,[type=button],[type=reset]{cursor:pointer;appearance:none;-webkit-appearance:button;border:0}}@layer base{@font-face{font-family:ProggyNerdFont;src:url(/fonts/ProggyCleanCENerdFont-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Playfair Display;src:url(/fonts/PlayfairDisplay-VariableFont.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap}@font-face{font-family:Playfair Display;src:url(/fonts/PlayfairDisplay-Italic-VariableFont.woff2) format("woff2");font-weight:400 900;font-style:italic;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-VariableFont.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Italic-VariableFont.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-VariableFont.woff2) format("woff2");font-weight:100 800;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Italic-VariableFont.woff2) format("woff2");font-weight:100 800;font-style:italic;font-display:swap}:root{--clr-stone-20: #fdfdfb;--clr-stone-50: #fafaf9;--clr-stone-100: #f5f5f4;--clr-stone-200: #e7e5e4;--clr-stone-300: #d6d3d1;--clr-stone-400: #a8a29e;--clr-stone-450: #939598;--clr-stone-500: #78716c;--clr-stone-600: #57534e;--clr-stone-700: #44403c;--clr-stone-800: #292524;--clr-stone-900: #1c1917;--clr-stone-1000: #0c0a09;--ff-heading: "Playfair Display", serif;--ff-body: "Inter", sans-serif;--ff-caption: "ProggyNerdFont", monospace;--ff-footnote: "ProggyNerdFont", monospace;--fs-200: .7rem;--fs-300: .875rem;--fs-400: 1rem;--fs-500: 1.125rem;--fs-600: 1.25rem;--fs-700: 1.4rem;--fs-800: 1.5rem;--fs-900: 2rem;--fs-1000: 2.5rem;@media(width>760px){--fs-200: .7rem;--fs-300: .875rem;--fs-400: 1rem;--fs-500: 1.25rem;--fs-600: 1.5rem;--fs-700: 1.75rem;--fs-800: 2.2rem;--fs-900: 3rem;--fs-1000: 3.5rem}}:root{--text-font-main: var(--ff-body);--text-font-color-heading: var(--ff-heading);--text-font-figure-caption: var(--ff-caption);--text-color-main: var(--clr-stone-900);--text-color-header: var(--clr-stone-900);--text-color-capitalisation: var(--clr-stone-400);--text-color-blog-titles: var(--clr-stone-800);--text-color-big-blog-titles: var(--clr-stone-1000);--text-color-footer: var(--clr-stone-1000);--text-color-footnote: var(--clr-stone-800);--background-main-color: var(--clr-stone-20);--background-bleed-color: var(--clr-stone-100);--background-index-color: var(--clr-stone-100);--font-size-heading-sm: var(--fs-700);--font-size-heading-regular: var(--fs-800);--font-size-heading-lg: var(--fs-900);--font-size-heading-xl: var(--fs-1000);--font-size-xs: var(--fs-200);--font-size-sm: var(--fs-300);--font-size-regular: var(--fs-400);--font-size-md: var(--fs-500);--font-size-lg: var(--fs-600)}html{font-family:var(--ff-body);line-height:1.6;scroll-behavior:smooth}body{font-family:var(--ff-body);font-size:var(--font-size-sm);color:var(--text-color-main);background-color:var(--background-bleed-color)}main b{font-weight:550}h1,h2,h3,h4{font-family:var(--ff-heading);font-weight:400}p{margin-bottom:.75em;line-height:1.7;hyphens:none;font-weight:350}ul,ol{margin-block-start:1.5em;margin-block-end:1.5em;font-weight:350}p:has(+ul),p:has(+ol),ul:has(+ol),ol:has(+ul){margin-bottom:0}ul>li:not(:last-child),ol>li:not(:last-child){margin-bottom:.75em}ul,ol{hyphens:auto;text-align:justify}figcaption{font-family:var(--ff-caption);margin-block:.25em;line-height:1.3}::selection{background-color:#cd5c5c66}p>code,li>code,h2>code,h3>code{background-color:var(--clr-stone-100)}code{font-family:JetBrains Mono,ui-monospace;color:#4c4f69}.new-line{hyphens:none}}@layer component{.wrapper{display:flex;flex-direction:column;margin-inline:auto;box-sizing:content-box;&[data-width=narrow]{max-width:620px}&[data-width="very narrow"]{max-width:100px}}.astro-code{padding-inline:1rem;padding-block:.75rem;border-radius:5px;height:400px;overflow-y:auto;overflow-x:auto;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.astro-code code{font-family:JetBrains Mono;font-size:.8em;line-height:.75em;white-space:pre;overflow-wrap:normal;word-break:normal}:not(pre)>code{padding:0 .35em;border-radius:6px}pre{margin-top:.5em;margin-bottom:2em}h1{font-size:var(--font-size-heading-xl);color:var(--text-color-big-blog-titles)}h2,h3,h4{padding-top:1em;padding-bottom:.5em;font-weight:700;color:var(--text-color-blog-titles)}.sr-only{border-top:1px solid var(--clr-stone-200);padding-bottom:0rem;padding-top:.5em;margin-top:4rem;font-family:ProggyNerdFont,monospace;font-weight:200;color:var(--text-color-footnote)}.footnotes ol{padding-inline-start:1.4em;font-size:smaller;color:var(--text-color-footnote)}.footnotes>ol>li{padding-inline:5px}.footnotes>ol>li:target{background-color:var(--clr-stone-200);border-radius:5px}.data-footnote-backref{color:var(--clr-stone-900);text-decoration:none}.data-footnote-backref:hover{color:red}sup{font-size:1em;vertical-align:super;line-height:0}sup a{color:var(--text-color-footnote);text-decoration:none;margin:0;padding:0;font-weight:500;font-family:var(--ff-footnote)}sup a:hover{color:red}.date{color:var(--clr-stone-500);text-transform:uppercase;text-align:center;font-weight:300;font-size:var(--font-size-xs)}}@layer layout{main{flex:1}.site-wrapper{display:flex;flex-direction:column;min-height:100vh;--wrapper-max-width: 1000px;max-width:var(--wrapper-max-width);margin-inline:auto;box-sizing:content-box;@media(width>1000px){border-left:1.5px solid var(--clr-stone-200);border-right:1.5px solid var(--clr-stone-200)}background-color:var(--background-main-color)}.content-wrapper{--wrapper-padding: 2.2rem;padding-inline:var(--wrapper-padding)}.card-wrapper{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;justify-items:start;>:nth-child(1){grid-column:1/2;box-sizing:border-box}>:nth-child(2){grid-column:2/5;padding-inline:2rem;box-sizing:border-box;border-left:1.5px solid var(--clr-stone-200);@media(width<760px){border-left:none;padding-inline:0rem}}}.header-footer-wrapper{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;align-items:center}}@layer utilities{.text-center{@media(width<330px){justify-content:center}}.heading-center{text-align:center}.text-italics{font-style:italic;font-family:var(--ff-heading)}.text-smaller{font-size:var(--font-size-xs)}.text-uppercase{text-transform:uppercase}.text-color-gray{color:var(--clr-stone-500)}.border-bottom{border-bottom:1.5px solid var(--clr-stone-200)}.border-bottom-half{border-bottom:.75px solid var(--clr-stone-200)}.border-top{border-top:1.5px solid var(--clr-stone-200)}.pd-block-xl{padding-block:4rem}.pd-block-lg{padding-block:3rem}.pd-block-sm{padding-block:2rem}.pd-block-xs{padding-block:.75rem}.text-wrap{text-wrap:wrap}.pd-text{padding-bottom:.75rem}.pd-bottom{padding-bottom:2rem}}