img,picture{width:100%;max-width:100%;display:block}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:root{--_hue: 235;--space-2xs: clamp(.31rem, calc(.18rem + .65vw) , .69rem);--space-xs: clamp(.56rem, calc(.39rem + .87vw) , 1.06rem);--space-sm: clamp(.88rem, calc(.7rem + .87vw) , 1.38rem);--space-md: clamp(1.13rem, calc(.8rem + 1.63vw) , 2.06rem);--space-lg: clamp(1.69rem, calc(1.32rem + 1.85vw) , 2.75rem);--space-xl: clamp(2.25rem, calc(1.6rem + 3.26vw) , 4.13rem);--space-2xl: clamp(3.38rem, calc(2.64rem + 3.7vw) , 5.5rem);--space-3xl: clamp(4.5rem, calc(3.2rem + 6.52vw) , 8.25rem);--content-xs: 20ch;--content-sm: 30ch;--content-md: 45ch;--content-lg: 65ch;--fs-sm: clamp(.78rem, calc(.75rem + .17vw) , .88rem);--fs-md: clamp(1.13rem, calc(1.04rem + .43vw) , 1.38rem);--fs-lg: clamp(1.35rem, calc(1.22rem + .64vw) , 1.72rem);--fs-xl: clamp(1.94rem, calc(1.69rem + 1.29vw) , 2.69rem);--fs-2xl: clamp(2.8rem, calc(2.31rem + 2.43vw) , 4.2rem);--lh-1: 1;--lh-1-1: 1.1;--lh-1-4: 1.4;--_shadow-strength: .25;--_shadow-saturation: 30%;--_shadow-lightness: 62%;--_shadow: var(--_hue) var(--_shadow-saturation) var(--_shadow-lightness);--shadow-sm: .2px .5px .6px hsl(var(--_shadow) / var(--_shadow-strength)), .3px .8px 1px -1.2px hsl(var(--_shadow) / var(--_shadow-strength)), .8px 1.9px 2.3px -2.5px hsl(var(--_shadow) / var(--_shadow-strength));--shadow-md: .2px .5px .6px hsl(var(--_shadow) / calc(var(--_shadow-strength) + .04)), .6px 1.5px 1.8px -.8px hsl(var(--_shadow) / calc(var(--_shadow-strength) + .04)), 1.6px 3.8px 4.6px -1.7px hsl(var(--_shadow) / calc(var(--_shadow-strength) + .04)), 3.9px 9.3px 11.3px -2.5px hsl(var(--_shadow) / calc(var(--_shadow-strength) + .04));--shadow-lg: .2px .5px .6px hsl(var(--_shadow) / var(--_shadow-strength)), 1.1px 2.7px 3.3px -.4px hsl(var(--_shadow) / var(--_shadow-strength)), 2.1px 5px 6.1px -.7px hsl(var(--_shadow) / var(--_shadow-strength)), 3.5px 8.3px 10.1px -1.1px hsl(var(--_shadow) / var(--_shadow-strength)), 5.6px 13.2px 16.1px -1.4px hsl(var(--_shadow) / var(--_shadow-strength)), 8.7px 20.7px 25.3px -1.8px hsl(var(--_shadow) / var(--_shadow-strength)), 13.3px 31.4px 38.4px -2.1px hsl(var(--_shadow) / var(--_shadow-strength)), 19.6px 46.3px 56.6px -2.5px hsl(var(--_shadow) / var(--_shadow-strength));--border-sm: 1px;--border-md: 3px;--border-lg: 5px;--radius-sm: .2em;--radius-md: .4em;--radius-lg: .8em;--radius-full: 100vmax;--_tspeed_fast: .15s;--_tspeed_slow: .4s;--_ttiming_ease: cubic-bezier(.3, 0, .7, 1);--_ttiming_squish: cubic-bezier(.5, -.3, .1, 1.5);--transition-ease-slow: var(--_tspeed_slow) var(--_ttiming_ease);--transition-ease-fast: var(--_tspeed_fast) var(--_ttiming_ease);--transition-squish-slow: var(--_tspeed_slow) var(--_ttiming_squish);--transition-squish-fast: var(--_tspeed_fast) var(--_ttiming_squish)}@media (prefers-color-scheme: dark){:root{--bkg: var(--bkg--dark);--txt: var(--txt--dark);--accent: var(--accent--dark);--muted: var(--muted--dark);color-scheme:dark;--_shadow-strength: .75;--_shadow-saturation: 75%;--_shadow-lightness: 6%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}button{cursor:pointer;font-size:var(--fs-sm);width:var(--space-md);height:var(--space-md);display:grid;place-items:center;border:none;background-color:hsl(var(--bkg));box-shadow:var(--shadow-md)}@custom-media --sm (width >=480px);@custom-media --md (width >=768px);@custom-media --lg (width >=1201px);@custom-media --xl (width >=1440px);.h1,.h2,.h3,.h4,.content :where(h1,h2,h3,h4){font-weight:700;line-height:var(--lh-1-1)}.h1{font-size:var(--fs-2xl);max-width:var(--content-xs)}h1 span{color:hsl(var(--accent))}.h2,.content h2{font-size:var(--fs-xl);max-width:var(--content-sm)}.h3,.content h3{font-size:var(--fs-lg);max-width:var(--content-md)}.h4,.content h4{font-size:calc(var(--fs-md) * .85)}small{font-size:var(--fs-sm)}.content :is(ul,ol){margin-left:1.5em}a,button{color:hsl(var(--txt));border-radius:var(--radius-sm);transition:opacity var(--transition-ease-fast),color var(--transition-ease-fast),box-shadow var(--transition-squish-slow)}a:hover,button:hover{color:hsl(var(--accent))}a:focus,button:focus{outline:2px solid transparent}a:focus-visible,button:focus-visible{box-shadow:0 0 0 .2em hsl(var(--bkg)),0 0 0 .4em hsl(var(--accent))}.link{--type: transparent;--fill: transparent;display:flex;place-items:center;gap:var(--space-2xs);width:-moz-fit-content;width:fit-content;padding:calc(var(--space-2xs) * .75) var(--space-sm);background-color:var(--fill);color:var(--type);font-size:var(--fs-md);border-radius:var(--radius-sm);border-width:var(--border-md);border-style:solid;border-color:transparent;text-decoration:none;line-height:var(--lh-1)}.link svg{height:var(--fs-md);width:var(--fs-md)}.link.primary{--type: hsl(var(--txt))}.link.secondary{--type: hsl(var(--accent));color:hsl(var(--txt))}.link.filled{--fill: var(--type);color:hsl(var(--bkg))}.link.bordered{border-color:var(--type)}.link[aria-current=page]{--type: hsl(var(--accent))}.link:hover{opacity:.8}.link:focus-visible{box-shadow:0 0 0 3px hsl(var(--bkg)),0 0 0 6px var(--type)}::-moz-selection{background:hsl(var(--accent) / .85);color:hsl(var(--bkg))}::selection{background:hsl(var(--accent) / .85);color:hsl(var(--bkg))}.container{width:100%;max-width:1500px;margin-inline:auto;padding:var(--space-md)}[aria-label=Primary]{width:100%;padding-block:var(--space-xs);background-color:hsl(var(--muted));box-shadow:var(--shadow-sm)}[aria-label=Primary] ul{display:flex;gap:var(--space-sm)}.navbar{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1500px;margin-inline:auto;padding-inline:var(--space-md)}.logomark{display:grid;place-items:center;padding:var(--space-2xs)}[aria-label="Blog pages"]{display:flex;gap:var(--space-sm);justify-content:center}.about{display:grid;gap:var(--space-lg);align-items:center;margin-block:var(--space-xl)}@media (--md){.about{grid-template-columns:1fr 2fr;place-content:center}}.about img{border-radius:var(--radius-full);height:400px;width:min(300px,100%);box-shadow:var(--shadow-lg);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}@media (--md){.about img{justify-self:end}}.about .content{display:grid;gap:var(--space-xs);max-width:var(--content-md)}.post-container{margin-block:var(--space-md);display:grid;gap:var(--space-md);align-items:start}@media (--md){.post-container{grid-template-columns:1fr 1fr}}@media (--lg){.post-container{grid-template-columns:1fr 1fr 1fr}}.badge{padding:4px 10px;background-color:hsl(var(--accent));border-radius:var(--radius-sm);color:hsl(var(--muted));text-decoration:none;letter-spacing:.054em;text-transform:uppercase;font-size:var(--fs-sm)}.badge:hover{color:hsl(var(--muted));opacity:.8}.badge:focus-visible{box-shadow:0 0 0 .2em hsl(var(--bkg)),0 0 0 .4em hsl(var(--accent))}.card{display:grid;background-color:hsl(var(--muted));padding:var(--space-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.card .badge{--accent: var(--txt)}.card [aria-hidden=true]{margin-inline:calc(var(--space-md) * -1);margin-block:var(--space-md)}.card img{box-shadow:var(--shadow-sm);-o-object-fit:cover;object-fit:cover}.card a{text-decoration:none}.card .content{display:grid;gap:var(--space-xs)}header{display:grid;place-items:center;gap:var(--space-sm);text-align:center}header .container{display:grid;place-items:center;gap:var(--space-sm);text-align:center}.post-content{display:grid;justify-content:center;padding:var(--space-md);margin-inline:auto;width:100%;max-width:1500px}.post-content>div{display:grid;gap:var(--space-sm)}.post-content .sidebar{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-lg);margin-block-start:var(--space-xl)}@media (--md){.post-content .sidebar{margin:0}}.post-content .sidebar aside{display:grid;gap:var(--space-2xs);padding:0}@media (--sm){.post-content .sidebar aside{flex:1 1 40%}}@media (--md){.post-content .sidebar aside{text-align:left;justify-content:start;justify-items:start}.post-content .sidebar aside .categories{justify-content:start}.post-content{grid-template-columns:1fr minmax(auto,220px);gap:var(--space-lg);align-items:start}}@media (--lg){.post-content{grid-template-columns:1fr minmax(auto,300px)}}.hero-image{box-shadow:var(--shadow-md);-o-object-fit:cover;object-fit:cover}@media (--lg){.hero-image{border-radius:var(--radius-md)}}.categories{list-style:none;display:flex;flex-wrap:wrap;gap:5px;align-items:center;justify-content:center;margin:0}.categories li{display:grid;place-items:center}[aria-label="Blog categories"],[aria-label="Related posts"]{padding:0;text-align:center;display:grid;gap:var(--space-sm);justify-items:center}[aria-label="Blog categories"] .post,[aria-label="Related posts"] .post{background-color:hsl(var(--muted));padding:var(--space-xs);gap:var(--space-2xs);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);width:-moz-fit-content;width:fit-content}[aria-label="Blog categories"] .post a,[aria-label="Related posts"] .post a{text-decoration:none}:where([aria-label="Blog categories"]){margin-block-end:var(--space-lg)}.sidebar [aria-label="Blog categories"]{margin-block:0}pre{padding:1.5em;border-radius:8px}pre>code{all:unset}