:root{color-scheme:light dark;--main-bg:light-dark(#f0f2f5,#040e15);--main-fg:light-dark(#040e15,#9eabbd);--main-highlight:light-dark(#164569,#dbe0e6);--main-accent:light-dark(#a32929,#8f3d3d);--sec-bg:#0d2a3f;--sec-fg:#9eabbd;--sec-border:#6d7988;--sec-highlight:#dbe0e6;--sec-accent:#623246;--size-step-0:.8rem;--size-step-1:clamp(1rem, calc(.96rem + .22vw), 1.13rem);--size-step-2:clamp(1.25rem, calc(1.16rem + .43vw), 1.5rem);--size-step-3:clamp(1.56rem, calc(1.41rem + .76vw), 2rem);--size-step-4:clamp(1.95rem, calc(1.71rem + 1.24vw), 2.66rem);--size-step-5:clamp(2.44rem, calc(2.05rem + 1.93vw), 3.55rem);font-size:var(--size-step-1);-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;text-rendering:optimizespeed;text-wrap:pretty;-webkit-font-smoothing:antialiased;font-family:sans-serif;line-height:1.7}@font-face{font-family:Share Tech;src:url(/sharetech.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@view-transition{navigation:auto}body{background-color:var(--main-bg);margin:0;padding:0}input,button,textarea,select{font:inherit}body,h1,h2,h3,ul{color:var(--main-fg)}h1,h2,h3{font-family:Share Tech,sans-serif;font-style:normal;font-weight:400;font-size:var(--size-step-4);margin-block:.5rem;line-height:1.1}h2{font-size:var(--size-step-3)}h3{font-size:var(--size-step-2)}p{margin:0;margin-block:.75rem}ul{list-style-type:square}li::marker{color:var(--main-accent)}.button{color:var(--main-fg);border:1px solid var(--main-accent);cursor:pointer;background-color:#0000;border-radius:.1rem;flex-flow:row;justify-content:center;align-items:center;gap:.5rem;padding:.25rem;text-decoration:none;display:flex}.button:active,.button:hover{background-color:var(--main-highlight);color:var(--main-bg);border:1px solid var(--main-bg);text-decoration:none}a:focus-visible,button:focus-visible,.button:focus-visible{outline:2px solid var(--main-accent);outline-offset:2px;border-radius:.1rem}.button>svg{width:1rem;height:1rem}footer,header,main{padding-inline:max(2rem,50vw - 37.5ch)}main{padding-block:1rem}footer,header{color:var(--sec-fg);fill:var(--sec-fg);margin:0;padding-block:.5rem;position:relative;&:before{z-index:-1;filter:url(/img/grain.svg#grain);clip-path:inset(0);content:"";background:linear-gradient(130deg,#0d2a3f,#49659c);position:absolute;inset:0}}header{border-block-end:var(--sec-border) solid 2px;flex-flow:row;justify-content:space-between;align-items:center;display:flex}footer{border-block-start:var(--sec-border) solid 1px}header .logo,header a{margin:0;padding:0;line-height:0}header .logo svg{width:10rem}footer a,footer a:visited,header a,header a:visited{color:var(--sec-fg);text-decoration:none}footer a:active,footer a:hover,header a:active,header a:hover{color:var(--sec-highlight);fill:var(--sec-highlight);text-decoration:underline var(--sec-accent)}main a,main a:visited{color:var(--main-fg)}main a:active,main a:hover{color:var(--main-highlight);text-decoration:underline var(--main-accent)}.socials{flex-flow:row;justify-content:flex-end;gap:1rem;padding:.5rem;line-height:0;display:flex}.socials svg{width:1.5rem;height:1.5rem}.mobile-socials{display:none}.mobile-socials summary{cursor:pointer;color:var(--sec-fg);fill:var(--sec-fg);padding:.5rem;line-height:0;list-style:none}.mobile-socials summary::-webkit-details-marker{display:none}.mobile-socials summary:active{color:var(--sec-highlight);fill:var(--sec-highlight)}@media (hover:hover){.mobile-socials summary:hover{color:var(--sec-highlight);fill:var(--sec-highlight)}}.mobile-socials summary:focus-visible{outline:2px solid var(--main-accent);outline-offset:2px;border-radius:.1rem}.mobile-socials summary svg{width:1.5rem;height:1.5rem}.mobile-socials .socials{z-index:10;box-sizing:border-box;border-block-end:var(--sec-border) solid 2px;padding-block:1rem;padding-inline:calc(max(2rem,50vw - 37.5ch) + .5rem);position:absolute;inset-block-start:calc(100% + 2px);inset-inline:0;&:before{z-index:-1;filter:url(/img/grain.svg#grain);clip-path:inset(0);content:"";background:linear-gradient(130deg,#0d2a3f,#49659c);position:absolute;inset:0}}@media (width<=30rem){header>.socials{display:none}.mobile-socials{display:block}}.post-meta{flex-flow:row;justify-content:flex-start;align-items:center;gap:1rem;margin-block:.5rem;display:flex}.post-meta,.pubdate{font-size:var(--size-step-0)}img{object-fit:contain;max-width:100%;height:auto}