:root{--font:"Georgia", "Times New Roman", serif;--bg:#fdfcf9;--text:#1a1a1a;--head:#000000;--link:#1a0dab;--visited:#5a3696;--quote:#333;--highlight:#eae6df;--border:#d6d1c9;--header-bg:#f7f5f0;--header-text:#000;color-scheme:light dark}:root[data-theme=dark]{--bg:#121212;--text:#e8e6e3;--head:#ffffff;--link:#8ab4f8;--visited:#c58af9;--quote:#cfcfcf;--highlight:#2a2a2a;--border:#3a3a3a;--header-bg:#0e0e0e;--header-text:#ffffff}::selection{background:#dcd6cc;color:#000}:root[data-theme=dark] ::selection{background:#e8e6e3;color:var(--bg)}:root code{background:#f0eee8;padding:2px 4px;border-radius:3px}:root[data-theme=dark] code{background:#1e1e1e}*,*::before,*::after{box-sizing:border-box}body{margin:0;font:clamp(1rem,.9rem + .5vw,1.1rem)/1.6 var(--font);background:var(--bg);color:var(--text);overflow-wrap:break-word}h1,h2,h3,h4,h5,h6,b,strong{color:var(--head)}a{color:var(--link);text-decoration:none;text-underline-offset:2px}a:hover{text-decoration:underline}a:visited{color:var(--visited)}:focus-visible{outline:2px solid var(--highlight);outline-offset:2px}.site-header,.site-header nav{display:flex;align-items:center}.site-header{flex-wrap:wrap;background:var(--header-bg);color:var(--header-text)}.site-header a{display:flex;align-items:center;padding:0 .8em;font-size:1.5rem;color:var(--header-text)}.site-header a.active,.site-header a:hover{background:var(--bg);text-decoration:none}.site-header a.active{border-bottom:2px solid var(--text)}#theme-toggle{margin-left:auto;background:0 0;border:0;font-size:1.8rem;padding:0 .8em;color:var(--header-text);cursor:pointer}#theme-toggle:hover{background:var(--bg)}main{margin-inline:auto;padding:10px;max-width:80ch;line-height:1.8}img{max-width:100%;height:auto}content-visibility: auto; contain-intrinsic-size: 1px 1000px; contain: layout style paint; .blog-posts{list-style:none;padding:0}.blog-posts li{display:flex}.blog-posts li span{flex:0 0 130px}code,time{font-family:monospace}code{padding:2px 4px;border-radius:3px;background:rgba(0,0,0,5%);font-size:.95em}pre,.highlight,.code{overflow-x:auto}.highlight,.code{border-radius:3px;margin-block:1em}time{font-size:.9rem}blockquote{border-inline-start:1px solid var(--border);padding-inline-start:20px;font-style:italic;color:var(--quote)}hr{border:0;border-top:1px dashed var(--border)}button{cursor:pointer}.inline{width:auto !important}footer{margin-top:3em;padding:1.5em 1em;text-align:center;font-size:.9em;border-top:1px solid color-mix(in srgb,var(--border) 60%,transparent);background:color-mix(in srgb,var(--bg) 94%,#fff);box-shadow:0 -2px 8px rgba(0,0,0,3%)}footer a{margin:0 .4em;color:var(--text);text-decoration:none;transition:.2s}footer a:hover{color:var(--highlight);text-decoration:underline;transform:translateY(-1px)}footer a+a::before{content:"|";margin-right:.6em;color:color-mix(in srgb,var(--text) 40%,var(--bg))}.back-to-top{font-weight:500}::selection{background:var(--highlight);color:#000}@media(max-width:600px){.site-header{flex-direction:column;align-items:flex-start}.site-header nav a{margin-top:.5em}}.img-block{position:relative;display:inline-block;width:100%}.img-block img{width:100%;display:block}.img-block .preview{filter:blur(12px);image-rendering:pixelated;transform:scale(1)}.img-block .full{position:absolute;inset:0;opacity:0}.img-block[open] .preview{opacity:0}.img-block[open] .full{opacity:1}.img-block summary{list-style:none;cursor:pointer;position:relative;display:block}.img-block summary::-webkit-details-marker{display:none}.img-block summary::after{content:"Click to load image (" attr(data-size)")";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font:.9rem bold;background:rgba(0,0,0,.25);text-shadow:0 1px 2px rgba(0,0,0,.6);pointer-events:none}.img-block img{width:100%;display:block;border:3px solid var(--header-text);border-radius:1px}.recent-header span{font-size:2.5em;color:var(--bg);background:var(--highlight);padding:.2em .5em;font-weight:700;box-shadow:2px 1px 0 var(--highlight),-2px -1px 0 var(--highlight),1px -2px 0 var(--highlight),-1px 2px 0 var(--highlight)}.recent-posts{margin-top:2em}.post-card{padding:1.2em;margin-bottom:1.5em;border:1px solid color-mix(in srgb,var(--border) 50%,transparent);border-radius:8px;background:color-mix(in srgb,var(--bg) 96%,#fff);box-shadow:0 2px 6px rgba(0,0,0,4%);transition:.2s}.post-card:hover{border-color:var(--highlight);transform:translateY(-3px);box-shadow:0 8px 18px rgba(0,0,0,8%);background:color-mix(in srgb,var(--bg) 92%,var(--highlight) 8%)}.post-card a{display:block;color:inherit;text-decoration:none}.post-title{margin:0;color:var(--highlight)}.post-card:hover .post-title{text-decoration:underline}.post-summary{margin-top:.5em;color:color-mix(in srgb,var(--text) 70%,transparent)}.post-title{display:none}.read-more{color:var(--highlight);font-weight:700}.post-meta{margin-top:1em;font-size:.85em;font-style:italic;color:color-mix(in srgb,var(--text) 70%,var(--bg))}.dropcap{float:left;width:6em;height:6em;margin-left:-1.2em;margin-right:.3em;margin-top:-.2em;margin-bottom:-.8em;line-height:1;text-shadow:.08em .08em .2em rgba(0,0,0,.35);color:var(--header-text)}.dropcap svg{width:100%;height:100%;display:block}.dropcap svg{transition:transform .6s ease}.dropcap:hover svg{transform:translateY(-.15em)rotate(-1deg);transition:color .2s ease;cursor:default;color:var(--highlight)}.dropcap svg path{stroke-dasharray:300;stroke-dashoffset:300;transition:stroke-dashoffset .6s ease,color .3s ease}.separator{display:flex;justify-content:center;align-items:center;width:112%;padding:1.5rem 0;overflow:hidden}.separator svg{height:30px;fill:currentColor;color:var(--highlight-color)}.separator svg{transition:transform .3s ease,color .3s ease}.separator:hover svg{transform:translateY(-2px);color:var(--highlight)}