:root{color-scheme:light dark;--color-bg:light-dark(radial-gradient(150% 150% at 50% 0%,#fff 0%,#fff 15%,#dceaf7 100%),radial-gradient(150% 150% at 50% 0%,#070707 0%,#070707 30%,#090e17 100%));--color-surface:light-dark(#fff,#141417);--color-primary:light-dark(#0e7490,#22d3ee);--color-secondary:light-dark(#4338ca,#818cf8);--color-accent:light-dark(#be123c,#fb7185);--color-text:light-dark(#1a1a2e,#e8e8f0);--color-text-muted:light-dark(#5a5a6e,#9ca0ad);--color-border:light-dark(rgba(20,20,40,.25),rgba(160,160,170,.2));--spacing-unit:1rem;--grid-gap:calc(var(--spacing-unit)*1.25);--border-radius:0.75rem;--syntax-bg:var(--color-surface);--syntax-text:var(--color-text);--syntax-comment:var(--color-text-muted);--syntax-punctuation:light-dark(#5c6370,#abb2bf);--syntax-tag:light-dark(#e45649,#f92672);--syntax-number:light-dark(#a626a4,#ae81ff);--syntax-string:light-dark(#50a14f,#a6e22e);--syntax-function:light-dark(#c18401,#e6db74);--syntax-keyword:light-dark(#0184bc,#66d9ef);--syntax-regex:light-dark(#986801,#fd971f)}.hero-blurb{margin-bottom:2rem;max-width:65ch}.hero-blurb h1{margin-top:0;margin-bottom:1rem;font-size:2.5rem}.hero-blurb p{margin-top:0;margin-bottom:1.25rem;font-size:1.15rem;line-height:1.6;color:var(--color-text-muted)}.hero-blurb p:last-child{margin-bottom:0}.recent-posts-section{display:flex;flex-direction:column;gap:.5rem}.section-header{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--color-border);padding-bottom:.5rem}.section-header h2{margin:0;font-size:1.5rem}.view-all-link{font-size:.9rem;color:var(--color-text-muted);text-decoration:none;transition:color .15s ease}.view-all-link:hover{color:var(--color-primary)}.code-header{display:block;font-family:Consolas,Courier New,monospace;font-size:.85rem;color:var(--syntax-comment);background:color-mix(in srgb,var(--color-surface),#000 10%);border-bottom:1px solid var(--color-border);border:1px solid var(--color-border);padding:.4rem 1rem;margin-top:var(--spacing-unit)}.code-header+pre[class*=language-]{margin-top:0;border-top:none}code[class*=language-],pre[class*=language-]{color:var(--syntax-text);background:none;font-family:Consolas,Courier New,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;hyphens:none}pre[class*=language-]{padding:1rem;margin:var(--spacing-unit) 0;overflow:auto}:not(pre)>code,pre[class*=language-]{border:1px solid var(--color-border);border-radius:0;background:var(--syntax-bg)}:not(pre)>code{padding:.1em .3em;color:var(--syntax-text);font-family:Consolas,Courier New,monospace;font-size:.9em;white-space:normal;word-break:break-word}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:var(--syntax-comment)}.token.punctuation{color:var(--syntax-punctuation)}.token.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:var(--syntax-tag)}.token.boolean,.token.number{color:var(--syntax-number)}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:var(--syntax-string)}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:var(--syntax-text)}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:var(--syntax-function)}.token.keyword{color:var(--syntax-keyword)}.token.important,.token.regex{color:var(--syntax-regex)}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}#nav{display:flex;flex-direction:column;grid-area:nav;position:relative}#nav:after{content:"";position:absolute;top:0;bottom:0;right:calc(var(--grid-gap)/2*-1);width:1px;background-color:var(--color-border)}#nav a{color:var(--color-text-muted);text-decoration:none}#nav a[aria-current=page]{color:var(--color-text)!important;text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:2px;text-underline-offset:4px}#nav a:hover{color:var(--color-text)}.sidebar{position:sticky;top:var(--spacing-unit);font-size:.9rem}.sidebar ol,.sidebar ul{list-style-type:none;padding-left:0;margin-top:10px}.sidebar ol ol,.sidebar ul ul{padding-left:1rem;margin-top:5px}.sidebar li{margin-bottom:8px}.sidebar a{color:var(--color-text-muted);text-decoration:none;transition:color .2s ease}.sidebar a:hover{color:var(--color-text)}.sidebar a.active{color:var(--color-text)!important;font-weight:700;text-decoration:underline}.back-to-top-container{opacity:0;pointer-events:none;transition:opacity .3s ease}.back-to-top-container.visible{opacity:1;pointer-events:auto}.back-to-top{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-text-muted);font-weight:700;text-decoration:none;transition:color .2s ease;width:100%}.back-to-top:hover,.post-row{color:var(--color-text)}.post-row{display:grid;grid-template-columns:110px 1fr;gap:1.5rem;align-items:center;padding:.5rem;min-height:3rem;border-bottom:1px dashed var(--color-border);text-decoration:none;border-radius:4px;transition:background-color .15s ease}.post-row:last-child{border-bottom:none}.post-row:hover{background-color:color-mix(in srgb,var(--color-surface),var(--color-text) 3%)}.post-row:hover .post-preview-title{color:var(--color-primary)}.post-row-meta{font-family:Consolas,Courier New,monospace;font-size:.85rem;color:var(--color-text-muted)}.post-row-content,.post-row-meta{display:flex;flex-direction:column;gap:.15rem}.post-row-content{justify-content:center}.post-title-line{display:flex;flex-direction:row;align-items:center;gap:1rem;flex-wrap:wrap;color:var(--color-text)}.post-preview-title{margin:0;font-size:1.15rem;font-weight:700;line-height:1.2;transition:color .15s ease}.post-preview-subtitle{margin:0;font-size:.9rem;color:var(--color-text-muted);line-height:1.2}.content>:first-child{margin-top:0;padding-top:0}.post-header{display:flex;flex-direction:column;gap:var(--spacing-unit)}.post-header-image{width:100%;max-height:clamp(200px,25vh,400px);-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius);border:1px solid var(--color-border);display:block}.post-title{margin:0 0 0 -2px;font-size:2.5rem;line-height:1.2}.post-subtitle{display:block;font-size:1.2rem;margin:0;line-height:1.4}.post-meta,.post-subtitle{width:100%;color:var(--color-text-muted)}.post-meta{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:1.5rem;font-size:.9rem;font-family:Consolas,Courier New,monospace}.meta-item{display:inline-flex;align-items:center;gap:.5rem}.meta-item i{font-size:.75rem}.tag-list{display:flex;gap:.5rem;flex-wrap:wrap}.post-tag{background:color-mix(in srgb,var(--color-surface),#000 4%);border:1px solid var(--color-border);padding:.05rem .25rem;font-size:.75rem;text-transform:lowercase}html{scroll-behavior:smooth;background:var(--color-bg)}body,html{min-height:100vh}body{max-width:1100px;padding:20px;margin:0 auto;font-family:Tahoma,"MS Sans Serif",sans-serif;font-size:18px;color:var(--color-text);display:grid;grid-template-columns:200px 1fr 200px;grid-template-rows:auto auto 1fr;gap:var(--grid-gap);grid-template-areas:"header header header" "nav main main" "footer footer footer"}a{text-decoration:underline;text-underline-offset:2px;transition:color .2s ease-in-out}a,a:visited{color:var(--color-primary)}a:focus,a:hover{color:var(--color-secondary)}a:active{color:var(--color-accent)}a[aria-label]{position:relative;display:inline-block}a[aria-label]:after{content:attr(aria-label);position:absolute;top:120%;left:50%;transform:translateX(-50%) translateY(-5px);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease-in-out;pointer-events:none}a[aria-label]:focus:after,a[aria-label]:hover:after{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.separator{border:0;border-top:1px solid var(--color-border);margin:var(--spacing-unit) 0;width:100%}.separator.dotted{border-top:1px dotted var(--color-border)}header{display:flex;justify-content:space-between;align-items:center;grid-area:header}#logo{font-family:Arial Black,Impact,sans-serif;font-size:1.75rem;font-weight:700;letter-spacing:1px;text-decoration:none}#logo,#logo:visited{color:var(--color-text)}#header-links{display:flex}#header-links a{display:inline-flex;text-decoration:none;align-items:center;justify-content:center;width:40px;height:40px}#header-links i{color:var(--color-text);font-size:1.5rem}main{grid-area:main}footer{display:flex;justify-content:right;padding-right:15px;gap:10px;grid-area:footer;align-self:end}.site-footer{padding:var(--spacing-unit) 0;text-align:center;font-size:.8rem;color:var(--color-text-muted);opacity:.25;border:none;transition:opacity .3s ease-in-out}.site-footer:hover{opacity:1}#source-link{text-decoration:none;color:inherit;transition:color .2s ease-in-out}#source-link:focus,#source-link:hover{color:var(--color-secondary)}